/* Card collection, rewards and deck workshop: tactile objects on a quiet table. */
.pack-experience,.deck-workshop{--mint:#9ce2d8;--ink:#0d1720;--muted:#a5b5c0;--line:#ffffff18;color:#f5f7f8;width:100%;min-height:0;box-sizing:border-box}
.pack-experience button,.deck-workshop button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pack-experience button:disabled,.deck-workshop button:disabled{cursor:default;opacity:.55}
.pack-experience button:focus-visible,.deck-workshop button:focus-visible,.deck-workshop input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.pack-experience button:active,.deck-workshop button:active{scale:.975}
.exp-modal.modal-reward,.exp-modal.modal-shopPack{background:radial-gradient(ellipse at 50% 30%,#25434c70,transparent 65%),#0c141c;border:1px solid #a3d9d523;padding:30px 16px 16px;gap:0;overflow-y:auto;justify-content:flex-start}
.exp-modal.modal-reward>.exp-location-art,.exp-modal.modal-shopPack>.exp-location-art{display:none}
.exp-modal.modal-reward>.exp-dialog-body,.exp-modal.modal-shopPack>.exp-dialog-body{display:contents}
.pack-experience{flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:780px;margin:auto;text-align:center;padding:0 2px}
.pack-heading{flex:none;padding:2px 30px 0;display:flex;flex-direction:column;align-items:center;gap:5px}
.pack-heading>span,.workshop-header>.exp-eyebrow{font-size:9px;font-weight:700;letter-spacing:.19em;color:var(--muted)}
.pack-heading h2{font-size:clamp(21px,5vw,32px);line-height:1.12;margin:0!important;letter-spacing:-.035em}
.pack-heading .exp-reward-currencies{margin:2px 0 0;gap:18px}.pack-heading .exp-money{font-size:16px}
.pack-opening-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:23px 0 0;perspective:1000px;width:100%}
.pale-booster{position:relative;display:block;width:min(235px,45vw,calc(36dvh * 2 / 3));aspect-ratio:2/3;height:auto;padding:0;background:transparent;border:0;color:#e9dab1;filter:drop-shadow(0 20px 20px #0008);transform:rotate(-5deg);transition:transform .25s;touch-action:pan-y!important}
.pale-booster:hover{transform:rotate(-2deg) translateY(-3px)}
.pack-cap{position:absolute;inset:0 0 auto;height:34px;z-index:3;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#263e49 0 2px,#43616b 2px 4px);border:1px solid #c9bd8c66;border-radius:4px 4px 0 0;transform:translateX(calc(var(--tear,0) * 10px));transform-origin:10% 100%}
.pack-cap>span{font-size:9px;font-weight:800;letter-spacing:.24em;background:#172c35bd;padding:3px 6px}.pack-cap i{position:absolute;inset:auto 5px 0;height:2px;background:linear-gradient(90deg,#f5daa6 calc(var(--tear,0) * 100%),#b7d3d247 0);box-shadow:0 0 12px #fcdb9088}
.pack-wrapper{position:absolute;inset:34px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;overflow:hidden;border:1px solid #afc6c677;border-bottom:9px solid #42606b;border-radius:0 0 4px 4px;background:linear-gradient(145deg,#385d64,#193340 58%,#0e2029);box-shadow:inset 3px 0 0 #d5e5d335,inset -5px 0 0 #020e1790}
.pack-wrapper:before{content:'';position:absolute;inset:10px;border:1px solid #e4ca872a;border-radius:1px;z-index:1}.pack-wrapper>*:not(.pack-foil):not(.pack-mountains){z-index:2}
.pack-foil{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 30%,#ebf8ff16 40%,#e2f5db45 43%,transparent 53%);transform:translateX(-12%);animation:packFoil 5s ease-in-out infinite}
.pack-emblem{font-size:66px;line-height:1;text-shadow:0 0 30px #f3cc6833}.pack-wrapper>small{font-size:8px;letter-spacing:.22em}.pack-wrapper>strong{font-size:clamp(20px,5vw,29px);max-width:88%;line-height:1.05;font-weight:800}.pack-wrapper>em{font-size:7px;letter-spacing:.1em;font-style:normal;color:#bad2d4;margin-top:2px}
.pack-mountains{position:absolute;inset:auto 0 0;height:30%;background:#45616b;clip-path:polygon(0 90%,20% 35%,36% 70%,58% 0,76% 53%,100% 22%,100% 100%,0 100%);opacity:.7}
.pack-opening-stage>p{font-size:11px!important;color:var(--muted);margin:0!important}
.opening .pack-cap{animation:sealTear .55s cubic-bezier(.2,.8,.25,1) forwards}.opening .pack-wrapper{animation:packEmpty .55s ease-in forwards}
.pack-primary,.workshop-primary{min-height:46px;border:1px solid #b7ece0;border-radius:14px;background:var(--mint);color:#10292f;font-size:14px!important;font-weight:800!important;padding:12px 23px;box-shadow:0 4px 0 #41686345;transition:scale .15s,background .15s}
.pack-primary{width:min(100%,370px)}.pack-skip,.workshop-link{background:transparent;border:0;padding:9px 12px;color:#b6cacd;font-size:12px!important;min-height:40px}
.pack-reveal-stage{width:100%;display:flex;justify-content:center;perspective:1000px}
.pack-card{width:min(100%,300px);border:1px solid var(--rarity);border-radius:17px;overflow:hidden;background:#14222c;box-shadow:0 14px 28px #0005;position:relative;isolation:isolate;text-align:left}
.pack-art{display:block;position:relative;width:100%;height:clamp(140px,27dvh,290px);padding:0;background:#213a45;border:0;overflow:hidden;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .12s;transform-origin:center}
.pack-art .art,.workshop-portrait .art{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}.pack-art .foil-art,.workshop-portrait .foil-art{width:100%;height:100%;display:block}
.pack-art:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,#ffffff14,transparent 25%,transparent 75%,#ffffff12);box-shadow:inset 0 0 0 1px #ffffff15}
.pack-cost{position:absolute;left:9px;top:9px;min-width:27px;height:30px;display:grid;place-items:center;border-radius:8px;background:#0c202eee;color:#ceeeea;font-size:17px;font-weight:800;box-shadow:0 1px 2px #0004}.pack-rarity{position:absolute;bottom:8px;left:9px;background:#071725db;color:var(--rarity);padding:4px 7px;font-size:9px;letter-spacing:.04em;border-radius:5px}
.pack-card-copy{padding:11px;display:flex;flex-direction:column;gap:7px}.pack-card-copy>small{font-size:8px;color:#b4c3ce;display:flex;justify-content:space-between;gap:4px}.pack-card-copy>small>em{font-style:normal;color:var(--mint);white-space:nowrap}.pack-card-copy h3{font-size:16px;line-height:1.1;margin:0!important;color:#fff}.pack-card-copy p{font-size:11px!important;line-height:1.4!important;margin:0!important;color:#c0cbd4}.pack-fit{font-size:10px;line-height:1.3;color:#9dd9cb}.pack-use{background:#b8e4d91c;border:1px solid #b8e4d940;border-radius:9px;min-height:38px;padding:7px 5px;color:#b9eadf;font-size:12px!important;font-weight:700}
.just-revealed{animation:cardArrival .45s cubic-bezier(.16,.8,.3,1)}.just-revealed.special-pull{animation:rareArrival .7s cubic-bezier(.16,.8,.3,1)}
.pack-progress{display:flex;gap:6px}.pack-progress i{height:4px;width:30px;border-radius:10px;background:#7484913b}.pack-progress i.revealed{background:var(--mint);box-shadow:0 0 12px #9ce2d840}
.pack-card-back{position:relative;width:190px;height:265px;padding:0;border:1px solid #becca184;border-radius:16px;overflow:hidden;background:#172b36;color:white}.pack-card-back img{height:100%;width:100%;object-fit:cover}.pack-card-back span{position:absolute;inset:auto 0 15px;font-weight:700;text-shadow:0 2px 6px #000}
.pack-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;align-items:stretch}.pack-card.compact{width:100%;min-width:0;display:flex;flex-direction:column;border-radius:12px;box-sizing:border-box}.compact .pack-art{height:clamp(115px,22dvh,240px);flex:none}.compact .pack-card-copy{padding:8px;flex:1}.compact .pack-card-copy h3{font-size:12px;min-height:28px}.compact .pack-cost{left:5px;top:5px;min-width:22px;height:24px;font-size:13px}.compact .pack-rarity{left:4px;bottom:5px;font-size:8px;padding:3px 4px}.compact .pack-card-copy>small{flex-wrap:wrap;font-size:7px}.compact .pack-fit{font-size:9px}.compact .pack-use{margin-top:auto;font-size:10px!important}.pack-summary-note{color:var(--muted);font-size:11px;line-height:1.4}.pack-summary-note button{color:var(--mint);border:0;background:transparent;padding:7px;font-weight:800}
.pack-relics{width:100%;display:flex;flex-direction:column;gap:9px}.pack-relics>h3{font-size:16px;margin:4px 0}.pack-relics .exp-relic-options{width:100%}.pack-relics .exp-relic-choice{min-height:65px}.pack-relics .exp-relic-choice>span{font-size:20px}
.exp-modal.modal-decks,.modal.deck-modal{width:min(920px,100%);padding:30px 15px 14px;display:block;overflow:hidden;max-height:100%;height:min(780px,calc(100dvh - 112px));box-sizing:border-box;background:#101b24;border:1px solid #b0dace26;border-radius:22px}
.deck-workshop{height:100%;display:flex;flex-direction:column;gap:12px;text-align:left}
.workshop-header{flex:none;display:flex;flex-direction:column;gap:7px;padding-right:0}.workshop-header h2{font-size:24px!important;line-height:1.15;margin:0!important}.workshop-heroes{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.workshop-heroes button{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:#1c2a35;color:#acbdc9;border-radius:10px;padding:5px 8px;min-height:42px;flex:0 0 auto;font-size:12px}.workshop-heroes img{height:29px;width:25px;border-radius:6px;object-fit:cover}.workshop-heroes [aria-pressed=true]{background:#263e45;border-color:#9ce2d8;color:#fff}.workshop-totals{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#adbfca;font-size:10px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workshop-totals b{font-size:15px;color:#b3e9de}.workshop-totals b small{font-size:7px;font-weight:600;display:block;letter-spacing:.1em;margin-top:2px}
.workshop-body{display:flex;flex-direction:column;gap:9px;min-height:0;flex:1}.workshop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#b2c2cd;font-size:11px;flex:none}.workshop-section-heading b{color:#f6f8fa}.workshop-section-heading button{font-size:10px!important;padding:5px;min-height:32px}.workshop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}.workshop-body>.workshop-grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}
.workshop-tile{display:flex;flex-direction:column;align-items:stretch;min-height:0;min-width:0;border:1px solid #70899e47;border-radius:9px;background:#1a2b36;padding:0;overflow:hidden;color:#f4f7fa;text-align:left;transition:border-color .16s,translate .16s}.workshop-tile:hover,.workshop-tile.selected{border-color:#a4e8d7;translate:0 -2px}.workshop-portrait{position:relative;overflow:hidden;min-height:0;flex:1;background:#172831;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s}.workshop-portrait b{position:absolute;top:4px;left:4px;background:#0a1e2bf2;border-radius:5px;padding:2px 5px;font-size:11px;color:#b6e8df}.workshop-portrait em{position:absolute;bottom:4px;right:4px;border-radius:4px;background:#0c1f29dd;padding:2px 4px;font-size:8px;font-style:normal}.workshop-portrait i{position:absolute;top:5px;right:4px;background:#abe5d7;color:#113033;font-size:6px;font-weight:800;padding:2px 3px;font-style:normal;border-radius:3px}.workshop-tile>strong{font-size:9px;line-height:1.1;padding:5px 5px 2px;min-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workshop-tile>small{font-size:8px;padding:0 5px 5px;color:#a5c3cd}
.workshop-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;padding:2px;flex:1}.workshop-pool .workshop-grid{grid-auto-rows:145px}.workshop-search input{box-sizing:border-box;width:100%;height:40px;border:1px solid #aecdd533;background:#182b38;border-radius:10px;padding:10px 12px;color:#f4f7f8;font:inherit;font-size:13px}.workshop-filters{display:flex;gap:5px;flex:none;overflow-x:auto}.workshop-filters button{white-space:nowrap;padding:8px 10px;border:1px solid var(--line);background:#162935;color:#a7bfca;border-radius:20px;font-size:10px}.workshop-filters [aria-pressed=true]{background:#a6e7d8;color:#0a3034;border-color:#a6e7d8}.workshop-fit{font-size:11px!important;color:#a5cec4;line-height:1.4!important;margin:0!important;flex:none}.workshop-tradeoff{color:#e3c899;font-size:10px;line-height:1.4}
.workshop-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;flex:1}.workshop-compare-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#192a36;display:flex;flex-direction:column;text-align:left;min-width:0}.workshop-compare-card>small:first-child{padding:8px 10px;color:#a7dad0;font-size:9px;letter-spacing:.15em;font-weight:700}.workshop-compare-card .workshop-portrait{height:clamp(90px,20dvh,210px);flex:none}.workshop-compare-card h3{font-size:13px;line-height:1.15;margin:10px 10px 5px!important}.workshop-compare-card>small{font-size:8px;color:#b3c5d2;padding:0 10px}.workshop-compare-card>p{font-size:11px!important;line-height:1.4!important;padding:0 10px;margin:7px 0 12px!important;color:#beccd6}.workshop-empty{padding:10px;text-align:center;overflow-y:auto;flex:1}.workshop-empty>.workshop-compare-card{max-width:220px;margin:auto}.workshop-empty>p{font-size:13px!important;color:#b6c4ce}
.workshop-footer{border-top:1px solid var(--line);padding-top:9px;display:flex;gap:8px;align-items:center;justify-content:space-between;flex:none}.workshop-footer>span{font-size:10px;color:#a9c1c8;max-width:48%}.workshop-footer>div{display:flex;gap:6px;align-items:center}.workshop-footer .workshop-primary{font-size:12px!important;padding:10px 15px;min-height:43px}
.workshop-proposal{display:grid;grid-template-columns:40px 1fr 14px 40px 1fr;gap:8px;align-items:center;padding:9px;background:#192b37;border-radius:10px}.workshop-proposal img{width:40px;height:52px;object-fit:cover;border-radius:5px}.workshop-proposal>span{font-size:11px}.workshop-proposal small{display:block;color:#a6c6c6;font-size:8px;margin-bottom:4px}.workshop-proposals>p{font-size:10px!important;color:#aac4bf;padding:0 10px;margin:6px 0 14px!important}
.workshop-saved{animation:deckSaved .5s ease-out}.pack-overlay .booster-modal{width:min(780px,96vw);max-height:calc(100dvh - 28px);overflow-y:auto;padding:36px 18px 18px;background:radial-gradient(ellipse at 50% 30%,#25434c70,transparent 65%),#0c141c}.deck-overlay{z-index:1250}.deck-overlay .deck-modal{height:min(800px,calc(100dvh - 28px));max-height:calc(100dvh - 28px)}
@keyframes packFoil{0%,100%{transform:translateX(-20%)}50%{transform:translateX(20%)}}
@keyframes sealTear{30%{transform:translateX(15px) rotate(8deg)}100%{transform:translate(120px,-100px) rotate(28deg);opacity:0}}
@keyframes packEmpty{50%{transform:translateY(6px) scale(1.02)}100%{transform:translateY(30px) scale(.93);opacity:0}}
@keyframes cardArrival{from{opacity:0;transform:translateY(25px) rotateY(-28deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes rareArrival{0%{opacity:0;transform:translateY(25px) scale(.85);box-shadow:0 0 0 transparent}55%{opacity:1;transform:scale(1.035);box-shadow:0 0 38px var(--rarity)}100%{transform:none;box-shadow:0 14px 28px #0005}}
@keyframes deckSaved{0%{box-shadow:0 0 0 1px #9ce2d8}50%{box-shadow:0 0 32px #9ce2d870}100%{box-shadow:none}}
@media(min-width:700px){.workshop-body>.workshop-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.workshop-pool .workshop-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:175px}.workshop-tile>strong{font-size:12px}.workshop-tile>small{font-size:10px}.workshop-totals{font-size:12px}.workshop-header h2{font-size:29px!important}.workshop-comparison{max-width:570px;width:100%;align-self:center}.compact .pack-card-copy h3{font-size:17px}.compact .pack-card-copy>small,.compact .pack-fit{font-size:11px}.compact .pack-use{font-size:13px!important}.pack-card-copy p{font-size:13px!important}}
@media(max-height:650px){.deck-workshop{gap:6px}.workshop-header{gap:4px}.workshop-header h2{font-size:19px!important}.workshop-heroes button{min-height:32px;padding:3px 7px}.workshop-heroes img{height:24px;width:22px}.workshop-totals{padding:4px 0}.workshop-grid{gap:5px}.workshop-tile>strong{padding-top:3px;font-size:8px;min-height:17px}.workshop-tile>small{font-size:7px;padding-bottom:3px}.workshop-footer{padding-top:5px}.workshop-footer .workshop-primary{min-height:36px}.pack-experience{gap:8px}.pack-art{height:20dvh}.pack-card-copy{gap:5px;padding:9px}.pale-booster{width:min(160px,calc(36dvh * 2 / 3));aspect-ratio:2/3;height:auto}.pack-opening-stage{padding-top:10px;gap:13px}}
@media(max-height:480px) and (min-width:600px){.exp-modal.modal-decks{height:calc(100dvh - 68px);padding-top:19px}.workshop-header{position:relative;padding-right:42%}.workshop-header>.workshop-heroes{position:absolute;right:0;top:0;max-width:40%}.workshop-header h2{font-size:17px!important}.workshop-header>.exp-eyebrow{display:none}.workshop-totals{position:relative;white-space:nowrap}.workshop-body>.workshop-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.workshop-comparison .workshop-portrait{height:90px}.pack-reveal-stage .pack-card{max-width:470px;display:grid;grid-template-columns:150px 1fr}.pack-art{height:185px}.pack-summary-grid .pack-art{height:100px}.pack-opening-stage{padding:0}.pale-booster{width:min(130px,calc(36dvh * 2 / 3));aspect-ratio:2/3;height:auto}.pack-emblem{font-size:35px}.pack-wrapper{gap:9px}.pack-wrapper>strong{font-size:17px}.pack-wrapper>em{font-size:5px}.exp-modal.modal-reward,.exp-modal.modal-shopPack{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.pack-experience *,.deck-workshop *{animation:none!important;transition:none!important;transform:none!important}}
body.calm-motion .pack-experience *,body.calm-motion .deck-workshop *{animation:none!important;transition:none!important;transform:none!important}

/* Let the card itself occupy the reveal; resources return in the summary. */
.exp-overlay.pack-overlay-focus{background:#0b141d;backdrop-filter:none;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}
.pack-overlay-focus>.exp-dialog-wallet{display:none}
.exp-modal.modal-reward,.exp-modal.modal-shopPack{width:min(820px,100%);height:100%;max-height:100%;border:0;border-radius:0;box-shadow:none;background:transparent;padding:38px 0 10px;overflow-y:auto}
.pack-overlay-focus .exp-modal>.exp-icon-button{position:absolute;top:0;right:0;background:#ffffff0c;z-index:5}
.pack-overlay .booster-modal{width:min(820px,100%);height:100%;max-height:100%;background:#0b141d;border:0;box-shadow:none;border-radius:0;padding:42px 0 12px;overflow-y:auto}
.pack-overlay{background:#0b141d;backdrop-filter:none}
.pack-experience{gap:14px;margin:auto;max-width:740px}
.pack-counter{font-size:11px;letter-spacing:.12em;color:#a9bbc8}
.pack-reveal-stage{flex:none;min-height:0}
.pack-pull{width:min(300px,calc((100dvh - 220px)*.663));max-width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.pack-card-surface{display:block;position:relative;width:100%;aspect-ratio:126/190;padding:0;border:1px solid var(--rarity);border-radius:14px;background:#162531;overflow:hidden;container-type:inline-size;box-shadow:0 14px 28px #0006,inset 0 0 0 2px #ffffff15;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .12s;text-align:left;color:#fff}
.pack-card-surface .card-face{position:relative;inset:auto;width:100%;height:100%;transform:none;border-radius:inherit;background:#15232f}
.pack-card-surface .card-portrait{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.pack-card-surface .card-portrait :is(.art,.foil-art){width:100%;height:100%;object-fit:cover;object-position:50% 26%;display:block;transform:none}
.pack-card-surface .card-copy{position:absolute;inset:auto 0 0;height:auto;min-height:0;max-height:none;padding:13cqw 6.35cqw 7cqw;background:linear-gradient(180deg,transparent,#142330f5 22%,#101d2b 100%);overflow:visible;display:flex;flex-direction:column;gap:2.4cqw}
.pack-card-surface .card-copy strong{font:700 10.3cqw/1.1 system-ui;letter-spacing:-.2px;margin:0;white-space:normal;display:block}
.pack-card-surface .card-copy p{font:400 6.35cqw/1.3 system-ui;color:#e0e7ee;margin:0;white-space:normal;max-height:none;-webkit-line-clamp:unset;display:block;overflow:visible}
.pack-card-surface .card-stats{display:flex;gap:9cqw;font-size:8cqw;line-height:1.2;margin:0}
.pack-card-surface .cost{position:absolute;top:0;left:0;width:22cqw;height:24cqw;border-radius:0 0 8cqw 0;background:#102732ed;color:#ccf1e9;display:grid;place-items:center;font-size:12cqw;font-weight:800;z-index:2}
.pack-card-surface .card-type{position:absolute;right:4cqw;top:5cqw;font-size:5.3cqw;padding:2cqw 3cqw;background:#0c1b2de6;border-radius:3cqw;z-index:2}
.pack-pull-meta{font-size:10px;color:var(--rarity);letter-spacing:.08em;min-height:14px}
.pack-pull>.pack-use{width:100%;max-width:230px;background:transparent;border-color:#abc9cd30;min-height:38px}
.pack-navigation{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}
.pack-navigation .pack-primary{width:min(300px,100%);min-height:44px}
.pack-summary-grid{gap:12px;align-items:start}
.pack-summary-grid .pack-pull{width:100%;gap:7px}
.pack-summary-grid .pack-card-surface{border-radius:9px}
.pack-summary-grid .pack-use{font-size:10px!important;min-height:36px}
.pack-summary-grid .pack-pull-meta{font-size:8px;text-align:center;letter-spacing:0}
.pack-summary .exp-reward-currencies{font-size:12px;gap:16px;margin:0}
.pack-summary .pack-heading{padding:0 32px 8px}.pack-summary .pack-heading h2{font-size:22px}
.pack-pull.just-revealed{animation:cardArrival .45s cubic-bezier(.16,.8,.3,1)}
.pack-pull.just-revealed.special-pull{animation:rareArrival .7s cubic-bezier(.16,.8,.3,1)}
.workshop-incoming{display:flex;align-items:center;gap:9px;flex:none;color:#eef8f5}
.workshop-incoming img{width:30px;height:39px;object-fit:cover;border-radius:5px}
.workshop-incoming small{font-size:8px;letter-spacing:.1em;color:#aaccc2;display:block}
.workshop-incoming strong{font-size:12px}.workshop-incoming+ .workshop-section-heading{font-size:10px}
/* Every hand card reserves enough space for its name, stats and complete rules. */
.game-battle .hand .card-face .card-portrait,.drag-ghost .card-face .card-portrait{height:86px}
.game-battle .hand .card-face .card-copy,.drag-ghost .card-face .card-copy{position:absolute;bottom:0;left:0;width:126px;height:auto;min-height:104px;padding:6px 7px 7px;display:flex;flex-direction:column;gap:3px;overflow:visible}
.game-battle .hand .card-face .card-copy strong,.drag-ghost .card-face .card-copy strong{font:700 12px/1.12 system-ui;letter-spacing:-.2px}
.game-battle .hand .card-face .card-copy p,.drag-ghost .card-face .card-copy p{font:400 8px/1.25 system-ui;margin:0;overflow:visible;max-height:none}
.game-battle .hand .card-face .card-stats,.drag-ghost .card-face .card-stats{margin:0;font-size:9px;line-height:1.1}
@media(max-height:480px) and (min-width:600px){.pack-single{display:grid;grid-template-columns:1fr 210px;grid-template-rows:20px 1fr;max-width:680px;gap:8px 30px;align-items:center}.pack-single .pack-counter{grid-column:2;grid-row:1}.pack-single .pack-reveal-stage{grid-column:1;grid-row:1/3}.pack-single .pack-pull{width:min(190px,calc((100dvh - 125px)*.663))}.pack-single .pack-navigation{grid-column:2;grid-row:2}.pack-single .pack-summary-note{grid-column:2}.pack-summary-grid{max-width:520px}.pack-summary-grid .pack-pull{max-width:150px;justify-self:center}.pack-experience{gap:9px}}
.pack-single{gap:10px}
.pack-single .pack-pull{width:clamp(180px,calc((100dvh - 200px)*.663),300px);gap:7px}
.pack-single .pack-pull-meta{min-height:12px;font-size:9px}
.pack-single .pack-use{min-height:36px}
.pack-single .pack-navigation{flex-direction:row;justify-content:center;gap:8px}
.pack-single .pack-navigation .pack-primary{width:min(230px,70%)}
.pack-single .pack-skip{font-size:10px!important;padding:8px 5px}
.game-battle .hand .card-face .card-copy>*,.drag-ghost .card-face .card-copy>*{flex:none;overflow-wrap:anywhere}
@media(max-height:480px) and (min-width:600px){.pack-single .pack-pull{width:min(190px,calc((100dvh - 125px)*.663))}.pack-single .pack-navigation{flex-direction:column}.pack-single .pack-navigation .pack-primary{width:100%}}

/* Compact release notes reuse the accessible world dialog and its focus trap. */
.modal-updates{width:min(100%,540px);padding:24px!important;text-align:left;max-height:85dvh;display:flex;flex-direction:column;gap:12px}
.modal-updates h2,.modal-updates h3,.modal-updates p{margin:0}
.modal-updates .exp-update-range{color:#a8ded7;font-size:14px}
.exp-update-legacy,.exp-update-safe{font-size:12px;color:#9aa9b4}
.exp-update-notes{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 4px;border-block:1px solid #ffffff14}
.exp-update-notes>small{color:#a8ded7;letter-spacing:.12em;font-size:11px}
.exp-update-notes h3{font-size:19px;margin-top:6px}
.exp-update-notes ul{padding-left:20px;margin:12px 0 0;display:grid;gap:10px;font-size:14px;line-height:1.5;color:#c5ced5}
.exp-update-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#9aa9b4}
.exp-update-pager .exp-button{min-height:40px;padding:8px 18px}
.modal-updates>.primary{width:100%;min-height:48px}
.modal-updates>.exp-update-safe{text-align:center}