.cards-view{width:100%;box-sizing:border-box;max-width:1400px;margin:0 auto;padding:28px 20px 64px;color:var(--paper);--cd-accent:var(--site-accent, var(--cyan));--cd-line:var(--line)}
.cards-view [hidden]{display:none!important}.cards-view button,.cards-view input,.cards-view select{font:inherit}.cards-view button{cursor:pointer;min-height:42px;border:1px solid var(--cd-line);background:var(--panel);color:var(--paper);padding:9px 14px;border-radius:2px}.cards-view button:disabled{cursor:default;opacity:.45}.cards-view button:hover:not(:disabled){border-color:var(--cd-accent);background:color-mix(in srgb,var(--panel) 88%,var(--cd-accent))}.cards-view button:focus-visible,.cards-view select:focus-visible,.cards-view input:focus-visible{outline:2px solid var(--cd-accent);outline-offset:4px}.cards-view .cd-primary{background:var(--cd-accent);color:#141b29;border-color:var(--cd-accent);font-weight:700}.cards-view .cd-primary:hover:not(:disabled){background:color-mix(in srgb,var(--cd-accent) 80%,white);color:#141b29}
.cd-header{display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--cd-line);padding-bottom:16px}.cd-header h2{font:600 36px/1 'Barlow Condensed',sans-serif;margin:0}.cd-header nav{display:flex;gap:6px}.cd-header nav button{border:0;background:transparent;padding:10px 18px}.cd-header nav button[aria-pressed=true]{color:var(--cd-accent);box-shadow:inset 0 -2px var(--cd-accent)}.cd-balance{margin-left:auto;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.cd-notice{min-height:22px;margin:12px 0;color:#e9bf72}.cd-packs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;min-height:650px}.cd-pack-info{padding-top:25px}.cd-set{font-size:12px;letter-spacing:.15em;color:var(--cd-accent);font-weight:600}.cd-pack-info h3{font:600 34px/1.2 'Barlow Condensed',sans-serif;margin:8px 0 16px}.cd-pack-quantity{display:flex;justify-content:space-between;font-size:19px;border-top:1px solid var(--cd-line);border-bottom:1px solid var(--cd-line);padding:16px 0}.cd-pack-quantity span{font-weight:600}.cd-muted{color:var(--muted)}.cd-pack-info>button{width:100%;margin:6px 0}.cd-odds{margin:22px 0;border-bottom:1px solid var(--cd-line);padding-bottom:18px}.cd-odds summary{cursor:pointer;font-weight:600}.cd-odds dl{display:grid;grid-template-columns:1fr auto;gap:6px}.cd-odds dd{margin:0;font-variant-numeric:tabular-nums}.cd-odds p{font-size:14px;color:var(--muted)}.cards-view .cd-text-button{border:0;background:transparent;text-align:left;padding-left:0;color:var(--cd-accent)}.cd-preferences{border-top:1px solid var(--cd-line);margin-top:16px;padding-top:20px;display:flex;flex-direction:column;gap:14px}.cd-preferences label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.cd-preferences label:has(input){justify-content:flex-start;gap:8px}.cards-view select,.cards-view input[type=search]{background:var(--panel);color:var(--paper);border:1px solid var(--cd-line);min-height:40px;border-radius:2px;padding:7px 10px}.cd-local{display:flex;flex-direction:column;gap:8px;margin-top:28px;border-top:1px dashed #536064;padding-top:15px}.cd-local strong,.cd-local small{color:var(--muted);font-size:12px}.cd-local button{font-size:13px}
.cd-opening{min-width:0;text-align:center}.cd-stage{height:470px;display:flex;position:relative;justify-content:center;align-items:center;isolation:isolate;perspective:1000px;overflow:hidden;background:#12191c;border:1px solid #28363b}.cd-stage.is-idle,.cd-stage.is-waiting{background:transparent;border-color:transparent}.cd-wrapper{position:relative;width:258px;height:362px;filter:drop-shadow(0 16px 12px #0008);transform:rotate(-5deg);font-family:'Barlow Condensed',sans-serif}.cd-wrapper svg{display:block;width:100%;height:100%}.cd-pack-body{height:100%;clip-path:polygon(0 0,100% 0,100% 100%,97% 99%,94% 100%,91% 99%,88% 100%,85% 99%,82% 100%,79% 99%,76% 100%,73% 99%,70% 100%,0 100%)}.cd-pack-strip{position:absolute;height:22px;top:-3px;left:0;right:0;background:repeating-linear-gradient(90deg,#5d7074 0 2px,#35474b 2px 5px);border:1px solid #98afb4;z-index:4;clip-path:polygon(0 5%,5% 0,10% 5%,15% 0,20% 5%,25% 0,30% 5%,35% 0,40% 5%,45% 0,50% 5%,55% 0,60% 5%,65% 0,70% 5%,75% 0,80% 5%,85% 0,90% 5%,95% 0,100% 5%,100% 100%,0 100%)}
.cd-face{width:100%;aspect-ratio:5/7;position:relative;background:#273339;overflow:hidden;border-radius:2px}.cd-face img{display:block;width:100%;height:100%;object-fit:contain}.cd-face .cd-foil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cd-art-failed{display:flex;align-items:center;min-height:240px}.cd-draw{width:286px;position:relative;z-index:2;box-shadow:0 14px 36px #0008}.cd-spent-wrapper{position:absolute;z-index:3;bottom:-390px;transform:rotate(8deg);pointer-events:none}.cd-reveal-meta{min-height:89px;padding:16px 0 10px;display:flex;flex-direction:column;gap:2px}.cd-reveal-meta strong{font:600 26px/1.15 'Barlow Condensed',sans-serif}.cd-reveal-meta>span:last-child{color:var(--muted);font-size:14px}.cd-progress{font-size:12px;color:var(--cd-accent);letter-spacing:.1em}.cd-opening-actions{display:flex;gap:12px;justify-content:center;min-height:44px}.cd-rail{display:flex;gap:12px;justify-content:center;margin-top:18px}.cards-view .cd-rail-card{padding:0;width:57px;min-height:0;border:0;background:none}.cd-stage.is-summary{gap:14px;padding:24px;background:transparent;border-color:transparent;overflow:visible}.cards-view .cd-summary-card{padding:0;border:0;background:transparent;width:calc((100% - 42px)/4);max-width:200px;min-width:0;align-self:center}.cd-summary-card>span{display:flex;flex-direction:column;margin-top:12px;font-size:14px}.cd-summary-card small{color:var(--cd-accent);margin-top:6px;font-size:11px;letter-spacing:.04em}.cd-summary-card>span>span{color:var(--muted);min-height:20px}.cd-summary-card:nth-child(1){transform:rotate(-5deg) translateY(10px)}.cd-summary-card:nth-child(2){transform:rotate(-2deg)}.cd-summary-card:nth-child(3){transform:rotate(2deg)}.cd-summary-card:nth-child(4){transform:rotate(5deg) translateY(10px)}
.cd-totals{font-size:18px;padding:8px 0 24px}.cd-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--cd-line);margin-bottom:24px}.cd-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.cd-filters input[type=search]{width:190px}.cd-filters .cd-check{flex-direction:row;align-items:center;align-self:center;padding-top:20px;font-size:14px}.cd-filters button{font-size:13px}.cd-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px;min-height:180px}.cards-view .cd-tile{background:transparent;padding:0;border:0;text-align:left;min-width:0}.cards-view .cd-tile:hover:not(:disabled){background:transparent}.cd-tile:hover .cd-face{outline:2px solid #71888e;outline-offset:3px}.cd-tile-label{display:grid;grid-template-columns:1fr auto;gap:5px;padding-top:12px;font-size:14px}.cd-tile-label strong{overflow-wrap:anywhere}.cd-tile-label small{grid-column:1/-1;color:var(--muted);font-size:12px}.cd-tile-label>span{color:var(--muted);font-size:12px;align-self:center}.cd-tile.is-missing .cd-face{filter:grayscale(.85);opacity:.38}.cd-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}.cd-pagination span{color:var(--muted);font-size:14px}.cd-empty{grid-column:1/-1;padding:50px 0;color:var(--muted)}
.cards-view .cd-detail{position:fixed;background:var(--panel);color:var(--paper);border:1px solid #61777f;max-width:min(860px,calc(100vw - 32px));max-height:90vh;padding:32px;width:820px;overflow:auto}.cd-detail[open]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.cd-detail::backdrop{background:#030709db}.cards-view .cd-close{position:absolute;right:10px;top:10px;border:0;background:#152026;font-size:26px;z-index:5;line-height:1;min-height:36px}.cd-detail-info{padding-top:32px}.cd-detail-info h3{font:600 40px/1.05 'Barlow Condensed',sans-serif;margin:12px 0}.cd-variants{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.cd-variants button[aria-pressed=true]{border-color:var(--cd-accent);color:var(--cd-accent)}
/* Intentional opening-only motion override. Explicit Reduced always takes precedence. */
.cards-view[data-motion=full] .is-tearing .cd-pack-strip{animation:cd-tear 550ms ease-out forwards!important}.cards-view[data-motion=full] .is-summary .cd-summary-card{animation:cd-arrive 350ms ease-out both!important}
@keyframes cd-tear{0%{transform:translate(0) rotate(0)}40%{transform:translate(15px,-8px) rotate(4deg)}100%{transform:translate(160px,-130px) rotate(35deg);opacity:0}}@keyframes cd-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.cd-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1050px){.cd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cd-packs{gap:24px;grid-template-columns:240px minmax(0,1fr)}.cd-stage.is-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:470px;gap:24px}.cards-view .cd-summary-card{width:100%;max-width:180px;justify-self:center;transform:none}.cd-stage.is-summary .cd-face{max-height:240px}}
@media(max-width:650px){.cards-view{padding:18px 8px 40px}.cd-header{gap:14px;flex-wrap:wrap}.cd-header h2{font-size:30px}.cd-header nav{gap:0}.cd-header nav button{padding:10px 12px}.cd-balance{font-size:15px}.cd-packs{display:flex;flex-direction:column;gap:22px}.cd-pack-info{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.cd-pack-info>.cd-set,.cd-pack-info>h3,.cd-pack-info>.cd-pack-quantity,.cd-pack-info>#cdPoolCount,.cd-pack-info>.cd-preferences,.cd-pack-info>.cd-local{grid-column:1/-1}.cd-pack-info h3{font-size:28px;margin-bottom:8px}.cd-pack-quantity{margin:0;padding:10px 0}.cd-pack-info>#cdPoolCount{margin:10px 0}.cd-pack-info>button{margin:4px 0;font-size:14px}.cd-odds{margin:12px 0;grid-column:1/-1}.cd-preferences{margin-top:8px;padding-top:12px;flex-direction:row;justify-content:space-between;gap:20px}.cd-preferences label{gap:12px}.cd-stage{height:430px}.cd-draw{width:264px}.cd-wrapper{width:235px;height:329px}.cd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.cd-filters{gap:12px 10px}.cd-filters label{flex:1;min-width:125px}.cd-filters input[type=search]{width:100%}.cd-filters .cd-check{padding-top:0}.cd-totals{font-size:15px}.cd-tile-label{font-size:14px;grid-template-columns:1fr}.cd-tile-label small{grid-column:1}.cd-pagination{gap:12px}.cd-pagination span{font-size:12px}.cd-detail[open]{grid-template-columns:1fr;padding:22px;gap:14px;width:390px}.cd-detail-info{padding-top:0}.cd-detail-info h3{font-size:30px}.cd-detail #cdDetailArt{width:100%;max-width:270px;margin:auto}.cd-variants{margin-top:12px}.cd-local{margin-top:12px}.cd-stage.is-summary{min-height:0;padding:15px;gap:20px 15px}.cd-summary-card>span{font-size:12px}}

.cd-variants{max-height:285px;overflow:auto;align-content:start;padding:4px}.cd-spent-wrapper .cd-pack-strip{display:none}
.cards-view[data-motion=full] .is-revealing[data-rarity=foil] .cd-draw::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff77 49%,transparent 62%);mix-blend-mode:screen;animation:cd-foil-sweep 1000ms ease-out both!important}
.cards-view[data-motion=full] .is-revealing[data-rarity=R]::before,.cards-view[data-motion=full] .is-revealing[data-rarity=foil]::before{content:"";position:absolute;inset:5% 15%;background:radial-gradient(ellipse,#e9bf7224,transparent 68%);animation:cd-arrive 450ms ease-out both!important;pointer-events:none}
@keyframes cd-foil-sweep{from{transform:translateX(-110%);opacity:0}25%{opacity:1}to{transform:translateX(110%);opacity:0}}

.cd-fragment{display:none;position:absolute;width:8px;height:15px;background:#809d9d;top:0;left:45%;z-index:5;pointer-events:none}.cards-view[data-motion=full] .is-tearing .cd-fragment{display:block;animation:cd-fragment 600ms ease-out both!important}.cd-fragment:nth-of-type(2){left:65%;--fragment-x:80px;--fragment-spin:160deg}.cd-fragment:nth-of-type(3){left:25%;--fragment-x:-100px;--fragment-spin:-200deg}
@keyframes cd-fragment{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--fragment-x,30px),170px) rotate(var(--fragment-spin,100deg));opacity:0}}

/* A single fixed wrapper and a persistent pile: cards only translate and rotate. */
.cd-stage.is-stacked-opening{--stack-width:220px;--stack-height:308px;--mouth-top:360px;--stack-top:24px;--rise:315.467px;--dock-offset:-356px;--dock-scale:.781818}
.cd-pack-dock{position:absolute;left:50%;top:var(--mouth-top);width:330px;height:462px;margin-left:-165px;transform:none;z-index:30;pointer-events:none}
.cd-pack-dock .cd-pack-strip{display:none}.cd-pack-dock .cd-pack-body{clip-path:none;border-top:0}
.cd-pack-peek,.cd-stack-card{position:absolute;left:50%;width:var(--stack-width);height:var(--stack-height);margin-left:calc(var(--stack-width) / -2)}
.cd-pack-peek{top:calc(var(--mouth-top) - var(--stack-height) / 15);clip-path:inset(0 0 93.333333%);z-index:25;pointer-events:none}
.cd-stack-card{top:var(--stack-top);z-index:11;--card-angle:-6deg;transform:rotate(var(--card-angle));box-shadow:0 8px 20px #0008}
.cd-stack-card[data-stack="1"]{--card-angle:5deg;z-index:12}.cd-stack-card[data-stack="2"]{--card-angle:-3deg;z-index:13}.cd-stack-card[data-stack="3"]{--card-angle:7deg;z-index:14}

.cards-view[data-motion=full] .cd-pack-dock{animation:cd-dock-pack 650ms cubic-bezier(.22,.61,.36,1) both!important}
.cards-view[data-motion=full] .cd-stack-card{animation:cd-slide-from-pack 420ms cubic-bezier(.25,.65,.3,1) both!important}
@keyframes cd-dock-pack{from{transform:translateY(var(--dock-offset)) rotate(-5deg) scale(var(--dock-scale))}to{transform:translateY(0) rotate(0) scale(1)}}
@keyframes cd-slide-from-pack{0%{transform:translateY(var(--rise)) rotate(0)}82%{transform:translateY(0) rotate(0)}100%{transform:translateY(0) rotate(var(--card-angle))}}
@media(max-width:650px){.cd-stage.is-stacked-opening{--stack-width:200px;--stack-height:280px;--mouth-top:330px;--stack-top:24px;--rise:287.333px;--dock-offset:-325px;--dock-scale:.783333}.cd-pack-dock{width:300px;height:420px;margin-left:-150px}}

.cd-complete .cd-opening-actions{flex-direction:column;align-items:center;gap:0}
.cards-view .cd-again{min-height:56px;min-width:280px;font-size:19px;padding:14px 30px}
.cd-complete #cdToCollection{margin-top:18px;background:transparent;border-color:transparent;color:var(--muted)}
.cd-stack-card .cd-face,.cd-pack-peek .cd-face{border:0;outline:0;box-shadow:none}

/* The extraction window stays on the wrapper rim; only the card inside moves. */
.cd-card-slot{position:absolute;left:0;right:0;top:0;height:var(--mouth-top);overflow:hidden;z-index:11;pointer-events:none}
.cd-card-slot[data-stack="1"]{z-index:12}.cd-card-slot[data-stack="2"]{z-index:13}.cd-card-slot[data-stack="3"]{z-index:14}
.cd-card-slot.is-settled{overflow:visible}

/* Keep the opening focused on the physical pack and its artwork. */
.cards-view{max-width:1200px}
.cd-notice:empty{min-height:0;margin:12px 0}
.cd-packs{grid-template-columns:240px minmax(0,1fr);gap:40px;min-height:580px}
.cd-pack-info{padding-top:28px}
.cd-opening{max-width:760px;width:100%;justify-self:center}
.cd-stage{background:transparent;border-color:transparent}
.cd-reveal-meta:empty{min-height:0;padding:0}
.cd-opening-actions{align-items:center}
.cards-view #cdBuy{min-width:260px;min-height:52px;font-size:18px}
.cd-local{display:block;border-top:1px solid var(--cd-line);font-size:13px}
.cd-local summary{cursor:pointer;color:var(--muted);padding:4px 0}
.cd-local button{display:block;width:100%;margin-top:8px}
.cd-local small{display:block;margin-top:10px;line-height:1.5}
.cd-stage.is-summary{height:390px;box-sizing:border-box;padding:28px 12px 12px}
.cd-complete .cd-reveal-meta{min-height:0;padding:16px 0 22px;color:var(--muted);font-size:14px}
@media(max-width:1050px){.cd-packs{gap:24px}.cd-stage.is-summary{height:auto}}
@media(max-width:650px){.cd-packs{display:flex;gap:16px}.cd-pack-info{padding-top:0}.cd-stage.is-summary{padding:15px}.cd-local{grid-column:1/-1}}

/* The waiting edge and the moving card stay above the settled pile, below the wrapper. */
.cd-card-slot:not(.is-settled){z-index:26}
.cd-card-slot.is-settled .cd-face{pointer-events:auto}
.cd-pack-peek .cd-face{pointer-events:none}
/* Scale the artwork independently of the pile's rotation and reveal translation. */
.cd-face{transition:transform 220ms cubic-bezier(.2,.65,.3,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){
 .cd-tile .cd-face:hover,.cd-summary-card .cd-face:hover,.cd-card-slot.is-settled .cd-face:hover,#cdDetailArt .cd-face:hover{transform:scale(1.065)}
 .cd-tile:hover,.cd-summary-card:hover{position:relative;z-index:2}
}
.cards-view[data-motion=full] .cd-opening .cd-face{transition:transform 220ms cubic-bezier(.2,.65,.3,1)!important}
.cards-view[data-motion=reduced] .cd-opening .cd-face{transition-duration:0s}
@media(prefers-reduced-motion:reduce){.cd-face{transition-duration:0s}}

/* Larger artwork and opening stage, with the extraction edge anchored to the wrapper. */
.cards-view{max-width:1360px}
.cd-opening{max-width:900px}
.cd-stage{height:560px}
.cd-wrapper{width:300px;height:420px}
.cd-stage.is-stacked-opening{--stack-width:280px;--stack-height:392px;--mouth-top:430px;--stack-top:24px;--rise:379.867px;--dock-offset:-423px;--dock-scale:.769231}
.cd-pack-dock{width:390px;height:546px;margin-left:-195px}
.cards-view .cd-summary-card{max-width:230px}
.cd-stage.is-summary{height:440px}
@media(max-width:1050px){.cd-stage.is-summary{height:auto}}
@media(max-width:650px){
 .cd-stage{height:490px}
 .cd-wrapper{width:260px;height:364px}
 .cd-stage.is-stacked-opening{--stack-width:240px;--stack-height:336px;--mouth-top:390px;--stack-top:24px;--rise:343.6px;--dock-offset:-376px;--dock-scale:.787879}
 .cd-pack-dock{width:330px;height:462px;margin-left:-165px}
 .cd-stage.is-summary{height:auto}
 .cd-stage.is-summary .cd-face{max-height:none}
}

/* Pack pulls are presented as floating artwork, not an inventory panel. */
.cards-view .cd-detail.is-presentation[open]{display:flex;flex-direction:column;align-items:center;gap:18px;background:transparent;border:0;box-shadow:none;width:560px;max-width:calc(100vw - 24px);max-height:96dvh;padding:28px 24px 18px;box-sizing:border-box;overflow:auto}
.cd-detail.is-presentation::backdrop{background:#030709e8}
.cd-detail.is-presentation #cdDetailArt{width:min(400px,calc((100dvh - 190px)*5/7));max-width:100%;margin:0;filter:drop-shadow(0 16px 24px #0008)}
.cd-detail.is-presentation .cd-detail-info{padding:0;text-align:center;width:100%}
.cd-detail.is-presentation .cd-detail-info h3{font:600 23px/1.2 'Barlow Condensed',sans-serif;margin:0;color:var(--paper)}
.cards-view .cd-detail.is-presentation .cd-close{background:transparent;right:0;top:0;color:#fff}
.cd-foil-title{position:relative;color:#fff;font:800 36px/50px Arial,sans-serif;max-width:100%;margin:8px auto 0;white-space:nowrap}
.cd-foil-title-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.cards-view button.cd-stack-card{padding:0;border:0;border-radius:0;min-height:0;background:transparent;color:inherit;opacity:1}
.cards-view button.cd-stack-card:hover{background:transparent}
.cd-card-slot.is-settled .cd-stack-card{pointer-events:auto;cursor:zoom-in}

/* Show one set of glyphs: the white fallback yields to the painted foil label. */
.cd-foil-title.is-foil-rendered{color:transparent}
.cd-foil-title-canvas{filter:drop-shadow(0 2px 2px #000b)}

/* Temporarily locking inspection during extraction must not mute the artwork. */
.cards-view button.cd-stack-card:disabled{filter:none;opacity:1}

/* Collection finishes read as a checklist beside the floating artwork. */
.cards-view .cd-detail:not(.is-presentation){background:transparent;border:0;box-shadow:none;width:940px;padding:32px;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.cd-detail:not(.is-presentation)::backdrop{background:#030709eb}
.cd-detail:not(.is-presentation) #cdDetailArt{align-self:center;width:100%;max-width:400px;margin:auto}
.cd-detail:not(.is-presentation) .cd-detail-info{padding-top:0;align-self:center}
.cd-detail:not(.is-presentation) .cd-close{background:transparent}
.cd-detail:not(.is-presentation) .cd-detail-info h3{margin:8px 0;font-size:34px}
.cd-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin-top:20px;max-height:none;overflow:visible;padding:0}
.cards-view .cd-variants .cd-finish-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;text-align:left;min-height:30px;padding:4px 0;border:0;background:transparent;box-shadow:none;font-size:14px;line-height:1.25;color:#e4e8e7;border-radius:0}
.cards-view .cd-variants .cd-finish-row:hover:not(:disabled){background:transparent;color:#fff}
.cards-view .cd-variants .cd-finish-row[aria-pressed=true]{color:var(--cd-accent)}
.cards-view .cd-variants .cd-finish-row:disabled{color:#697578;opacity:1;filter:none;cursor:default}
.cd-finish-check{color:var(--cd-accent);font-size:13px}
.cd-finish-row:disabled .cd-finish-check{color:#536063}
.cd-finish-row small{font-size:11px;color:#9ca9aa;font-variant-numeric:tabular-nums}
@media(max-width:650px){.cards-view .cd-detail:not(.is-presentation){grid-template-columns:1fr;gap:22px;padding:30px 18px;width:430px}.cd-detail:not(.is-presentation) #cdDetailArt{max-width:250px}.cd-variants{gap:2px 16px}}

/* Rarity lettering matches the printed card tags in the floating presentation. */
.cd-rarity-label[data-rarity="UC"]{color:#7fff6a}
.cd-rarity-label[data-rarity="R"]{color:#fff;text-shadow:0 0 2px #ffc4df,0 0 5px #ffb7d9,0 0 10px #ffb7d988}

.cd-market-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 18px}.cd-market-heading h3{font:600 30px/1.2 'Barlow Condensed',sans-serif;margin:0}
.cd-market-card{min-width:0}.cd-market-card>.cd-tile{display:block;width:100%}.cd-market-card>button:last-child{width:100%;margin-top:14px}
.cards-view .cd-card-actions{border-top:1px solid var(--cd-line);padding-top:12px;margin-top:20px}.cd-card-actions p{margin:0 0 12px;font-size:13px}
.cd-card-action-row{display:flex;align-items:end;gap:12px;margin-top:12px}.cd-card-action-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);flex:1;min-width:0}
.cd-card-action-row input{box-sizing:border-box;width:100%;min-height:40px;background:var(--panel);color:#fff;border:1px solid var(--cd-line);padding:7px 10px}.cd-card-action-row button{font-size:13px;flex:1}
.cards-view .cd-trade-confirm{max-width:440px;width:calc(100vw - 32px);box-sizing:border-box;padding:26px;background:var(--panel);color:var(--paper);border:1px solid #61777f}
.cd-trade-confirm::backdrop{background:#030709df}.cd-trade-confirm h3{font:600 30px/1.1 'Barlow Condensed',sans-serif;margin:0 0 16px}.cd-trade-confirm p{line-height:1.5}.cd-trade-confirm>div{display:flex;justify-content:end;gap:12px;margin-top:22px}#cdTradeError{color:#e9bf72}
@media(max-width:650px){.cd-header nav button{padding:10px}.cd-header{gap:12px}.cd-balance{font-size:14px}.cd-card-action-row{gap:8px}}

/* The temporary wrapper shares the section palette; printed artwork stays untouched. */
.cd-wrapper svg rect{fill:var(--panel);stroke:var(--line)}
.cd-wrapper svg text[fill="#5cebd2"]{fill:var(--cd-accent)}
.cd-wrapper svg path[stroke="#36474b"]{stroke:var(--line)}
.cd-pack-strip{background:repeating-linear-gradient(90deg,var(--muted) 0 1px,var(--line) 1px 5px);border-color:var(--line)}
.cards-view input[type=checkbox]{accent-color:var(--cd-accent)}

.cd-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.cd-collection-heading .cd-totals{padding:8px 0}.cd-collection-heading>button{font-size:14px}

/* Bulk receipts keep the artwork and results floating on the page. */
.cd-pack-count{display:flex;flex-direction:column;gap:8px;margin-top:18px;color:var(--muted);font-size:14px}
.cd-bulk-complete.cards-view{max-width:1540px}
.cd-bulk-complete .cd-packs{grid-template-columns:190px minmax(0,1fr);gap:32px}
.cd-bulk-complete .cd-opening{max-width:none}
.cd-stage.is-bulk-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);gap:32px;align-items:start;height:auto;min-height:0;overflow:visible;padding:24px 6px;perspective:none;text-align:left}
.is-bulk-summary h3{font:600 23px/1.2 'Barlow Condensed',sans-serif;color:var(--muted);margin:0 0 20px}
.cd-bulk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
.cards-view .cd-bulk-card{display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:center}
.cards-view .cd-bulk-card:hover:not(:disabled),.cards-view .cd-bulk-row:hover:not(:disabled){background:transparent;border-color:transparent}
.cd-bulk-card .cd-face{max-width:235px;margin:auto}
.cd-bulk-card:hover .cd-face{transform:scale(1.04)}
.cd-pull-label{display:block;font:600 21px/1.35 'Barlow Condensed',sans-serif;color:var(--paper)}
.cd-bulk-card .cd-pull-label{margin-top:12px}
.cd-bulk-rows{display:flex;flex-direction:column;gap:8px;max-height:740px;overflow:auto;padding:4px 10px 8px 4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.cards-view .cd-bulk-row{display:block;flex-shrink:0;padding:5px 0 10px;border:0;border-radius:0;background:transparent;text-align:left;min-height:0}
.cards-view .cd-bulk-row:hover{background:transparent;color:var(--cd-accent)}
.cd-bulk-row:hover .cd-pull-label>span:first-child{text-decoration:underline;text-underline-offset:4px}
.cd-bulk-foil{display:block;font-size:24px;line-height:34px;margin:3px 0 0;max-width:100%}
.cd-bulk-card .cd-bulk-foil{margin:3px auto 0}
@media(max-width:1050px){.cd-bulk-complete .cd-packs{grid-template-columns:1fr}.cd-bulk-complete .cd-pack-info{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.cd-bulk-complete .cd-pack-info .cd-local{grid-column:1/-1}.cd-bulk-complete .cd-pack-info .cd-preferences{margin-top:0}.cd-bulk-rows{max-height:680px}}
@media(max-width:650px){.cd-pack-count{grid-column:1/-1}.cd-stage.is-bulk-summary{grid-template-columns:1fr;gap:30px;padding:12px 4px}.cd-bulk-grid{gap:22px 16px}.cd-bulk-rows{max-height:460px}.cd-pull-label{font-size:20px}.cd-bulk-foil{font-size:21px;line-height:30px}.cd-bulk-complete .cd-pack-info{display:block}}
/* Per-design display preference stays separate from the inspect button. */
.cd-collection-card{min-width:0}.cd-collection-card>.cd-tile{width:100%}.cd-collection-art{display:block}.cd-display-finish{display:grid;gap:5px;margin-top:8px;font-size:12px;color:var(--muted)}.cd-display-finish select{width:100%;min-width:0}.cd-market-ownership{margin:6px 0 0;font-size:13px;color:var(--text)}

/* Finite, client-only pull effects. The wrapper masks the face until extraction. */
.cd-pack-peek{top:calc(var(--mouth-top) - 5px);height:5px;clip-path:none}
.cd-paper-edge{display:block;height:5px;background:#d4d2cb;border-top:1px solid #fff;box-shadow:inset 0 -2px #8b8d94}
.cd-stack-card{--pull-color:#fff;--rise:calc(var(--mouth-top) - var(--stack-top) - 5px)}
.cd-stack-card[data-pull-rarity=UC]{--pull-color:#7fff6a}
.cd-stack-card[data-pull-rarity=R]{--pull-color:#ffb7d9}
.cd-pull-light,.cd-pull-sparks{position:absolute;inset:0;pointer-events:none;opacity:0}
.cd-pull-light{border:1px solid var(--pull-color);box-shadow:0 0 18px color-mix(in srgb,var(--pull-color) 45%,transparent)}
.cards-view[data-motion=full] .cd-stack-card{animation:cd-slide-from-pack 360ms cubic-bezier(.22,.65,.3,1) both!important}
.cards-view[data-motion=full] .cd-stack-card[data-pull-rarity=UC]{animation-duration:480ms!important}
.cards-view[data-motion=full] .cd-stack-card[data-pull-rarity=R]{animation:cd-rare-pull 720ms ease-out both!important}
.cards-view[data-motion=full] .cd-stack-card .cd-pull-light{animation:cd-edge-light 480ms 260ms ease-out both!important}
.cards-view[data-motion=full] .cd-stack-card[data-pull-rarity=R] .cd-pull-light{animation-delay:470ms!important}
.cards-view[data-motion=full] .cd-stack-card[data-foil=true] .cd-face{animation:cd-catch-light 600ms 520ms ease-in-out both!important}
.cd-stack-card[data-foil=true] .cd-face::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 30%,#fff9 48%,transparent 65%);mix-blend-mode:screen}
.cards-view[data-motion=full] .cd-stack-card[data-foil=true] .cd-face::after{animation:cd-face-sheen 560ms 560ms ease-out both!important}
.cards-view[data-motion=full] .cd-pull-sparks{animation:cd-edge-light 540ms 580ms ease-out both!important}
.cd-pull-sparks i{position:absolute;width:16px;height:16px;background:#fff;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%)}
.cd-pull-sparks i:nth-child(1){left:-8px;top:16%}.cd-pull-sparks i:nth-child(2){right:-7px;top:42%;width:11px;height:11px}.cd-pull-sparks i:nth-child(3){left:22%;bottom:-7px;width:12px;height:12px}.cd-pull-sparks i:nth-child(4){right:15%;top:-8px}
.cards-view[data-motion=full] .cd-bulk-card{animation-name:cd-arrive!important;animation-duration:420ms!important;animation-timing-function:ease-out!important;animation-fill-mode:both!important}
@keyframes cd-rare-pull{0%,20%{transform:translateY(var(--rise)) rotate(0)}32%{transform:translateY(calc(var(--rise) - 14px)) rotate(-1deg)}74%{transform:translateY(-8px) rotate(0)}88%{transform:translateY(2px) rotate(var(--card-angle))}100%{transform:translateY(0) rotate(var(--card-angle))}}
@keyframes cd-edge-light{0%{opacity:0;scale:.99}24%{opacity:.85;scale:1.01}100%{opacity:0;scale:1.06}}
@keyframes cd-catch-light{0%,100%{transform:perspective(900px) rotateY(0)}40%{transform:perspective(900px) rotateY(-9deg) rotateX(3deg)}75%{transform:perspective(900px) rotateY(4deg)}}
@keyframes cd-face-sheen{0%{transform:translateX(-100%);opacity:0}25%{opacity:.65}100%{transform:translateX(100%);opacity:0}}
.cards-view[data-motion=reduced] .cd-opening *,.cards-view[data-motion=reduced] .cd-opening *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.cards-view .cd-opening *,.cards-view .cd-opening *::after{animation:none!important;transition:none!important}}

/* Light escapes from the opening seam; the receipt determines its colour. */
/* The opaque wrapper masks the base of the travelling light beams. */
.cd-wrapper{isolation:isolate}
.cd-pack-body{position:relative;z-index:1}
/* Broad translucent shafts fan out from a shared source at the seam. */
/* A stationary half-circle of light spans the whole pack opening. */
.cd-pack-glow{--seam-light:#fff;position:absolute;z-index:0;left:0;top:-150px;width:100%;height:164px;pointer-events:none;opacity:0;transform-origin:50% 100%;filter:blur(3px);background:repeating-conic-gradient(from 270deg at 50% 100%,transparent 0deg,color-mix(in srgb,var(--seam-light) 65%,transparent) 12deg,color-mix(in srgb,var(--seam-light) 20%,transparent) 24deg,transparent 36deg);mask-image:radial-gradient(ellipse 50% 100% at 50% 100%,#000 0%,#000 18%,#000a 42%,#0003 70%,transparent 94%)}
.cd-pack-glow::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 278deg at 50% 100%,transparent 0deg,#ffffff77 15deg,transparent 30deg);pointer-events:none}
.cd-pack-glow::after{content:"";position:absolute;bottom:0;left:30%;width:40%;height:25%;background:radial-gradient(ellipse at bottom,#fff 0%,color-mix(in srgb,var(--seam-light) 70%,transparent) 25%,transparent 72%);pointer-events:none}
.cd-pack-glow[data-rarity=UC]{--seam-light:#7fff6a}
.cd-pack-glow[data-rarity=R]{--seam-light:#ffb7d9}
.cd-pack-glow[data-rarity=foil]{background:conic-gradient(from 270deg at 50% 100%,#ff668b99 0deg,#ffd76a88 36deg,#7fff6aaa 72deg,#68e9ffbb 108deg,#a58aff99 144deg,#ff98dc88 180deg,transparent 180deg)}
.cards-view[data-motion=full] .is-tearing .cd-pack-glow{animation:cd-pack-light 550ms linear both!important}
.cd-pack-dock .cd-pack-glow{display:none}
@keyframes cd-pack-light{0%,10%{opacity:0}30%{opacity:1}65%{opacity:.85}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cards-view .cd-pack-glow{display:none;animation:none!important}}
.cards-view[data-motion=reduced] .cd-pack-glow{display:none;animation:none!important}

/* Rarity light follows the retained opening, never the discarded strip. */
.cd-wrapper[data-opening-rarity]{--pack-rim-light:#fff}
.cd-wrapper[data-opening-rarity=UC]{--pack-rim-light:#7fff6a}
.cd-wrapper[data-opening-rarity=R]{--pack-rim-light:#ffb7d9}
.cd-wrapper[data-opening-rarity] .cd-pack-body::after{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:3px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,var(--pack-rim-light) 32%,#fff 48%,var(--pack-rim-light) 64%,transparent 100%);background-size:250% 100%;background-position:100% 0}
.cd-wrapper[data-opening-rarity=foil] .cd-pack-body::after{background-image:linear-gradient(90deg,transparent,#ff668b,#ffd76a,#7fff6a,#68e9ff,#a58aff,#ff98dc,transparent)}
.cards-view[data-motion=full] .is-tearing .cd-wrapper[data-opening-rarity] .cd-pack-body::after{animation:cd-rim-sweep 550ms linear both!important}
.cards-view[data-motion=full] .cd-pack-dock[data-opening-rarity] .cd-pack-body::after{animation:cd-rim-depart 400ms ease-out both!important}
@keyframes cd-rim-sweep{0%,12%{opacity:0;background-position:100% 0}30%{opacity:1}100%{opacity:1;background-position:0% 0}}
@keyframes cd-rim-depart{from{opacity:1;background-position:0% 0}to{opacity:0;background-position:-60% 0}}
@media(prefers-reduced-motion:reduce){.cards-view .cd-wrapper[data-opening-rarity] .cd-pack-body::after{display:none;animation:none!important}}
.cards-view[data-motion=reduced] .cd-wrapper[data-opening-rarity] .cd-pack-body::after{display:none;animation:none!important}

/* Soften beam tips while retaining a bright source at the torn seam. */
.cd-pack-glow,.cd-pack-glow[data-rarity=foil]{mask-image:radial-gradient(ellipse 50% 100% at 50% 100%,#000 0%,#000 18%,#000a 42%,#0003 70%,transparent 94%)}

/* Let the masked fan fade naturally above the stage during the tear only. */
.cd-stage.is-tearing{overflow:visible}

/* Bulk opening uses the same wrapper and extraction effects in a compact stack. */
.cd-stage.is-bulk-tearing{overflow:visible}
.cd-batch-wrapper{position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-210px;translate:calc(var(--batch-offset) * 16px - 16px) calc(var(--batch-offset) * -12px);z-index:calc(10 - var(--batch-offset))}
.cards-view[data-motion=full] .cd-batch-wrapper{animation:cd-batch-open 670ms var(--batch-delay) ease-out both!important}
.cards-view[data-motion=full] .cd-batch-wrapper .cd-pack-strip,.cards-view[data-motion=full] .cd-batch-wrapper .cd-fragment,.cards-view[data-motion=full] .cd-batch-wrapper .cd-pack-glow,.cards-view[data-motion=full] .cd-batch-wrapper .cd-pack-body::after{animation-delay:var(--batch-delay)!important}
.cd-batch-papers{position:absolute;left:12%;right:12%;top:0;height:12px;background:#d4d2cb;border-top:2px solid #fff;box-shadow:0 -4px #8b8d94,0 -7px #d4d2cb;z-index:0}
.cards-view[data-motion=full] .cd-batch-papers{animation:cd-batch-papers 670ms var(--batch-delay) ease-out both!important}
@keyframes cd-batch-open{0%{opacity:0;transform:translateY(12px)}8%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(45px)}}
@keyframes cd-batch-papers{0%,35%{transform:translateY(0)}80%,100%{transform:translateY(-100px)}}
.cards-view[data-motion=full] .is-bulk-feature .cd-stack-card.is-bulk-settling{animation:cd-batch-settle 220ms ease-in both!important}
@keyframes cd-batch-settle{to{opacity:0;transform:translateY(90px) scale(.35)}}
@media(max-width:650px){.cd-batch-wrapper{margin-left:-130px;margin-top:-182px}.cd-opening-actions{flex-wrap:wrap}}

.cards-view[data-motion=full] .is-bulk-feature .cd-pack-dock{animation-duration:400ms!important}

/* Only the first featured wrapper docks vertically; later wrappers crossfade sideways. */
.cards-view[data-motion=full] .is-bulk-feature .cd-pack-dock.is-bulk-docked{animation:none!important}
.cards-view[data-motion=full] .is-bulk-feature .cd-pack-dock.is-bulk-leaving{animation:cd-bulk-pack-left 320ms ease-in both!important}
.cards-view[data-motion=full] .is-bulk-feature .cd-pack-dock.is-bulk-entering{animation:cd-bulk-pack-right 320ms ease-out both!important}
@keyframes cd-bulk-pack-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-90px)}}
@keyframes cd-bulk-pack-right{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:translateX(0)}}

.cd-rarity-label[data-rarity="SR"]{color:#ffe799;text-shadow:0 0 6px #d4b45766}
/* Daily login reveal: existing Alpha wrapper, a brief roll, then the real receipt. */
.cd-bonus-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid var(--cd-accent);border-radius:3px;background:var(--panel,#192b34);color:var(--paper,#edf0e9);padding:28px;text-align:center;box-shadow:0 20px 90px #0009}
.cd-bonus-dialog::backdrop{background:#06121ce0;backdrop-filter:blur(5px)}
.cd-bonus-dialog h2{font:600 clamp(30px,7vw,42px)/1.05 'Barlow Condensed',sans-serif;margin:10px 0}
.cd-bonus-odds{font-size:14px;color:var(--muted);margin:8px 0 0}
.cd-bonus-art{height:210px;position:relative;margin:22px auto 0;isolation:isolate}
.cd-bonus-art .cd-wrapper{position:absolute;width:130px;height:182px;left:50%;top:12px;margin-left:-65px;transform:translateX(calc(var(--bonus-offset,0)*58px)) rotate(calc(var(--bonus-offset,0)*12deg));filter:drop-shadow(0 12px 13px #0008);animation:cd-bonus-arrive .45s ease-out both}
.cd-bonus-art .cd-pack-strip,.cd-bonus-art .cd-fragment{display:none!important}
.cd-bonus-art .cd-pack-body{clip-path:none;inset:0;width:100%;height:100%}
.cd-bonus-art svg{width:100%;height:100%}
.cd-bonus-counter{height:82px;width:150px;margin:-3px auto 12px;position:relative;overflow:hidden;font:700 60px/64px 'Barlow Condensed',sans-serif;color:var(--cd-accent)}
.cd-bonus-counter>span:last-child{position:absolute;bottom:0;left:0;right:0;background:var(--panel,#192b34);font:600 11px/18px 'Barlow',sans-serif;letter-spacing:.15em}
.cd-bonus-number{display:block;font:inherit}.cd-bonus-reel{display:none}
.cd-bonus-dialog.is-rolling .cd-bonus-number{display:none}.cd-bonus-dialog.is-rolling .cd-bonus-reel{display:block;animation:cd-bonus-roll .5s linear infinite!important}
.cd-bonus-dialog.is-rolling .cd-wrapper{animation:cd-bonus-rattle .32s ease-in-out infinite alternate!important}
.cd-bonus-dialog[data-won=true] .cd-bonus-art::before{content:'';position:absolute;inset:-12px 10%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--cd-accent) 24%,transparent),transparent 68%)}
.cd-bonus-dialog:not(.is-rolling)[data-won=false] .cd-bonus-art{opacity:.4;filter:grayscale(1)}
.cd-bonus-dialog #cdBonusMessage{min-height:42px;margin:0 0 18px;font-size:16px;line-height:1.4}
.cd-bonus-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cd-bonus-actions button{flex:1;min-width:130px}
.cd-bonus-dialog>small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:18px}
@keyframes cd-bonus-roll{to{transform:translateY(-256px)}}
@keyframes cd-bonus-rattle{from{transform:rotate(-4deg) translateY(2px)}to{transform:rotate(4deg) translateY(-3px)}}
@keyframes cd-bonus-arrive{from{opacity:0;scale:.8}to{opacity:1;scale:1}}
.cd-bonus-dialog.is-reduced *{animation:none!important;transition:none!important}
@media(max-height:650px){.cd-bonus-dialog{padding:18px}.cd-bonus-art{height:150px;margin-top:12px}.cd-bonus-art .cd-wrapper{width:95px;height:133px;margin-left:-47px}.cd-bonus-dialog>small{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cd-bonus-dialog *{animation:none!important;transition:none!important}}

.cd-rarity-label[data-rarity="TZ"]{color:#ff3434;text-shadow:0 0 6px #ff343466}
.cd-stack-card[data-pull-rarity=TZ]{--pull-color:#ff3434}
.cd-pack-glow[data-rarity=TZ]{--seam-light:#ff3434}
.cd-wrapper[data-opening-rarity=TZ]{--pack-rim-light:#ff3434}
.cards-view[data-motion=full] .cd-stack-card[data-pull-rarity=TZ]{animation:cd-rare-pull 720ms ease-out both!important}
.cards-view[data-motion=full] .cd-stack-card[data-pull-rarity=TZ] .cd-pull-light{animation-delay:470ms!important}

.cd-artist-credit{font:400 13px/1.5 Barlow,sans-serif;color:#c3c8ca;margin:10px 0}.cd-artist-credit a{color:#d6bf89;text-decoration:underline;text-underline-offset:3px}.cd-artist-credit a:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.cd-shred-rarities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:12px 0;padding:10px 12px;border:1px solid var(--cd-line,var(--line))}.cd-shred-rarities label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.cd-shred-rarities input{width:18px;height:18px;margin:0}.cd-shred-rarities legend{padding:0 5px}

.cd-collection-heading{flex-wrap:wrap}.cd-collection-heading .cd-totals{margin-right:auto}#cdTradeDescription{white-space:pre-line}.cbm-dialog{padding:24px;background:var(--panel,#202830);color:var(--paper,#f2f0ea);border:1px solid #61777f;font:inherit;width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-sizing:border-box}.cbm-dialog header,.cbm-filters{display:flex;gap:12px;align-items:center;justify-content:space-between}.cbm-dialog h3{margin:0}.cbm-filters{margin:16px 0;align-items:end}.cbm-filters label{flex:1;min-width:0}.cbm-dialog label{font-size:13px}.cbm-dialog input:not([type=checkbox]),.cbm-dialog select{display:block;width:100%;min-width:0;box-sizing:border-box;background:var(--panel,#202830);color:var(--paper,#f2f0ea);border:1px solid var(--line,#657078);padding:8px;min-height:42px}.cbm-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 115px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#657078)}.cbm-pick{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.cbm-pick input{width:18px;height:18px;flex-shrink:0}.cbm-thumb{width:38px;flex-shrink:0;pointer-events:none}.cbm-info{display:flex;flex-direction:column;gap:3px;min-width:0}.cbm-info strong{overflow-wrap:anywhere;font-size:16px}.cbm-info small,.cbm-info>span{color:var(--muted,#adb5b9)}.cbm-dialog footer{position:sticky;bottom:-24px;padding:12px 0;background:var(--panel,#202830);text-align:right}.cbm-dialog button{min-height:44px;cursor:pointer;padding:8px 12px;background:var(--panel,#202830);color:var(--paper,#f2f0ea);border:1px solid #61777f;font:inherit}.cbm-dialog button:disabled{opacity:.45;cursor:default}.cbm-dialog input:disabled{opacity:.4}.cbm-dialog #cbmError{color:#ffc18e}@media(max-width:520px){.cbm-row{grid-template-columns:1fr 1fr;gap:10px}.cbm-pick{grid-column:1/-1}.cbm-filters{flex-wrap:wrap}.cbm-filters label{flex-basis:130px}.cd-collection-heading .cd-totals{flex-basis:100%}}
.cbm-dialog .cbm-filters{display:grid;grid-template-columns:1fr 1fr .8fr 1.2fr;gap:12px}
.cbm-keep{display:flex;align-items:center;gap:8px;min-height:44px}
.cbm-keep input{width:18px;height:18px;flex-shrink:0}
.cbm-batch{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line,#657078)}
.cbm-batch label{flex:1 1 140px;max-width:180px;min-width:0}
.cbm-batch button{flex:0 1 auto;min-width:0}
.cbm-limit{font-size:12px}
.cbm-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cbmSelection{font-size:12px;color:var(--muted,#adb5b9)}
.cbm-dialog :is(input,select,button):focus-visible{outline:2px solid var(--cyan,#65d9d0);outline-offset:2px}
@media(max-width:680px){.cbm-dialog .cbm-filters{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cbm-dialog{padding:16px}.cbm-dialog footer{bottom:-16px;flex-wrap:wrap}.cbm-dialog footer button{margin-left:auto}.cbm-batch label{max-width:none}.cbm-batch button{flex:1 1 120px}}

.cards-view .cd-trade-confirm{max-height:90dvh;overflow:auto}
.cd-shred-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;padding:10px 12px;border:1px solid var(--cd-line,var(--line))}.cd-shred-filters legend{padding:0 5px}.cd-shred-filters label{display:grid;gap:6px;min-width:0;font-size:14px}.cd-shred-filters select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;background:var(--panel);color:var(--paper);border:1px solid var(--cd-line,var(--line));padding:6px;font:inherit}
/* Cards Studio pack selection and uploaded immutable wrappers. */
.cd-pack-body > img { display:block; width:100%; height:100%; object-fit:contain; }

/* Match the existing collection controls, with a visible toggle state. */
#cdShowUnowned[aria-pressed=true]{color:var(--cd-accent);border-color:var(--cd-accent);box-shadow:inset 0 -2px var(--cd-accent)}
.cards-view.is-triad{max-width:none;padding:16px 24px 48px}.cards-view.is-triad>.cd-header{display:none}#cdTriadApp{display:block;width:100%;min-width:0}#cdPlayError:empty{display:none}@media(max-width:650px){.cards-view.is-triad{padding:12px 12px 32px}}
body:has(.cards-view.is-triad:not(.hidden)) #playerActivity{display:none}
.cd-header{flex-wrap:wrap;column-gap:24px;row-gap:12px}.cd-triad-stats-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--cd-line);border-radius:2px;color:var(--paper);font-size:14px;cursor:pointer;white-space:nowrap}.cd-triad-stats-toggle input{margin:0;width:17px;height:17px;accent-color:var(--cd-accent)}.cd-triad-stats-toggle:has(:checked){border-color:var(--cd-accent);color:var(--cd-accent)}
.cards-view .cd-face{container-type:inline-size}.cd-triad-values{display:none;position:absolute;top:5%;left:5%;width:34%;height:25%;z-index:4;pointer-events:none;font:600 clamp(8px,15cqw,40px)/1 'Barlow Condensed',sans-serif;color:#fff;text-shadow:0 1px 2px #000;isolation:isolate}.cd-triad-values::before{content:'';position:absolute;inset:-9%;background:#090d13df;border:1px solid #ffffff60;border-radius:2px;box-shadow:0 1px 4px #0006;z-index:-1}.cd-triad-values>span{position:absolute;width:40%;text-align:center}.cd-triad-top{top:0;left:30%}.cd-triad-right{top:33%;right:-6%}.cd-triad-bottom{bottom:0;left:30%}.cd-triad-left{top:33%;left:-6%}
.cards-view[data-triad-stats=on]:is([data-cards-section=packs],[data-cards-section=collection],[data-cards-section=market],[data-cards-section=showcase]) .cd-triad-values{display:block}
@media(max-width:650px){.cd-triad-stats-toggle{font-size:13px;min-height:42px}.cd-header .cd-triad-stats-toggle{order:2}.cd-header .cd-balance{margin-left:auto}}

.cd-preferences .cd-pack-triad-toggle{min-height:44px;color:var(--paper);cursor:pointer}.cd-pack-triad-toggle input{width:17px;height:17px;margin:0;accent-color:var(--cd-accent)}
@media(max-width:650px){.cd-preferences{flex-wrap:wrap}.cd-preferences .cd-pack-triad-toggle{flex-basis:100%}}

.cards-view[data-triad-stats=on] .cd-detail .cd-triad-values{display:block}.cd-detail-info>.cd-triad-stats-toggle{width:max-content;max-width:100%;margin:12px 0;min-height:44px}

.cd-detail.is-presentation .cd-detail-info>.cd-triad-stats-toggle{margin:12px auto 0}