.of-deck-detail{width:100%!important;max-width:1240px!important;padding:24px;box-sizing:border-box;position:relative;z-index:0;isolation:isolate}
body:has(.of-deck-detail) .site-header{position:relative;z-index:1000}
.of-deck-detail .userpage-flex{display:grid!important;grid-template-columns:minmax(0,1fr) 132px;gap:18px;align-items:start;width:100%!important}
.of-deck-detail .userpage-right{width:100%!important;max-width:1024px!important;min-width:0;margin:0!important}
.of-detail-header{position:relative;overflow:hidden;min-height:210px;border:1px solid #b8aa8c;background:#f8f4e9;border-radius:8px 8px 0 0;padding:24px;box-sizing:border-box}
.of-detail-header-art{position:absolute;right:0;top:0;bottom:0;width:60%;overflow:hidden;background:#244438;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.of-detail-header-art img{height:100%;width:100%;object-fit:cover}
.of-detail-header-art:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#f8f4e955,transparent 50%,#142a2255)}
.of-detail-header-info{position:relative;z-index:1;max-width:52%;color:#243e32}
.of-detail-format-ribbon{position:absolute;top:-1px;right:-1px;z-index:2;max-width:60%;box-sizing:border-box;padding:7px 14px 7px 28px;background:#244438;color:#fff;font-size:12px;font-weight:700;line-height:1.5;text-align:right;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);pointer-events:none}
@media(max-width:600px){.of-detail-format-ribbon{font-size:10px;padding:5px 9px 5px 23px;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}}
.of-detail-header h1{font-size:28px!important;line-height:1.3;margin:0 0 14px!important;overflow-wrap:anywhere;font-weight:800}
.of-detail-format{font-size:11px;color:#846d43;margin:0 0 8px}
.of-detail-owner{display:flex;align-items:center;gap:10px;text-decoration:none;color:#4d5748!important;font-size:13px}
.of-detail-owner img{width:40px;height:40px;object-fit:cover;border:1px solid #b8aa8c;border-radius:4px}.of-detail-owner small{display:block;font-size:11px;color:#847863;margin-top:4px}
.of-detail-event{padding:5px 24px 5px 10px;margin:12px 0;background:#244438;color:#fff;font-size:12px;width:fit-content;max-width:100%;box-sizing:border-box;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.of-detail-social{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:#756950}.of-detail-social .like-btn{position:static!important;border:0;background:none;padding:0;color:inherit!important}.of-detail-social .like-btn i{color:#947545!important}
.of-detail-color-line{position:absolute;bottom:0;left:0;right:0;display:flex;height:5px}.of-detail-color-line span{flex:1}
.of-deck-detail .deck-tab-header{margin:0!important;border:1px solid #d4c6ab;border-top:0;background:#f0eadc;flex-wrap:wrap}
.of-deck-detail .deck-tab-btn{border-radius:0!important;font-size:12px!important;padding:10px 14px!important}
.of-deck-detail .deck-tab-content{width:100%!important;max-width:100%!important;box-sizing:border-box;border:1px solid #c9b998!important;border-top:0!important;border-radius:0 0 6px 6px!important;background:#faf7ee!important;padding:16px!important;overflow-x:auto}
.of-deck-detail .deck-block{width:100%!important;max-width:100%!important;margin:0 0 20px!important;padding:0!important}
.of-deck-detail .deck-block-title{font-size:17px!important;font-weight:800;color:#243e32;margin:0 0 14px!important}
.of-deck-detail .deck-card-images{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0!important}
.of-deck-detail .deck-card-img-wrap{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;position:relative!important}
.of-deck-detail .deck-card-img{width:100%!important;height:auto!important;display:block;aspect-ratio:757/1054;object-fit:contain;border-radius:4.5%!important}
.of-deck-detail .card-count-badge{left:-5px!important;top:-5px!important;right:auto!important;bottom:auto!important;width:28px!important;height:28px!important;line-height:24px!important;font-size:16px!important;border:2px solid #fff!important;border-radius:50%!important;background:#203c32!important;color:#fff!important;transform:none!important}
.of-detail-actions{position:sticky;top:85px;background:#f7f2e6;border:1px solid #c4b28d;border-radius:6px;padding:12px;min-width:0}
.of-detail-actions>p{text-align:center;font-size:11px;color:#7f6c49;margin:0 0 10px}.of-detail-actions>p strong{display:block;color:#243e32;font-size:15px}
.of-detail-actions #pc-action-buttons{display:block!important}.of-detail-actions #deck-action-dropdown-btn{display:none!important}.of-detail-actions #deck-action-dropdown-menu{position:static!important;display:block!important;background:none!important;border:0!important;box-shadow:none!important;min-width:0!important}
.of-detail-actions .deck-action-dropdown{width:100%}.of-detail-actions ul{min-width:0!important;width:100%!important;padding:0!important}.of-detail-actions .deck-action-btn{padding:9px 6px!important;border-radius:4px!important;background:#ece5d3!important;margin-bottom:6px;width:100%;font-size:11px!important;white-space:normal}.of-detail-actions form{margin:0}
.of-detail-actions #deck-action-dropdown-menu ul{display:grid!important;grid-template-columns:1fr;gap:8px;margin:0!important;list-style:none}
.of-detail-actions #deck-action-dropdown-menu li,.of-detail-actions #deck-action-dropdown-menu form{display:block!important;width:100%;min-width:0;margin:0;padding:0}
.of-detail-actions #deck-action-dropdown-menu .deck-action-btn{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-height:40px;margin:0!important;padding:9px 6px!important;border:1px solid #aa9872!important;border-radius:4px!important;background:#ece5d3!important;color:#203c32!important;font-family:inherit;font-size:12px!important;font-weight:700;line-height:1.5;text-align:center!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.of-detail-actions #deck-action-dropdown-menu .deck-action-btn:hover{background:#244438!important;color:#fff!important;border-color:#244438!important}
.of-detail-actions #deck-action-dropdown-menu .deck-action-btn:focus-visible{outline:2px solid #244438;outline-offset:2px}
@media(max-width:1359px){.of-detail-actions #deck-action-dropdown-menu ul{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}
body:has(.of-deck-detail) #mobile-action-buttons{display:none!important}
@media(max-width:900px){.of-deck-detail .userpage-flex{grid-template-columns:minmax(0,1fr)!important}.of-detail-actions{position:static;grid-row:1}.of-detail-actions>p{display:none}.of-detail-actions ul{display:flex;flex-wrap:wrap;gap:8px}.of-detail-actions li{flex:0 1 auto}.of-detail-actions .deck-action-btn{margin:0}.of-deck-detail .deck-card-images{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}}
@media(max-width:600px){.of-deck-detail{padding:16px!important}.of-detail-header{padding:18px;min-height:0}.of-detail-header-art{position:relative;clip-path:none;width:calc(100% + 36px);height:auto;aspect-ratio:16/5;margin:-18px -18px 18px}.of-detail-header-info{max-width:100%}.of-detail-header h1{font-size:23px!important}.of-deck-detail .deck-card-images{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.of-deck-detail .deck-tab-content{padding:14px!important}.of-deck-detail .card-count-badge{width:24px!important;height:24px!important;line-height:20px!important;font-size:13px!important}}

.of-deck-detail .of-detail-header{width:100%!important;max-width:none!important;flex:none!important;align-self:stretch}
.of-detail-social .like-count{position:static!important;text-shadow:none!important;color:inherit!important}
.of-detail-actions #foilSwitchBtn{width:100%;margin:0 0 10px}
.of-detail-actions #foilSwitchBtn>*{max-width:100%!important;width:100%!important}

.of-detail-social{align-items:center;font-size:13px;line-height:1.4}
.of-detail-social .like-btn,.of-detail-social>span{display:inline-flex!important;align-items:center;gap:5px;font-size:13px!important;line-height:1.4!important;font-weight:400!important}
.of-detail-social .like-btn i,.of-detail-social>span>i{font-size:15px!important;line-height:1!important;width:15px;text-align:center}
.of-detail-social .like-count{font-size:13px!important;line-height:1.4!important;font-weight:400!important}

.of-deck-detail .deck-detail-tabs{margin-top:0!important}
.of-deck-detail .of-detail-format{display:none}
.of-deck-detail .of-detail-header{min-height:160px;padding:16px 20px;margin-bottom:0!important}
.of-deck-detail .of-detail-header h1{margin-bottom:10px!important;font-size:25px!important}
.of-deck-detail .of-detail-social{margin-top:8px}
@media(max-width:600px){.of-deck-detail .of-detail-header{min-height:0;padding:14px}.of-deck-detail .of-detail-header-art{width:calc(100% + 28px);margin:-14px -14px 12px;aspect-ratio:4/1}.of-deck-detail .of-detail-header h1{font-size:21px!important}}

.of-deck-detail .of-detail-header-art{position:absolute;top:0;bottom:0;right:-1px;height:auto;aspect-ratio:auto;margin:0}
.of-deck-detail .of-detail-header-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.of-deck-detail .of-detail-header{min-height:160px}.of-deck-detail .of-detail-header-art{width:60%;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.of-deck-detail .of-detail-header-info{max-width:64%}.of-deck-detail .of-detail-header-art:after{background:linear-gradient(100deg,#f8f4e9bb,transparent 80%)}}

@media(min-width:1360px){.of-deck-detail{max-width:none!important;width:100%!important}.of-deck-detail .userpage-flex{position:relative;display:block!important;max-width:1024px;margin:0 auto!important}.of-deck-detail .userpage-right{width:100%!important;margin:0!important}.of-deck-detail .of-detail-actions{position:absolute;top:0;left:calc(100% + 18px);width:132px;box-sizing:border-box}}
@media(min-width:901px) and (max-width:1359px){.of-deck-detail .userpage-flex{grid-template-columns:minmax(0,1fr)!important;max-width:1024px;margin:0 auto!important}.of-deck-detail .of-detail-actions{position:static;grid-row:1}.of-deck-detail .of-detail-actions ul{display:flex;flex-wrap:wrap;gap:8px}.of-deck-detail .of-detail-actions li{flex:0 1 auto}}

/* Center the collection; actions live in a separate, fixed disclosure. */
.of-deck-detail .userpage-flex{display:block!important;max-width:1024px;margin:0 auto!important}
.of-deck-detail .deck-card-images{gap:20px 16px!important;padding:8px!important;box-sizing:border-box;overflow:visible}
.of-deck-detail .deck-card-img{box-shadow:0 3px 8px #172d2529;transition:transform .18s,box-shadow .18s}
.of-deck-detail .deck-card-img-wrap{align-self:start;overflow:visible}
.of-deck-detail .card-count-badge{display:flex;align-items:center;justify-content:center;width:30px!important;height:30px!important;min-width:0;min-height:0;box-sizing:border-box;line-height:1!important;border-color:#c1a165!important;box-shadow:0 2px 5px #0003;pointer-events:none}
.of-deck-detail .deck-block-title{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #d4c6ab;letter-spacing:.04em}
@media(hover:hover){.of-deck-detail .deck-card-img:hover{transform:translateY(-3px);box-shadow:0 7px 16px #172d2540}}
body>.of-detail-actions-floating{position:fixed;inset:auto calc(max(16px,env(safe-area-inset-right)) + 52px) max(16px,env(safe-area-inset-bottom)) auto;width:148px;max-width:calc(100vw - 84px);padding:0;border:1px solid #b79b63;border-radius:4px;background:#f7f2e6;box-shadow:0 3px 12px #10261e40;z-index:900}
.of-detail-actions-floating summary{display:flex;align-items:center;justify-content:space-between;gap:20px;height:42px;padding:0 14px;box-sizing:border-box;list-style:none;background:#203c32;color:#fff2d0;border-radius:3px;font-size:14px;font-weight:700;cursor:pointer;user-select:none}
.of-detail-actions-floating summary::-webkit-details-marker{display:none}
.of-detail-actions-floating summary:after{content:'+';font-size:22px;font-weight:400}
.of-detail-actions-floating details[open]>summary{background:#365a46}
.of-detail-actions-floating details[open]>summary:after{content:'−'}
.of-detail-actions-floating summary:focus-visible{outline:3px solid #c1a165;outline-offset:3px}
.of-detail-actions-content{position:absolute;right:0;bottom:calc(100% + 8px);width:224px;max-width:calc(100vw - 84px);box-sizing:border-box;padding:12px;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#f7f2e6;border:1px solid #b79b63;border-radius:8px;box-shadow:0 8px 28px #10261e40}
.of-detail-actions-content>p{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:11px;color:#756950}
.of-detail-actions-content>p strong{color:#203c32;font-size:14px;letter-spacing:.08em}
.of-detail-actions-floating #deck-action-dropdown-menu ul{grid-template-columns:1fr!important}
.of-detail-actions-floating #deck-action-dropdown-menu .deck-action-btn{justify-content:flex-start;padding:10px 12px!important;text-align:left!important}
.of-detail-actions-floating #foilSwitchBtn{margin-bottom:10px}
@media(max-width:900px){.of-deck-detail .deck-card-images{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:600px){.of-deck-detail .deck-card-images{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 10px!important}.of-deck-detail .deck-tab-content{padding:12px!important}.of-deck-detail .card-count-badge{width:26px!important;height:26px!important;font-size:13px!important}.of-detail-actions-floating:not(:has(details[open])){width:148px}}
@media(prefers-reduced-motion:reduce){.of-deck-detail .deck-card-img{transition:none}}

/* Mobile deck identity: artwork banner above a readable information panel. */
@media(max-width:600px){
 .of-deck-detail .of-detail-header{padding:0;min-height:0;background:#f8f4e9;border-color:#bcad8e;border-radius:10px 10px 0 0}
 .of-deck-detail .of-detail-header-art{position:relative;inset:auto;width:100%;height:104px;margin:0;clip-path:none;aspect-ratio:auto}
 .of-deck-detail .of-detail-header-art:after{background:linear-gradient(180deg,#122a2533,transparent 45%,#122a2566)}
 .of-deck-detail .of-detail-format-ribbon{top:0;right:0;max-width:100%;padding:6px 12px 6px 25px;font-size:11px;line-height:1.5;background:#183b32ee;overflow-wrap:anywhere}
 .of-deck-detail .of-detail-header-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;max-width:none;padding:16px 14px 19px}
 .of-deck-detail .of-detail-header h1{grid-column:1/-1;margin:0!important;font-size:22px!important;line-height:1.35;letter-spacing:.02em}
 .of-deck-detail .of-detail-owner{grid-column:1;grid-row:2;min-width:0;gap:8px;align-self:center;font-size:12px}
 .of-deck-detail .of-detail-owner img{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid #c1ad83}
 .of-deck-detail .of-detail-owner>span{min-width:0;overflow-wrap:anywhere}
 .of-deck-detail .of-detail-owner strong{display:block;line-height:1.4}
 .of-deck-detail .of-detail-owner small{font-size:10px;line-height:1.5;margin-top:3px;color:#756d5d}
 .of-deck-detail .of-detail-social{grid-column:2;grid-row:2;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding-left:10px;border-left:1px solid #d7ccb6;font-size:12px;line-height:1.4}
 .of-deck-detail .of-detail-social .like-btn{font:inherit!important;line-height:inherit!important}
 .of-deck-detail .of-detail-event{grid-column:1/-1;grid-row:3;margin:0;font-size:11px;line-height:1.6;padding:6px 22px 6px 10px;overflow-wrap:anywhere}
 .of-deck-detail .of-detail-color-line{height:4px}
}