@font-face{font-family:'North Kids';src:url('/public/fonts/north-kids.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--display:'North Kids',Outfit,sans-serif}
h1,.foil-title,.meme-card h3,.battle-card-name,.battle-card-power,.battle-power,.floating-damage,.reserve-countdown>b,.case-product h2,.pack-stage-bottom h2,.collection-score-hero strong{font-family:var(--display)!important;font-weight:400!important;letter-spacing:.2px}
body{background:radial-gradient(ellipse at 18% 30%,#7563b30b,transparent 50%),radial-gradient(ellipse at 80% 0,#a67dc813,transparent 52%),var(--bg)}
main{animation:none}
@keyframes page-settle{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:none}}
.topbar{position:sticky;top:0;z-index:35;background:color-mix(in srgb,var(--bg),transparent 8%);backdrop-filter:blur(18px)}
.header-shortcuts{display:flex;align-items:center;gap:6px}.header-shortcuts button{display:flex;gap:8px;align-items:center;min-height:38px;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px;white-space:nowrap}.header-shortcuts button.active{background:color-mix(in srgb,var(--accent),transparent 87%);color:var(--accent)}.header-shortcuts .icon{width:16px;height:16px}.theme-toggle{font-size:22px;color:var(--accent);flex-shrink:0}.topbar-right{gap:12px}.coin-inline,.wallet .coin-inline,.market-price .coin-inline{color:#bd99fb}.coin-inline .icon{fill:#b88aff25;stroke:#bb92fa}
.reserve-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.reserve-choice{min-width:0;padding:18px 12px;display:flex;align-items:center;gap:14px;text-align:left;transition:border-color .2s,background .2s}.reserve-choice:hover,.reserve-choice.active{border-color:var(--pack-color);background:color-mix(in srgb,var(--pack-color),var(--surface) 94%)}.reserve-choice.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--pack-color),transparent 60%)}.reserve-choice-art{height:104px;width:74px;flex-shrink:0;display:grid;place-items:center;pointer-events:none}.reserve-choice-info{display:flex;flex-direction:column;gap:8px;min-width:0}.reserve-choice-info>b{font-family:Outfit,sans-serif;font-size:15px;color:var(--text)}.reserve-choice-info>span{color:var(--muted);font-size:12px}.reserve-choice-info>span strong{font-size:22px;color:var(--text)}.reserve-choice-info small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.reserve-choice-info small b{font-variant-numeric:tabular-nums;font-size:15px;color:var(--pack-color);font-weight:650}.reserve-choice-info .icon{width:12px;height:12px}.reserve-panel{max-width:460px;width:90%;margin:22px auto 14px}.reserve-countdown>b{font-size:48px;letter-spacing:2px;color:var(--text)}.reserve-panel p,.reserve-panel>small{font-size:12px!important;line-height:1.65}.pack-stage-bottom{padding-bottom:28px}.pack-stage-bottom h2{font-size:34px}.pack-stage-bottom>.text-link{margin:10px auto}.pack-aside .arena-promo{padding:20px;gap:14px}.pack-aside .arena-promo b{font-size:14px!important;line-height:1.4}.pack-aside .arena-promo div>span{font-size:12px!important;line-height:1.5;margin-top:5px}.pack-aside .arena-promo .mini-icon{width:36px;height:36px;flex-shrink:0}.daily-card p{font-size:13px}.daily-card>small{font-size:11px}.daily-top .eyebrow{font-size:9px}.progress-card .progress-label,.progress-card>p{font-size:11px}.pack-facts span{font-size:12px}.earned-boosters{padding:24px;margin:24px 0}.earned-boosters .section-title{margin-top:0}.earned-booster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.earned-booster-grid article{display:flex;align-items:center;flex-direction:column;gap:12px;padding:22px 12px;background:var(--surface2);border-radius:12px;text-align:center}.earned-booster-grid article>div{height:138px;display:grid;place-items:center}.earned-booster-grid h3{font-size:18px}.earned-booster-grid article>span{font-size:11px;color:var(--muted)}
/* Foil remains a fixed-size object. Only the mark and name are printed on it. */
.booster-art{isolation:isolate;color:white;--foil-base:#977fb6;--foil-light:#c2afdc;--foil-deep:#6e5a89;background:linear-gradient(118deg,var(--foil-deep),var(--foil-light) 19%,var(--foil-base) 36%,var(--foil-deep) 66%,var(--foil-light) 85%,var(--foil-base))!important;filter:none!important;box-shadow:inset 0 0 14px #fff2,5px 12px 26px #0004}
.booster-art.booster-classic{--foil-base:#ac98c4;--foil-light:#d0c0e1;--foil-deep:#8b799f}
.booster-art.booster-gaming{--foil-base:#476ad3;--foil-light:#a0b8fa;--foil-deep:#293f8d}
.booster-art.booster-web{--foil-base:#9251d1;--foil-light:#c89af3;--foil-deep:#573084}
.booster-art.booster-legends{--foil-base:#c09434;--foil-light:#f5df93;--foil-deep:#836016;box-shadow:0 0 30px #ebc24855,inset 0 0 20px #ffeebe66}
.booster-art.booster-mythic{--foil-base:#c15270;--foil-light:#f7b18c;--foil-deep:#761d52;box-shadow:0 0 30px #ed5d8666,inset 0 0 18px #ffb59466}
.booster-art.booster-bulk10{--foil-base:#428883;--foil-light:#a7d9c6;--foil-deep:#205b58}.booster-art.booster-bulk20{--foil-base:#6168af;--foil-light:#b0b9ec;--foil-deep:#333b70}
.booster-art.booster-rank{--foil-base:var(--pack-color);--foil-light:color-mix(in srgb,var(--pack-color),white 45%);--foil-deep:color-mix(in srgb,var(--pack-color),black 60%)}
.booster-art .foil-brand,.booster-art .foil-edition,.booster-art .foil-footer{display:none}.booster-art .foil-logo{position:absolute;top:17%!important;left:27%!important;width:46%!important;height:37%!important;object-fit:contain;filter:drop-shadow(0 3px 0 #22133055);margin:0!important}.booster-art .foil-title{position:absolute!important;top:60%!important;left:8%!important;right:8%!important;bottom:12%;width:84%!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:28px!important;line-height:1.06!important;overflow:hidden;overflow-wrap:normal;color:#fff;text-shadow:0 2px 2px #25142844;padding:0!important;letter-spacing:.3px}.booster-art .foil-orbit{border-color:#ffffff26;opacity:.5}.booster-art .foil-top,.booster-art .foil-bottom{background:repeating-linear-gradient(90deg,#fff3 0 2px,transparent 2px 5px);z-index:3}.booster-art.small{width:82px!important;height:122px!important}.booster-art.small .foil-title{font-size:13px!important}.reserve-choice-art .booster-art.small{width:68px!important;height:100px!important}.reserve-choice-art .booster-art .foil-title{font-size:11px!important}.pack-pedestal .booster-art{width:190px;height:275px}.pack-pedestal .booster-art .foil-title{font-size:28px!important}.shop-v6 .booster-art.small .foil-title{font-size:13px!important}
/* Minimal card face: image, name, power and a distinct class glyph. */
.meme-card{border:2px solid color-mix(in srgb,var(--rarity),#fff 12%);border-radius:14px;box-shadow:0 5px 12px #0003;background:color-mix(in srgb,var(--rarity),#201a2c 82%);aspect-ratio:2/3;isolation:isolate}.meme-card:before{opacity:0!important}.meme-card .card-image{flex:0 0 58%;height:58%;border-radius:0;z-index:1}.meme-card .card-body{position:relative;isolation:isolate;padding:5% 6% 3%;gap:5px;overflow:hidden}.meme-card .card-body:before{content:'';position:absolute;inset:-35%;z-index:-1;opacity:.12;background:radial-gradient(ellipse at 10% 10%,transparent 45%,var(--rarity) 48%,transparent 59%),radial-gradient(ellipse at 95% 30%,transparent 35%,#fff 42%,transparent 50%);transform:rotate(-18deg);pointer-events:none}.rarity-epic .card-body:before,.rarity-legendary .card-body:before,.rarity-mythic .card-body:before,.rarity-iridescent .card-body:before,.rarity-secret .card-body:before{animation:quiet-swirl 22s ease-in-out infinite alternate}.meme-card .card-era{display:none}.meme-card .card-body h3{font-size:clamp(14px,8.2cqw,25px)!important;line-height:1.06;height:2.12em;min-height:2.12em;letter-spacing:.1px}.meme-card .card-stats.single-power{border:0;padding-top:0;gap:5px;margin-top:auto;min-height:35px}.meme-card .single-power>span:first-child{font-size:clamp(16px,11cqw,32px)!important;gap:5px}.meme-card .single-power strong{font-family:var(--display);font-weight:400;letter-spacing:0}.meme-card .single-power>span:first-child>.icon{width:clamp(10px,7cqw,18px);height:auto;color:var(--rarity)}.meme-card .single-power>.role-chip{position:relative;display:flex;flex-shrink:0;width:clamp(27px,19cqw,45px);height:clamp(27px,19cqw,45px);max-width:none;justify-content:center;align-items:center;border-radius:9px;padding:2px!important;background:#0b061f38!important;overflow:visible}.meme-card .role-chip>svg{width:100%;height:100%;min-width:0;flex-shrink:0}.card-role-tooltip{display:none;position:absolute;right:0;bottom:100%;padding:6px 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:600 12px Inter,sans-serif;white-space:nowrap;z-index:7}.meme-card:hover .card-role-tooltip,.meme-card:focus-visible .card-role-tooltip{display:block}.meme-card .card-bottom{padding:3% 6%;font-size:clamp(6px,3.3cqw,9px);color:color-mix(in srgb,var(--rarity),white 35%);background:#0002;border-top:1px solid #fff1}.meme-card .rarity-badge{background:var(--rarity);color:#171222;font-weight:800;padding:4px 7px}.meme-card .card-fav{color:#fffc}.meme-card .card-shine{opacity:.07;pointer-events:none}.meme-card.rarity-epic{box-shadow:0 0 13px #ac7fff36}.meme-card.rarity-legendary{box-shadow:0 0 17px #eac25b44;background:linear-gradient(150deg,#534427,#2c241d)}.meme-card.rarity-mythic{box-shadow:0 0 19px #fd719544;background:linear-gradient(145deg,#582f37,#352139)}.meme-card.rarity-iridescent{background:linear-gradient(145deg,#4d285d,#33213e 60%,#5d2674);box-shadow:0 0 3px #ffc9fc,0 0 22px #cf57d877,inset 0 0 20px #a67ae622}.meme-card.rarity-secret{background:linear-gradient(155deg,#374172,#452151 45%,#572756 70%,#214a5f);border-color:#ffc8f5;box-shadow:0 0 3px 1px #fff,0 0 15px #ffa2dd99,0 0 28px #78bce873,inset 0 0 17px #eb7bdd33}.rarity-secret .rarity-badge{background:linear-gradient(110deg,#9aedf5,#ffb9e8 60%,#c6a2ff);color:#492150}.meme-card.rarity-secret:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:none}
.meme-card.variant-shiny{background:#fbf7ef!important;color:#342b3d;border-color:color-mix(in srgb,var(--rarity),#ffe6a3 45%)!important;box-shadow:0 0 4px var(--rarity),0 0 17px #f7d27180,inset 0 0 0 1px #ffebb8;outline:1px solid #f8d578;outline-offset:1px}.meme-card.variant-shiny .card-body{background:linear-gradient(125deg,#fff,#fcf5e4);color:#332a3b}.meme-card.variant-shiny .card-body:before{opacity:.08}.meme-card.variant-shiny .card-body:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 20%,#d6a22b 0 1px,transparent 2px),radial-gradient(circle at 70% 62%,#e1b145 0 1.3px,transparent 2px),radial-gradient(circle at 94% 30%,#edc24c 0 1px,transparent 3px);animation:gold-sparkle 3s ease-in-out infinite alternate}.meme-card.variant-shiny .card-bottom{color:#796132;background:#f2e7cc;border-top:1px solid #e4cf99}.meme-card.variant-shiny .role-chip{background:#ded8ca88!important}.meme-card.variant-shiny .finish-badge{color:#604509;background:linear-gradient(120deg,#fff9dd,#ffe7a0);border:1px solid #e0bc62;top:49%;right:auto;width:auto;z-index:3;padding:3px 8px;min-height:0}.meme-card.variant-shiny .card-shine{display:none}.meme-card.variant-shiny .card-image img{filter:none;mix-blend-mode:normal}.stack-back{padding:0!important;overflow:hidden}.stack-back .mm-card-back{width:100%;height:100%}.stack-back>span,.stack-back>small{display:none}.stack-back>.mm-card-back{display:grid}.stack-layer{background:linear-gradient(140deg,#4e365e,#211628);border:2px solid #a888bf}.tradeup-ready-toast{text-align:left;border-color:#bea0fa;cursor:pointer}.tradeup-ready-toast span{display:flex;flex-direction:column;gap:4px}.tradeup-ready-toast b{color:var(--accent)}.tradeup-ready-toast small{color:var(--muted)}#tradeup-ready,#profile-avatar-picker{scroll-margin-top:100px}
@keyframes quiet-swirl{from{transform:rotate(-18deg) scale(1)}to{transform:rotate(9deg) scale(1.12)}}@keyframes gold-sparkle{from{opacity:.3}to{opacity:1}}
/* Layered metal, a raised lid and bevels give every vault a tangible silhouette. */
.vault-case-art{transform:perspective(700px) rotateX(6deg) rotateY(-7deg);transform-style:preserve-3d;filter:drop-shadow(10px 17px 9px #0005);transition:transform .35s,filter .35s}.case-product:hover .vault-case-art{transform:perspective(700px) rotateX(0deg) rotateY(4deg) translateY(-4px);filter:drop-shadow(10px 22px 13px #0005)}.vault-case-art .case-body{border-width:2px!important;border-bottom-width:8px!important;box-shadow:inset 2px 2px 0 #fff4,inset -4px -5px 0 #0005,4px 4px 0 color-mix(in srgb,var(--case-accent),#111 75%);background:linear-gradient(125deg,color-mix(in srgb,var(--case-accent),#252033 72%),#15131c 48%,color-mix(in srgb,var(--case-accent),#111 80%))}.vault-case-art .case-lid{box-shadow:inset 0 2px 0 #fff5,0 5px 7px #0008;transform:translateY(-2px);background:linear-gradient(135deg,color-mix(in srgb,var(--case-accent),white 20%),color-mix(in srgb,var(--case-accent),#211a2e 68%))}.vault-case-art .case-word{font-family:var(--display);font-size:24px;letter-spacing:1px}.vault-case-art .case-word small{font:600 7px Inter,sans-serif;letter-spacing:1.5px}.case-gold .case-halo,.case-prism .case-halo,.case-celestial .case-halo{opacity:.7;filter:blur(22px)}.vault-product .case-edition-note{font-size:11px}.case-odds-inline dl dd{font-variant-numeric:tabular-nums}.case-reel .meme-card .card-role-tooltip{display:none}
/* Light theme deliberately retunes surfaces and text, while card art keeps its rarity palette. */
html[data-theme=light]{color-scheme:light;--bg:#f3f0f8;--surface:#fff;--surface2:#eee8f5;--border:#d9cfe5;--text:#292235;--muted:#6d617b;--accent:#7954bb;--lime:#568428}
[data-theme=light] .sidebar,[data-theme=light] .topbar{background:#faf7ffed;border-color:var(--border)}[data-theme=light] .nav-item,[data-theme=light] .nav-item>.icon{color:#766485}[data-theme=light] .nav-item.active,[data-theme=light] .header-shortcuts button.active{color:#6740a5;background:#eaddf9}[data-theme=light] .nav-label,[data-theme=light] .muted,[data-theme=light] .eyebrow,[data-theme=light] .progress-label{color:#766387}[data-theme=light] .brand-accent{color:#7954bb}[data-theme=light] .btn-secondary,[data-theme=light] .icon-button,[data-theme=light] input,[data-theme=light] select,[data-theme=light] .wallet,[data-theme=light] .badge,[data-theme=light] .rank-tab,[data-theme=light] .battle-tab{background:#eee6f6;color:#50405f;border-color:#d5c5e4}[data-theme=light] .btn-primary{background:#845abb;color:#fff;border-color:#8c66c0}[data-theme=light] .btn-ghost,[data-theme=light] .text-link{color:#7543ab}[data-theme=light] .coin-inline,[data-theme=light] .wallet .coin-inline,[data-theme=light] .market-price .coin-inline{color:#7951b3}[data-theme=light] .panel,[data-theme=light] .reserve-panel,[data-theme=light] .pack-stage,[data-theme=light] .daily-card,[data-theme=light] .battle-surface,[data-theme=light] .collection-score-hero,[data-theme=light] .battle-stage,[data-theme=light] .shop-pro{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=light] .pack-cost,[data-theme=light] .daily-card p,[data-theme=light] .progress-card p,[data-theme=light] .arena-promo div>span{color:var(--muted)}[data-theme=light] .progress-track{background:#e5dceb}[data-theme=light] .toast,[data-theme=light] dialog{background:#faf7ff;color:var(--text);border-color:#d8c7e6}[data-theme=light] .meme-card:not(.variant-shiny){color:#fff}[data-theme=light] .card-role-tooltip{color:#34223f;background:#fff}[data-theme=light] .daily-day,[data-theme=light] .season-card,[data-theme=light] .demo-note,[data-theme=light] .admin-notice{background:#f0eaf7;border-color:#dacde7;color:#6c567c}[data-theme=light] .daily-day.current{background:#e5f0d9;border-color:#96b967;color:#415e29}[data-theme=light] .pack-aside .arena-promo{background:#f8f4fc}[data-theme=light] .arena-promo b{color:#39294a}[data-theme=light] .reserve-countdown>b,[data-theme=light] .reserve-top strong{color:#32223e}[data-theme=light] .reserve-top>span,[data-theme=light] .reserve-countdown>span{color:#776086}[data-theme=light] .site-footer{color:#6c5c78;border-color:#d8c9e3}[data-theme=light] .case-product-top>span,[data-theme=light] .case-guarantee,[data-theme=light] .case-total,[data-theme=light] .case-odds-inline dt,[data-theme=light] .case-finish-odds{color:#635272}
@media(max-width:1400px){.reserve-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.reserve-choice{padding:12px 18px}.reserve-choice-art{height:86px;width:66px}.reserve-choice-art .booster-art.small{width:58px!important;height:85px!important}.reserve-choice-art .booster-art .foil-title{font-size:9px!important}.local-pill{display:none}}
@media(max-width:760px){.header-shortcuts{gap:0}.header-shortcuts button{padding:7px;gap:4px;font-size:10px}.header-shortcuts .icon{width:14px;height:14px}.header-shortcuts button:last-child span{max-width:34px;white-space:normal;line-height:1.1}.topbar{padding:0 10px;gap:4px}.breadcrumb{gap:3px}.topbar-right{gap:5px}.topbar .wallet{padding:5px 6px;gap:5px}.wallet-plus{display:none}.theme-toggle{width:28px;height:30px;font-size:20px}.top-avatar{display:none}.reserve-picker{gap:9px}.reserve-choice{gap:10px;padding:12px 8px}.reserve-choice-info>b{font-size:13px}.reserve-choice-info small b{font-size:14px}.reserve-choice-art{width:45px;height:72px}.reserve-choice-art .booster-art.small{width:43px!important;height:64px!important}.reserve-choice-art .booster-art .foil-title{font-size:7px!important}.reserve-countdown>b{font-size:38px}.pack-pedestal .booster-art .foil-title{font-size:24px!important}.earned-boosters{padding:16px}.earned-booster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.earned-booster-grid h3{font-size:16px}.meme-card .card-stats.single-power{min-height:28px}.pack-aside{grid-template-columns:1fr}.daily-card{display:block}.daily-card .btn{width:100%}.daily-card>small{display:block;margin-top:12px}.pack-aside .progress-card{padding:22px}.meme-card .card-body h3{font-size:clamp(13px,8.2cqw,25px)!important}}
@media(prefers-reduced-motion:reduce){main,.meme-card .card-body:before,.meme-card .card-body:after{animation:none!important}.vault-case-art,.case-product:hover .vault-case-art{transform:none}}

.booster-art.small{transform:rotate(-7deg)!important;transform-origin:center!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important}
.reserve-choice[data-id="classic"]{--pack-color:#bda6d3!important}

[data-theme=light] .reserve-choice-info small b{color:color-mix(in srgb,var(--pack-color),#34213d 42%)}

.meme-card.variant-shiny .single-power>.role-chip{background:#34283d!important}.battle-power>b,.combat-float{font-family:var(--display)!important;font-weight:400!important}.battle-card-copy>strong{font-family:var(--display);font-size:16px!important;font-weight:400!important}.ar-reserves .battle-card-copy>strong{font-size:14px!important}

.opening-tradeup-ready{display:flex;align-items:center;gap:14px;max-width:460px;margin:18px auto;padding:15px 20px;background:color-mix(in srgb,var(--accent),transparent 90%);border:1px solid var(--accent);border-radius:12px;text-align:left}.opening-tradeup-ready>span{display:flex;flex-direction:column;gap:5px}.opening-tradeup-ready small{font-size:12px;color:var(--muted)}.opening-tradeup-ready b{color:var(--accent)}

.reveal-particles.gold-reveal{color:#ffd575!important}.reveal-particles.gold-reveal i{color:#ffd575!important;text-shadow:0 0 12px #ffd45d}

.case-tail-chance{font-size:12px;color:var(--muted);margin:8px 0 14px}.case-tail-chance b{color:var(--case-accent);font-size:18px;margin-right:5px}

.booster-art{container-type:inline-size}.booster-art .foil-title,.booster-art.small .foil-title,.reserve-choice-art .booster-art .foil-title,.pack-pedestal .booster-art .foil-title,.shop-v6 .booster-art.small .foil-title{font-size:13cqw!important;line-height:1.03!important}.booster-art.booster-rank .foil-title,.booster-art.booster-bulk10 .foil-title,.booster-art.booster-bulk20 .foil-title{font-size:11.5cqw!important}.booster-art.booster-rank-booster-grandmaster .foil-title,.booster-art.booster-rank-booster-challenger .foil-title{font-size:10cqw!important}