.official-deck-detail-page{background:radial-gradient(circle at 8% 0%, color-mix(in oklab, var(--theme-ink-a) 9%, transparent), transparent 34%), radial-gradient(circle at 92% 14%, color-mix(in oklab, var(--theme-ink-b) 8%, transparent), transparent 36%);min-height:100vh;padding:34px 0 72px;position:relative;overflow:hidden}.official-deck-detail-shell{width:min(1180px,100% - 34px);margin:0 auto}.official-deck-detail-back a{color:var(--muted-foreground);align-items:center;gap:7px;font-size:10px;font-weight:760;text-decoration:none;display:inline-flex}.official-deck-detail-back a:hover{color:var(--foreground)}.official-deck-detail-back svg{width:14px;height:14px}.official-deck-detail-hero{background:radial-gradient(circle at 12% 12%, color-mix(in oklab, var(--primary) 11%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in oklab, var(--surface-2,var(--card)) 91%, transparent), color-mix(in oklab, var(--surface,var(--card)) 97%, transparent));min-height:470px;box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.07), inset 0 0 0 1px color-mix(in oklab, var(--border) 76%, transparent), 0 34px 80px -60px black;border-radius:30px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:36px;margin-top:22px;padding:44px;display:grid;position:relative;overflow:hidden}.official-deck-detail-copy{z-index:3;position:relative}.official-deck-detail-badges{flex-wrap:wrap;gap:7px;display:flex}.official-deck-detail-badges span{background:color-mix(in oklab, var(--background) 52%, transparent);min-height:27px;color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 66%, transparent);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:8px;font-weight:820;display:inline-flex}.official-deck-detail-badges span.is-official{color:color-mix(in oklab, var(--foreground) 86%, var(--primary));background:color-mix(in oklab, var(--primary) 13%, var(--background));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 28%, var(--border))}.official-deck-detail-badges svg{width:12px;height:12px}.official-deck-detail-product{color:color-mix(in oklab, var(--primary) 68%, var(--foreground));margin:25px 0 0;font-size:11px;font-weight:790}.official-deck-detail-copy h1{letter-spacing:-.052em;text-wrap:balance;max-width:740px;margin:7px 0 0;font-size:clamp(40px,5.7vw,72px);line-height:.94}.official-deck-detail-inks{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.official-deck-detail-inks span{background:color-mix(in oklab, var(--background) 55%, transparent);min-height:28px;color:var(--muted-foreground);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 64%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.official-deck-detail-inks i{border-radius:50%;width:9px;height:9px}.official-deck-detail-inks span[data-ink=amber] i{background:#e5a11b}.official-deck-detail-inks span[data-ink=amethyst] i{background:#8f63d5}.official-deck-detail-inks span[data-ink=emerald] i{background:#2aa16e}.official-deck-detail-inks span[data-ink=ruby] i{background:#d44757}.official-deck-detail-inks span[data-ink=sapphire] i{background:#3198d2}.official-deck-detail-inks span[data-ink=steel] i{background:#7e8791}.official-deck-detail-stats{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.official-deck-detail-stats span{color:var(--muted-foreground);align-items:baseline;gap:5px;font-size:9px;font-weight:720;display:inline-flex}.official-deck-detail-stats strong{color:var(--foreground);font-size:16px}.official-deck-detail-stats span.is-complete strong{color:#4ec88a}.official-deck-detail-actions{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.official-deck-detail-actions button,.official-deck-detail-actions a{background:color-mix(in oklab, var(--surface-2,var(--card)) 88%, transparent);min-height:42px;color:var(--foreground);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 76%, transparent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:820;text-decoration:none;transition:transform .17s,filter .17s,background .17s;display:inline-flex}.official-deck-detail-actions button:hover,.official-deck-detail-actions a:hover{background:color-mix(in oklab, var(--surface-2,var(--card)) 92%, var(--primary) 8%);transform:translateY(-2px)}.official-deck-detail-actions button.is-primary{background:linear-gradient(120deg, color-mix(in oklab, var(--theme-ink-a) 74%, #6f4bc8), color-mix(in oklab, var(--theme-ink-b) 68%, #7052d6));color:#fff;box-shadow:inset 0 1px 0 #ffffff2e, 0 14px 32px -20px color-mix(in oklab, var(--primary) 74%, transparent)}.official-deck-detail-actions button:disabled{cursor:default;opacity:.6;transform:none}.official-deck-detail-actions svg{width:15px;height:15px}.official-deck-detail-note{max-width:760px;color:var(--muted-foreground);margin:18px 0 0;font-size:9px;line-height:1.65}.official-deck-detail-display{min-height:390px;position:relative}.official-deck-detail-glow{background:radial-gradient(circle, color-mix(in oklab, var(--primary) 18%, transparent), transparent 61%), conic-gradient(from 210deg, color-mix(in oklab, var(--theme-ink-a) 16%, transparent), transparent 36%, color-mix(in oklab, var(--theme-ink-b) 16%, transparent), transparent 76%);filter:blur(13px);border-radius:50%;position:absolute;inset:8%}.official-deck-detail-stack{position:absolute;inset:0}.official-deck-detail-stack img{aspect-ratio:5/7;object-fit:cover;transform-origin:50% 85%;border-radius:11px;width:48%;max-width:175px;position:absolute;top:50%;left:50%;box-shadow:0 24px 44px #0000007a,0 0 0 1px #ffffff12}.official-deck-detail-stack img:first-of-type{z-index:4;transform:translate(-50%,-50%)rotate(-1deg)}.official-deck-detail-stack img:nth-of-type(2){z-index:3;transform:translate(-85%,-48%)rotate(-12deg)}.official-deck-detail-stack img:nth-of-type(3){z-index:2;transform:translate(-15%,-48%)rotate(11deg)}.official-deck-detail-stack img:nth-of-type(4){z-index:1;transform:translate(-50%,-56%)rotate(2deg)scale(.95)}.official-deck-detail-stack>svg{width:72px;height:72px;color:color-mix(in oklab, var(--primary) 52%, var(--muted-foreground));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.official-deck-detail-list{background:color-mix(in oklab, var(--surface,var(--card)) 89%, transparent);box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.05), inset 0 0 0 1px color-mix(in oklab, var(--border) 72%, transparent);border-radius:25px;margin-top:28px;padding:26px}.official-deck-detail-list>header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.official-deck-detail-list h2{letter-spacing:-.04em;margin:5px 0 0;font-size:28px}.official-deck-owned-summary{background:color-mix(in oklab, var(--background) 50%, transparent);min-height:40px;color:var(--muted-foreground);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 68%, transparent);border-radius:12px;align-items:center;gap:9px;padding:0 12px;display:flex}.official-deck-owned-summary.is-complete{color:color-mix(in oklab, #4ec88a 72%, var(--foreground));box-shadow:inset 0 0 0 1px color-mix(in oklab, #4ec88a 25%, var(--border))}.official-deck-owned-summary svg{width:16px;height:16px}.official-deck-owned-summary span{text-transform:uppercase;letter-spacing:.04em;flex-direction:column;font-size:8px;font-weight:760;display:flex}.official-deck-owned-summary strong{color:var(--foreground);letter-spacing:0;text-transform:none;font-size:11px}.official-deck-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.official-deck-entry-grid article{background:color-mix(in oklab, var(--background) 44%, transparent);min-height:78px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 62%, transparent);border-radius:14px;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px 11px 9px 9px;display:grid}.official-deck-entry-grid article.is-owned{box-shadow:inset 0 0 0 1px color-mix(in oklab, #4ec88a 22%, var(--border))}.official-deck-entry-image{background:color-mix(in oklab, var(--surface-2) 78%, black);border-radius:6px;width:48px;height:67px;position:relative;overflow:hidden}.official-deck-entry-image img{object-fit:cover;width:100%;height:100%}.official-deck-entry-foil{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#06080cd1;border-radius:999px;align-items:center;gap:2px;min-height:16px;padding:0 4px;font-size:6px;font-weight:850;display:inline-flex;position:absolute;bottom:3px;right:3px}.official-deck-entry-foil svg{width:8px;height:8px}.official-deck-entry-copy{min-width:0}.official-deck-entry-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.official-deck-entry-copy>span{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;display:block;overflow:hidden}.official-deck-entry-copy small{color:var(--muted-foreground);margin-top:6px;font-size:7.5px;font-weight:730;display:inline-block}.official-deck-entry-copy small.is-complete{color:color-mix(in oklab, #4ec88a 78%, var(--foreground))}.official-deck-entry-quantity{min-width:28px;color:var(--foreground);text-align:center;font-size:13px;font-weight:860}.official-deck-entry-grid article>a{background:color-mix(in oklab, var(--surface-2) 78%, transparent);min-height:28px;color:var(--muted-foreground);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 64%, transparent);border-radius:9px;align-items:center;padding:0 8px;font-size:7.5px;font-weight:790;text-decoration:none;display:inline-flex}.official-deck-entry-grid article>a:hover{color:var(--foreground)}@media (width<=980px){.official-deck-detail-hero{grid-template-columns:1fr;padding:34px}.official-deck-detail-display{min-height:330px}.official-deck-entry-grid{grid-template-columns:1fr}}@media (width<=680px){.official-deck-detail-page{padding-top:20px}.official-deck-detail-shell{width:min(100% - 20px,1180px)}.official-deck-detail-hero{border-radius:23px;gap:12px;min-height:0;padding:24px 18px 18px}.official-deck-detail-copy h1{font-size:clamp(36px,12vw,54px)}.official-deck-detail-display{min-height:280px}.official-deck-detail-actions{grid-template-columns:1fr;display:grid}.official-deck-detail-actions button,.official-deck-detail-actions a{width:100%}.official-deck-detail-list{border-radius:20px;padding:18px 12px}.official-deck-detail-list>header{flex-direction:column;align-items:flex-start}.official-deck-owned-summary{width:100%}.official-deck-entry-grid article{grid-template-columns:48px minmax(0,1fr) auto}.official-deck-entry-image{width:44px;height:61px}.official-deck-entry-grid article>a{grid-column:2/-1;justify-self:start}}
