:root{color:#f8f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#4c1d958c,#0000 0 34%),linear-gradient(#0b1020 0%,#131b33 100%);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{overscroll-behavior:none;background:#0b1020;height:100%;overflow:hidden}body{min-width:320px;margin:0}#root{max-width:1200px;height:100%;margin:0 auto}h1,h2,p{margin:0}:root{--bg:#0a0e1c;--surface:#121628d6;--surface-alt:#0c1224f0;--border:#93c5fd2e;--border-bright:#93c5fd59;--text:#f0f4ff;--muted:#a0b0d0;--accent:#7c3aed;--accent-blue:#2563eb;--gold:#fbbf24;--gold-light:#fde68a;--gold-dark:#b45309;--red:#ef4444;--green:#22c55e;--rarity-common:#9ca3af;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#f59e0b;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--font-xs:11px;--font-sm:13px;--font-md:15px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 10px 30px #00000073;--focus-ring:0 0 0 2px #7c3aedd9;--color-danger:#ef4444;--color-danger-strong:#b91c1c;--color-success:#22c55e;--color-success-strong:#15803d;--color-warning:#f59e0b;--color-info:#3b82f6;--backdrop:#040816b8;--modal-bg:linear-gradient(160deg, #1c2038fa, #0e1224fa);--motion-fast:.12s cubic-bezier(.4, 0, .2, 1);--motion-base:.22s cubic-bezier(.4, 0, .2, 1);--motion-slow:.38s cubic-bezier(.4, 0, .2, 1);--scene-gap:clamp(12px, 2svh, 28px);--card-pad:clamp(12px, 1.6svh, 22px);--panel-gap:clamp(6px, 1svh, 14px)}.stack-1{gap:var(--space-1);display:grid}.stack-2{gap:var(--space-2);display:grid}.stack-3{gap:var(--space-3);display:grid}.stack-4{gap:var(--space-4);display:grid}.row-2{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row-3{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.focusable:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}*{box-sizing:border-box}button{cursor:pointer;font:inherit;border:0}button:disabled{cursor:not-allowed}.error-boundary-fallback{height:100dvh;padding:var(--space-4);text-align:center;background:var(--bg);color:var(--text);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.error-boundary-fallback h1{font-size:var(--font-xl,1.5rem);margin:0}.error-boundary-fallback p{color:var(--muted);margin:0}.app-shell{width:100%;max-width:1180px;height:100dvh;min-height:100svh;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));gap:var(--scene-gap);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-shell.battle-shell-active{max-width:1320px;padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));gap:8px}.app-shell>.topbar,.app-shell>.nav-strip,.app-shell>.scene-rail,.app-shell>.update-banner,.app-shell>.challenge-banner{flex:none}.scene-stage{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 10%,#38bdf81f,#0000 0 28%),radial-gradient(circle at 80% 0,#7c3aed24,#0000 0 24%);animation:12s ease-in-out infinite ambientFloat;position:fixed;inset:0}.app-shell.theme-ember:before{background:radial-gradient(circle at 18% 10%,#fb718529,#0000 0 28%),radial-gradient(circle at 82% 0,#f9731629,#0000 0 24%)}.app-shell.theme-moon:before{background:radial-gradient(circle at 18% 10%,#93c5fd29,#0000 0 28%),radial-gradient(circle at 82% 0,#a78bfa29,#0000 0 24%)}@keyframes ambientFloat{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-4px)scale(1.003)}66%{transform:translateY(-8px)scale(.997)}}.screen-panel.active{animation:.24s screenIn}.app-shell:not(.battle-shell-active) .scene-stage>.screen-panel.active{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#93c5fd59 transparent;flex:auto;min-height:0;overflow:hidden auto}.app-shell:not(.battle-shell-active) .scene-stage>.screen-panel.active::-webkit-scrollbar{width:6px}.app-shell:not(.battle-shell-active) .scene-stage>.screen-panel.active::-webkit-scrollbar-thumb{background:#93c5fd59;border-radius:999px}.app-shell:not(.battle-shell-active) .scene-stage>.screen-panel.active::-webkit-scrollbar-track{background:0 0}.app-shell:not(.battle-shell-active) .scene-stage>.home-screen:not(.social-screen).screen-panel.active{scrollbar-width:thin;overflow:hidden auto}.app-shell:not(.battle-shell-active) .scene-stage>.home-screen:not(.social-screen).screen-panel.active::-webkit-scrollbar{width:6px}.app-shell:not(.battle-shell-active) .scene-stage>.home-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.collection-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.vault-grid.shop-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.shop-market.shop-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.home-screen.social-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.ops-grid.settings-screen.screen-panel.active,.app-shell:not(.battle-shell-active) .scene-stage>.settings-screen.screen-panel.active{gap:var(--scene-gap);flex-direction:column;display:flex}.home-screen.screen-panel.active>.section-card,.home-screen.screen-panel.active>.home-cards,.collection-screen.screen-panel.active>.section-card{flex:auto;min-height:0}.home-screen:not(.social-screen).screen-panel.active>.home-command-card{flex:0 auto}.home-screen:not(.social-screen).screen-panel.active>.home-command-card.home-view-quests{flex:auto;min-height:0}.home-screen.play-screen.screen-panel.active>.spotlight-card{flex:none;overflow:visible}.home-screen.play-screen.screen-panel.active>.play-command-card{flex:auto;min-height:0;overflow:hidden}.vault-grid.shop-screen.screen-panel.active>article:first-child,.shop-market.shop-screen.screen-panel.active>article:first-child,.home-screen.social-screen.screen-panel.active>.home-cards,.ops-grid.settings-screen.screen-panel.active>article:first-child,.settings-screen.screen-panel.active>article:first-child{flex:auto;min-height:0}.app-shell.battle-shell-active .scene-stage{touch-action:pan-x pan-y;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.app-shell.battle-shell-active .scene-stage>.screen-panel.active{flex:none;min-height:0}.app-shell.battle-shell-active .scene-stage>.battlefield.active{flex:auto;min-height:0;overflow:hidden}.screen-panel.hidden{display:none}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.app-shell.screen-enter-forward .screen-panel.active{animation:.36s cubic-bezier(.22,.61,.36,1) curtainPullForward}.app-shell.screen-enter-back .screen-panel.active{animation:.36s cubic-bezier(.22,.61,.36,1) curtainPullBack}.app-shell.screen-enter-lateral .screen-panel.active{animation:.32s cubic-bezier(.22,.61,.36,1) runeWipeFade}.app-shell.screen-enter-battle .screen-panel.active{animation:.52s cubic-bezier(.16,1,.3,1) portalSlamIris}@keyframes curtainPullForward{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(.7);transform:translate(42px)scale(.96)}50%{opacity:1;clip-path:inset(0 8% 0 0);filter:brightness(1.12)}to{opacity:1;clip-path:inset(0);filter:brightness();transform:translate(0)scale(1)}}@keyframes curtainPullBack{0%{opacity:0;clip-path:inset(0 0 0 100%);filter:brightness(.7);transform:translate(-42px)scale(.96)}50%{opacity:1;clip-path:inset(0 0 0 8%);filter:brightness(1.12)}to{opacity:1;clip-path:inset(0);filter:brightness();transform:translate(0)scale(1)}}@keyframes runeWipeFade{0%{opacity:0;filter:brightness(.5)blur(3px);transform:scale(.99)}40%{opacity:.8;filter:brightness(1.2)blur(1px)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@keyframes portalSlamIris{0%{opacity:0;clip-path:circle(0%);filter:brightness(.3)saturate(1.4);transform:scale(.5)}30%{opacity:1;clip-path:circle(24%);filter:brightness(1.35)saturate(1.2);transform:scale(1.08)}70%{clip-path:circle(55%);filter:brightness(1.05);transform:scale(1.02)}to{opacity:1;clip-path:circle(75%);filter:brightness()saturate();transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(26px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-26px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeInScreen{0%{opacity:0}to{opacity:1}}@keyframes zoomWhoosh{0%{opacity:0;transform:scale(.94)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.home-screen.active,.play-screen.active,.social-screen.active,.collection-screen.active,.shop-screen.active,.settings-screen.active,.battlefield.active{isolation:isolate;position:relative}.home-screen.active:before,.play-screen.active:before,.social-screen.active:before,.collection-screen.active:before,.shop-screen.active:before,.settings-screen.active:before,.battlefield.active:before{content:"";z-index:-1;opacity:.22;filter:saturate(1.05)blur(.5px);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;position:absolute;inset:-16px}@media (width<=640px){.home-screen.active:before,.play-screen.active:before,.social-screen.active:before,.collection-screen.active:before,.shop-screen.active:before,.settings-screen.active:before,.battlefield.active:before{inset:0}}.home-screen.active:before{background-image:url(/generated/ui/bg-main-menu.svg)}.home-screen:not(.social-screen).active:before{inset:0}.collection-screen.active:before{background-image:url(/generated/ui/bg-collection.svg)}.shop-screen.active:before{background-image:url(/generated/ui/bg-shop.svg)}.settings-screen.active:before{background-image:url(/generated/ui/bg-settings.svg)}.battlefield.active:before{opacity:.32;background-image:url(/generated/ui/bg-battle.svg)}.home-screen.play-screen.active:before,.home-screen.social-screen.active:before{background-image:none}.play-screen.active:before{background-image:url(/generated/ui/bg-play.svg)}.social-screen.active:before{background-image:url(/generated/ui/bg-social.svg)}@media (prefers-reduced-motion:reduce){.home-screen.active:before,.play-screen.active:before,.social-screen.active:before,.collection-screen.active:before,.shop-screen.active:before,.settings-screen.active:before,.battlefield.active:before{filter:none}}.home-screen.active:after,.play-screen.active:after,.social-screen.active:after,.collection-screen.active:after,.shop-screen.active:after,.settings-screen.active:after,.battlefield.active:after{content:"";z-index:-1;pointer-events:none;opacity:0;border-radius:24px;animation:1.2s .4s forwards sceneFxFadeIn;position:absolute;inset:0;overflow:hidden}.home-screen.active:after{background:radial-gradient(1.5px 1.5px at 12% 18%,#fbbf248c,#0000),radial-gradient(1px 1px at 28% 72%,#fbbf2459,#0000),radial-gradient(2px 2px at 65% 8%,#fbbf2466,#0000),radial-gradient(1px 1px at 82% 42%,#fbbf244d,#0000),radial-gradient(1.5px 1.5px at 45% 88%,#fbbf2473,#0000),radial-gradient(1px 1px at 92% 76%,#fbbf2440,#0000);animation:1.2s .4s forwards sceneFxFadeIn,18s ease-in-out infinite sceneFxDriftSlow}.play-screen.active:after{background:radial-gradient(2px 2px at 15% 22%,#7c3aed99,#0000),radial-gradient(1.5px 1.5px at 38% 65%,#7c3aed59,#0000),radial-gradient(2.5px 2.5px at 70% 12%,#a78bfa80,#0000),radial-gradient(1px 1px at 85% 48%,#7c3aed4d,#0000),radial-gradient(2px 2px at 50% 85%,#a78bfa73,#0000),radial-gradient(1.5px 1.5px at 8% 78%,#7c3aed40,#0000);animation:1.2s .4s forwards sceneFxFadeIn,14s ease-in-out infinite sceneFxPulse}.collection-screen.active:after{background:radial-gradient(1px 1px at 10% 30%,#38bdf880,#0000),radial-gradient(1.5px 1.5px at 35% 58%,#38bdf84d,#0000),radial-gradient(1px 1px at 62% 15%,#93c5fd73,#0000),radial-gradient(2px 2px at 78% 70%,#38bdf859,#0000),radial-gradient(1px 1px at 48% 90%,#93c5fd40,#0000),radial-gradient(1.5px 1.5px at 90% 25%,#38bdf866,#0000);animation:1.2s .4s forwards sceneFxFadeIn,22s ease-in-out infinite sceneFxDriftSlow}.social-screen.active:after{background:radial-gradient(2px 2px at 14% 25%,#f9731673,#0000),radial-gradient(1px 1px at 40% 60%,#fb923c4d,#0000),radial-gradient(1.5px 1.5px at 68% 18%,#f9731666,#0000),radial-gradient(1px 1px at 88% 55%,#fb923c40,#0000),radial-gradient(2px 2px at 52% 82%,#f9731659,#0000),radial-gradient(1px 1px at 22% 90%,#fb923c33,#0000);animation:1.2s .4s forwards sceneFxFadeIn,16s ease-in-out infinite sceneFxEmberRise}.shop-screen.active:after{background:radial-gradient(2px 2px at 18% 20%,#fbbf2480,#0000),radial-gradient(1.5px 1.5px at 42% 55%,#a855f759,#0000),radial-gradient(1px 1px at 72% 10%,#fbbf2466,#0000),radial-gradient(2px 2px at 60% 78%,#a855f74d,#0000),radial-gradient(1px 1px at 88% 40%,#fbbf2459,#0000),radial-gradient(1.5px 1.5px at 30% 92%,#a855f740,#0000);animation:1.2s .4s forwards sceneFxFadeIn,12s ease-in-out infinite sceneFxShimmer}.settings-screen.active:after{background:radial-gradient(1px 1px at 15% 28%,#93c5fd59,#0000),radial-gradient(1px 1px at 42% 62%,#93c5fd33,#0000),radial-gradient(1.5px 1.5px at 68% 20%,#a78bfa4d,#0000),radial-gradient(1px 1px at 85%,#93c5fd33,#0000),radial-gradient(1px 1px at 55% 85%,#a78bfa40,#0000),radial-gradient(1px 1px at 8% 75%,#93c5fd26,#0000);animation:1.2s .4s forwards sceneFxFadeIn,26s ease-in-out infinite sceneFxDriftSlow}.battlefield.active:after{background:radial-gradient(2px 2px at 10% 15%,#ef444473,#0000),radial-gradient(1.5px 1.5px at 32% 70%,#f9731659,#0000),radial-gradient(2.5px 2.5px at 58% 8%,#ef444480,#0000),radial-gradient(1px 1px at 80% 45%,#f973164d,#0000),radial-gradient(2px 2px at 45% 90%,#ef444466,#0000),radial-gradient(1.5px 1.5px at 92% 72%,#f9731640,#0000),radial-gradient(1px 1px at 20% 52%,#fbbf2433,#0000);animation:1.2s .4s forwards sceneFxFadeIn,10s ease-in-out infinite sceneFxEmberRise}.home-screen.play-screen.active:after,.home-screen.social-screen.active:after{background:0 0;animation:none}@keyframes sceneFxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sceneFxDriftSlow{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-8px)translate(4px)}50%{transform:translateY(-3px)translate(-6px)}75%{transform:translateY(-10px)translate(2px)}}@keyframes sceneFxPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes sceneFxEmberRise{0%,to{opacity:1;transform:translateY(0)translate(0)}30%{opacity:.85;transform:translateY(-12px)translate(3px)}60%{opacity:1;transform:translateY(-6px)translate(-4px)}80%{opacity:.75;transform:translateY(-14px)translate(5px)}}@keyframes sceneFxShimmer{0%,to{opacity:1;transform:translate(0)scale(1)}33%{opacity:.8;transform:translate(5px)scale(1.02)}66%{opacity:1;transform:translate(-3px)scale(.98)}}@media (prefers-reduced-motion:reduce){.home-screen.active:after,.play-screen.active:after,.social-screen.active:after,.collection-screen.active:after,.shop-screen.active:after,.settings-screen.active:after,.battlefield.active:after{opacity:.6;animation:none!important}}.topbar,.home-screen,.battlefield,.vault-grid,.ops-grid{gap:var(--scene-gap);display:grid}.utility-grid{grid-template-columns:1fr}.vault-grid,.ops-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-content:start;min-width:0}.home-cards{gap:var(--scene-gap);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.meta-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-focus{grid-template-columns:1fr}.battlefield{z-index:1;grid-template-columns:1fr;position:relative}.nav-strip{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172cf0,#1e2f59e0);flex:none;position:relative}.nav-row{flex-wrap:wrap;gap:8px;display:flex}.scene-rail{padding:8px;z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-inline-start:calc(8px + var(--safe-left));padding-inline-end:calc(8px + var(--safe-right));padding-bottom:calc(8px + var(--safe-bottom));background:#0a0e1ceb;border:1px solid #93c5fd1f;border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid;position:relative;box-shadow:0 12px 30px #00000047}.scene-link{color:#d8e1ff;text-align:center;background:#ffffff0d;border-radius:12px;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:52px;padding:6px 4px;transition:background .2s,color .2s,transform .15s;display:grid;position:relative}.scene-link:before{content:"";opacity:.88;background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px}.scene-link[data-nav=home]:before{background-image:url(/generated/ui/particle-rune.svg)}.scene-link[data-nav=play]:before{background-image:url(/generated/ui/tile-play.svg)}.scene-link[data-nav=collection]:before{background-image:url(/generated/ui/tile-collection.svg)}.scene-link[data-nav=social]:before{background-image:url(/generated/ui/tile-social.svg)}.scene-link[data-nav=shop]:before{background-image:url(/generated/ui/tile-shop.svg)}.scene-link[data-nav=settings]:before{background-image:url(/generated/ui/tile-settings.svg)}.scene-link:hover,.scene-link:focus-visible{background:#ffffff1a}.scene-link.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 16px #7c3aed52}.scene-link-label{overflow-wrap:anywhere;max-width:100%;font-size:.72rem;font-weight:700;line-height:1.1}.nav-tile-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px;display:grid}.nav-tile{border-radius:var(--radius-lg);min-height:124px;color:var(--text);text-align:center;cursor:pointer;transition:transform var(--motion-base), box-shadow var(--motion-base), background var(--motion-base);background:linear-gradient(160deg,#7c3aed2e,#2563eb1f);border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.nav-tile:before{content:"";opacity:.18;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .2s ease-out;position:absolute;inset:0}.nav-tile>*{z-index:1;position:relative}.nav-tile-alert{box-shadow:0 0 0 1px #fbbf2438,0 10px 28px #fbbf242e}.nav-tile-notice{background:radial-gradient(circle, var(--gold-light) 0%, var(--rarity-legendary) 65%, var(--gold-dark) 100%);border-radius:50%;width:12px;height:12px;animation:1.6s ease-in-out infinite urgencyPulse;position:absolute;top:10px;right:10px;box-shadow:0 0 0 4px #fbbf241f,0 0 16px #fbbf2457}.nav-tile-play:before{background-image:url(/generated/ui/tile-play.svg)}.nav-tile-collection:before{background-image:url(/generated/ui/tile-collection.svg)}.nav-tile-social:before{background-image:url(/generated/ui/tile-social.svg)}.nav-tile-shop:before{background-image:url(/generated/ui/tile-shop.svg)}.nav-tile-settings:before{background-image:url(/generated/ui/tile-settings.svg)}.nav-tile:hover,.nav-tile:focus-visible{background:linear-gradient(160deg,#7c3aed47,#2563eb33);transform:translateY(-4px);box-shadow:0 10px 28px #7c3aed52}.nav-tile:active{transform:translateY(0)scale(.97)}.nav-tile:hover:before,.nav-tile:focus-visible:before{opacity:.32}.nav-tile-icon{font-size:1.9rem;line-height:1}.nav-tile-label{letter-spacing:.02em;font-size:1rem;font-weight:600}.nav-tile-description{color:var(--muted);font-size:.78rem;line-height:1.3}@media (prefers-reduced-motion:reduce){.nav-tile{transition:none}.nav-tile:hover,.nav-tile:focus-visible{transform:none}}.topbar{gap:8px;display:grid}.topbar-home{grid-template-columns:minmax(0,1fr);align-items:center}.topbar-art{background:linear-gradient(135deg,#0c1122f0,#19244ae6)}.topbar-home.topbar-art{background:linear-gradient(135deg,#0a0f1ebd,#151f3c9e);border:1px solid #93c5fd14;border-radius:12px}.topbar-compact-shell{padding:0 calc(2px + var(--safe-right)) 0 calc(2px + var(--safe-left));box-shadow:none;background:0 0;border:0}.topbar-compact-copy{align-items:center;min-height:18px;display:flex}.topbar-compact-copy .eyebrow{letter-spacing:.12em;margin:0;font-size:.72rem;line-height:1}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-block-home{gap:12px;min-height:52px;padding:2px 4px;padding-inline-start:calc(4px + var(--safe-left));padding-inline-end:calc(4px + var(--safe-right))}.brand-copy{gap:2px;min-width:0;display:grid}.brand-wordmark{color:#f5f7ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(1.05rem,4.2vw,1.35rem);line-height:1.05;overflow:hidden}.brand-logo{border-radius:12px;width:clamp(56px,16vw,84px);max-width:100%;height:auto;animation:6s ease-in-out infinite logoPulse;box-shadow:0 8px 20px #00000038}.brand-logo-home{border-radius:10px;width:clamp(40px,10vw,52px)}@keyframes logoPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.username-label{color:#d6def7;white-space:nowrap;font-size:.78rem}.top-actions .ghost{min-height:40px;padding:8px 12px}.top-action-toggle{min-width:92px}.season-progress-block{grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;margin-top:12px;display:grid}.progress-column{gap:8px;display:grid}.progress-shell{background:#ffffff14;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(135deg,#38bdf8,#7c3aed,#fbbf24);height:100%;transition:width .6s}.season-progress-visual{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.season-progress-ring{place-items:center;width:100px;height:100px;display:grid;position:relative}.season-progress-svg{width:100px;height:100px;transform:rotate(-90deg)}.season-progress-track,.season-progress-value{fill:none;stroke-width:8px}.season-progress-track{stroke:#ffffff1a}.season-progress-value{stroke:#fbbf24;stroke-linecap:round;transition:stroke-dashoffset .42s}.season-progress-core{text-align:center;background:radial-gradient(circle,#0c1224f5,#172347db);border-radius:50%;place-items:center;gap:4px;padding:6px;display:grid;position:absolute;inset:10px}.season-progress-core strong{font-size:.9rem}.season-progress-core .rank-badge-art{background:0 0;justify-content:center;padding:0}.season-progress-core .rank-badge-art span{display:none}.season-progress-core .rank-badge-art img{width:24px;height:24px}.turn-bar,.section-head,.hero-header,.slot-head,.card-top,.card-stats,.stepper,.mode-switch{justify-content:space-between;align-items:center;gap:10px;display:flex}.slot-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collection-screen .builder-card .slot-head strong{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.section-card,.hero-card{border:1px solid var(--border);padding:var(--card-pad);background:linear-gradient(135deg,#0e1426f0,#172347db);border-radius:18px;box-shadow:0 14px 38px #0a0e1e47}.hero-card.enemy{border-color:#f871714d}.utility-card{background:linear-gradient(135deg,#0c1224f0,#172347d6)}.spotlight-card{overflow:clip}.scene-status-panel{margin-top:var(--panel-gap);padding:var(--card-pad);background:linear-gradient(160deg,#0a101fdb,#1a2240d1);border:1px solid #93c5fd2e;border-radius:16px}.scene-header-panel{gap:var(--panel-gap);display:grid}.subview-topstrip{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ce0;border-bottom:1px solid #93c5fd1a;border-radius:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:4px 2px;display:flex;position:sticky;top:0}.subview-back-btn{min-height:32px;padding:4px 8px;font-size:.82rem}.subview-label{letter-spacing:.06em;color:#d8e1ff;text-align:right;text-transform:uppercase;font-size:.78rem;font-weight:600}.scene-header-top{align-items:center;gap:8px;display:grid}.scene-header-top.has-visual{grid-template-columns:auto 1fr}.scene-header-visual{justify-content:center;align-items:center;display:flex}.scene-header-copy{gap:4px;min-width:0;display:grid}.scene-header-copy-main{gap:2px;display:grid}.scene-header-copy-main strong{color:#f6f8ff;font-size:clamp(.92rem,2.2vw,1.06rem)}.scene-header-badges,.scene-status-grid-compact,.scene-header-subnav,.scene-header-shortcuts{margin-top:0}.scene-status-grid{gap:var(--panel-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px;display:grid}.scene-header-shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;display:grid}.scene-header-shortcut{border-radius:var(--radius-sm);color:#f5f8ff;text-align:left;background:linear-gradient(135deg,#0a101fe6,#212446c2);border:1px solid #93c5fd2e;gap:4px;min-height:74px;padding:10px 12px;display:grid;overflow:hidden}.scene-header-shortcut span{color:#c9d5f3;font-size:.82rem;line-height:1.25}.scene-status-tile{min-width:0;padding:var(--panel-gap) 8px;background:#ffffff0a;border:1px solid #93c5fd24;border-radius:10px;gap:2px;display:grid}.scene-status-tile strong{color:#f6f8ff;font-size:.88rem}.scene-status-tile.is-accent{background:linear-gradient(135deg,#573e0e57,#31220a3d);border-color:#fbbf2447}.scene-status-kicker{letter-spacing:.1em;text-transform:uppercase;color:#cbd5ff;font-size:.62rem}.spotlight-banner{border:1px solid #60a5fa33;border-radius:14px;width:100%;height:auto;margin-bottom:12px;display:block}.home-command-card{z-index:1;gap:var(--panel-gap);align-content:start;min-height:0;display:grid;position:relative}.home-command-card.home-view-quests{flex-direction:column;display:flex;overflow:hidden}.home-view-quests>.quest-ledger-panel{scrollbar-width:thin;scrollbar-color:#93c5fd59 transparent;flex:auto;align-content:start;min-height:0;overflow:hidden auto}.home-command-layout{gap:clamp(10px,1.5svh,16px);min-width:0;display:grid}.home-status-ribbon{border-radius:var(--radius-md);background:linear-gradient(135deg,#080e1eb8,#171f3985);border:1px solid #93c5fd24;grid-template-columns:minmax(0,1fr) minmax(210px,.9fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0d}.home-status-ribbon-identity{align-items:center;gap:10px;min-width:0;display:flex}.home-status-ribbon-identity>div,.home-status-ribbon-meter{gap:3px;min-width:0;display:grid}.home-status-ribbon-identity strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,2.1vw,1.24rem);line-height:1.05;overflow:hidden}.home-status-ribbon-identity>div>span{color:#dbeafe;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-status-ribbon-meter strong{color:#f8fbff;font-size:var(--font-sm)}.home-status-ribbon-meter span{color:#bfdbfe;font-size:var(--font-xs)}.home-status-ribbon-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.home-status-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.home-status-chip{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #93c5fd21;gap:2px;min-width:0;padding:7px 9px;display:grid}.home-status-chip.is-accent{background:linear-gradient(135deg,#573e0e57,#31220a3d);border-color:#fbbf2447}.home-status-chip span{color:#cbd5ff;letter-spacing:.11em;text-transform:uppercase;font-size:.6rem;font-weight:800}.home-status-chip strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.home-status-chip small{color:#d7def7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;overflow:hidden}.home-quest-board{border-radius:var(--radius-lg);background:linear-gradient(135deg,#161f39eb,#0a0e1ef0),radial-gradient(circle at 20% 0,#fbbf2429,#0000 36%);border:1px solid #fbbf2440;gap:12px;padding:clamp(14px,2.2svh,20px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 22px 48px #0206175c}.home-quest-board.is-ready{border-color:#fbbf246b;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #fbbf241f,0 24px 52px #02061761}.home-quest-board-glow{aspect-ratio:1;pointer-events:none;opacity:.34;background:radial-gradient(circle,#3b82f65c,#0000 68%);width:220px;position:absolute;inset:-25% -10% auto auto}.home-quest-board-header,.home-quest-board-footer,.home-featured-contract{z-index:1;position:relative}.home-quest-board-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-quest-board-title{align-items:center;gap:10px;min-width:0;display:flex}.home-quest-board-title img{object-fit:contain;filter:drop-shadow(0 8px 18px #fbbf242e);width:42px;height:42px}.home-quest-board-title>div{gap:2px;min-width:0;display:grid}.home-quest-board-title strong{color:#fff7d6;font-size:clamp(1.2rem,3.1vw,1.7rem);line-height:1.05}.home-quest-ready-badge{border-radius:var(--radius-sm);color:#dbeafe;min-width:72px;font-size:var(--font-xs);text-align:center;text-transform:uppercase;background:#0f172a99;border:1px solid #93c5fd24;padding:7px 10px;font-weight:900}.home-quest-ready-badge.is-ready{color:#fff7d6;background:#785a1247;border-color:#fbbf245c}.home-featured-contract{border-radius:var(--radius-md);background:#080e1e8a;border:1px solid #93c5fd26;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.home-featured-contract-copy{gap:4px;min-width:0;display:grid}.home-featured-contract-copy span,.home-featured-contract-reward span,.home-featured-contract-reward small{color:#93c5fd;font-size:var(--font-xs);text-transform:uppercase;font-weight:800}.home-featured-contract-copy strong{color:#f8fbff;font-size:clamp(1.05rem,2.3vw,1.32rem)}.home-featured-contract-copy p{color:#d7def7;font-size:var(--font-sm);margin:0}.home-featured-contract-reward{justify-items:end;gap:2px;min-width:88px;display:grid}.home-featured-contract-reward strong{color:#fff7d6;font-size:1.24rem}.home-contract-progress{background:#0f172acc;border:1px solid #93c5fd1f;border-radius:999px;grid-column:1/-1;height:9px;overflow:hidden}.home-contract-progress span{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15);min-width:8px;height:100%;display:block}.home-contract-preview-list{z-index:1;gap:6px;display:grid;position:relative}.home-contract-preview{border-radius:var(--radius-sm);background:#ffffff0b;border:1px solid #93c5fd1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.home-contract-preview>span{background:#475569b8;border:1px solid #93c5fd3d;border-radius:50%;width:10px;height:10px}.home-contract-preview>span.is-complete{background:radial-gradient(circle,#86efac 0%,#22c55e 60%,#166534 100%);border-color:#22c55e57;box-shadow:0 0 7px #22c55e52}.home-contract-preview strong{color:#eef4ff;min-width:0;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-contract-preview small{color:#bfdbfe;font-size:var(--font-xs);font-weight:800}.home-quest-board-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.home-quest-board-footer>span{color:#e0e7ff;min-width:0;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-open-ledger-cta{min-height:46px;padding-inline:18px;font-weight:900}@media (width<=720px){.home-status-ribbon{grid-template-columns:minmax(0,1fr) auto;gap:8px}.home-status-ribbon-badges{justify-content:flex-end}.home-status-ribbon-meter,.home-status-rail{grid-column:1/-1}.home-status-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.home-status-ribbon-meter span{display:none}}@media (width<=460px){.home-status-ribbon{gap:6px;padding:7px}.home-status-ribbon-identity{gap:7px}.home-rank-badge.rank-badge-art{padding:5px 8px}.home-rank-badge.rank-badge-art img{width:22px;height:22px}.home-status-ribbon-identity strong{font-size:1rem}.home-status-ribbon-identity>div>span,.home-status-ribbon-meter span{font-size:.72rem}.home-status-ribbon-meter{gap:2px}.home-status-ribbon-badges .badge{padding:5px 8px;font-size:.74rem}.home-status-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.home-status-chip{gap:1px;padding:5px 6px}.home-status-chip span{letter-spacing:.08em;font-size:.52rem}.home-status-chip strong{font-size:.78rem}.home-status-chip small{display:none}.home-quest-board{border-radius:12px;gap:8px;padding:10px}.home-quest-board-header{gap:8px}.home-quest-board-title{gap:7px}.home-quest-board-title img{width:32px;height:32px}.home-quest-board-title strong{font-size:1.1rem}.home-quest-ready-badge{min-width:64px;padding:5px 8px}.home-featured-contract{grid-template-columns:1fr;gap:7px;padding:8px}.home-featured-contract-copy{gap:2px}.home-featured-contract-copy strong{font-size:.98rem}.home-featured-contract-copy p{display:none}.home-featured-contract-reward{grid-template-columns:auto 1fr auto;place-items:center start}.home-quest-board-header,.home-quest-board-footer{grid-template-columns:1fr;align-items:stretch;display:grid}.home-quest-ready-badge{justify-self:start}.home-open-ledger-cta{width:100%}.home-contract-preview-list{display:none}}@media (height<=780px){.home-command-layout{gap:8px}.home-status-ribbon{padding-block:8px}.home-status-chip{padding-block:5px}.home-quest-board{gap:9px;padding-block:12px}.home-featured-contract{padding-block:9px}}@media (width<=380px) and (height<=680px){.home-status-rail{display:none}.home-status-ribbon-badges .badge{min-height:34px}.home-quest-board-footer>span{display:none}}.home-final-main{gap:clamp(8px,1.2svh,12px);min-width:0;display:grid}.home-final-topline{grid-template-columns:auto minmax(112px,.42fr);justify-content:space-between;align-items:start;gap:12px;display:grid}.home-rank-badge.rank-badge-art{width:fit-content}.home-final-intro{gap:5px;min-width:0;display:grid}.home-final-intro strong{color:#f7faff;font-size:clamp(1.18rem,3.4vw,1.55rem);line-height:1.05}.home-final-intro span{color:#dce6ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(1rem,2.8vw,1.35rem);line-height:1.1;overflow:hidden}.home-final-badges{margin-top:0}.home-status-list{gap:clamp(8px,1.1svh,12px);display:grid}.home-status-card.scene-status-tile{padding:clamp(10px,1.35svh,14px) 12px}.home-scene-header{align-content:start;min-height:0}.home-scene-header .scene-header-top.has-visual{grid-template-columns:auto minmax(0,1fr);gap:10px}.home-scene-header .scene-header-visual .rank-badge-art{padding:5px 8px}.home-scene-header .scene-header-visual .rank-badge-art img{width:24px;height:24px}.home-scene-header .scene-header-visual .rank-badge-art span{font-size:.78rem}.home-scene-header .scene-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,.8svh,10px);margin-top:0}.home-scene-header .scene-status-tile{align-content:start;gap:3px;padding:clamp(6px,.9svh,10px) 8px}.home-scene-header .scene-status-tile strong{font-size:clamp(.82rem,2.3vw,.98rem);line-height:1.05}.home-scene-header .scene-status-tile .mini-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.18;display:-webkit-box;overflow:hidden}.home-rating-meter{background:0 0;border:0;border-radius:0;justify-self:end;align-items:start;gap:8px;width:min(280px,100%);padding:0;display:grid}.home-rating-meter strong{color:#f6f8ff;padding:0;font-size:clamp(.88rem,2.6vw,1.05rem);font-weight:700;line-height:1.08}.home-rating-meter>.mini-text{display:none}.home-rating-copy{gap:2px;min-width:0;display:grid}.home-rating-copy strong{color:#f6f8ff;font-size:.96rem;line-height:1.05}.home-rating-copy .mini-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-rating-track{background:#ffffff1a;border-radius:999px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #93c5fd14}.home-rating-fill{border-radius:inherit;background:linear-gradient(135deg,#38bdf8,#7c3aed,#fbbf24);height:100%;transition:width .6s}.home-rating-percent{color:#f8fbff;text-align:right;min-width:42px;font-size:.82rem;font-weight:800}@media (width>=721px){.home-screen:not(.social-screen).screen-panel.active{align-items:start}.home-final-card{justify-self:center;width:min(100%,980px)}.home-final-main{grid-template-columns:minmax(0,1.05fr) minmax(260px,.78fr);grid-template-areas:"topline status""intro status""badges status";align-items:start;gap:clamp(12px,1.8svh,18px) clamp(16px,3vw,28px)}.home-final-topline{grid-area:topline;grid-template-columns:auto minmax(180px,1fr);align-items:center}.home-final-intro{grid-area:intro}.home-final-badges{grid-area:badges}.home-status-list{grid-area:status;gap:10px}.home-status-card.scene-status-tile{min-height:92px;padding:14px 16px}.home-rating-meter{align-self:center;width:min(300px,100%)}.quest-summary{grid-template-columns:auto minmax(0,1fr) auto;gap:10px 14px}}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#cbd5ff;margin:0 0 6px;font-size:.74rem}.subtitle{color:#d9d4ea;max-width:62ch;margin:0}.hero-showcase{overflow:hidden}.hero-showcase-head{grid-template-columns:88px 1fr;align-items:center;gap:14px;display:grid}.hero-avatar{background:#070c1870;border:1px solid #fbbf2459;border-radius:20px;width:88px;height:88px}.hero-copy{min-width:0}.hero-label{color:#c2b8df;font-size:.85rem}.hero-health,.stats{font-weight:800}.hero-health{font-size:1.2rem}.profile-showcase,.battle-hud-main,.battle-objective{gap:12px;display:grid}.profile-showcase,.battle-objective{grid-template-columns:72px 1fr;align-items:center}.battle-hud-main{grid-template-columns:1.3fr 1fr;align-items:center}.profile-medal,.battle-medal{background:#070c1870;border:1px solid #fbbf2442;border-radius:16px;width:72px;height:72px}.badges,.controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.difficulty-panel{background:#2563eb14;border:1px solid #93c5fd24;border-radius:14px;margin-top:12px;padding:12px}.play-command-card{flex-direction:column;gap:clamp(7px,1.1svh,12px);padding:clamp(8px,1.2svh,14px);display:flex}.play-command-card .play-readiness-panel-compact,.play-command-card .mode-card-grid,.play-command-card .difficulty-panel,.play-command-card .play-queue-stage,.play-command-card .play-live-strip{flex:none}.play-command-card .mode-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1svh,10px);margin-top:0}.play-command-card .mode-card{align-content:end;gap:4px;min-height:clamp(74px,12svh,104px);padding:clamp(8px,1.2svh,12px)}.play-command-card .mode-card .note{display:none}.play-ai-settings{border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:0;padding:8px 10px;display:grid}.difficulty-strip-head{gap:1px;min-width:118px;display:grid}.difficulty-strip-head strong{color:#f8fafc;font-size:var(--font-sm);line-height:1.1}.play-ai-settings .difficulty-chip-row{justify-content:flex-end;margin-top:0}.difficulty-row{gap:6px}.difficulty-codex-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#080e1ea8,#171f3980);border:1px solid #93c5fd24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.difficulty-codex-card strong{color:#f8fafc;font-size:var(--font-lg);margin:2px 0 4px;display:block}.difficulty-trait-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:280px;display:flex}.difficulty-trait-row span{border-radius:var(--radius-sm);color:#dbeafe;font-size:var(--font-xs);text-transform:uppercase;background:#3b82f624;border:1px solid #93c5fd24;padding:5px 7px;font-weight:800}.mode-card-grid{gap:var(--panel-gap);margin-top:var(--scene-gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.mode-card{border-radius:var(--radius-lg);border:1px solid var(--border);min-height:132px;color:var(--text);text-align:left;transition:transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast);background:linear-gradient(160deg,#0e1426f5,#182244e6);align-content:start;gap:8px;padding:14px;display:grid;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:.14;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.mode-card-ai:before{background-image:url(/generated/ui/tile-play.svg)}.mode-card-duel:before{background-image:url(/generated/ui/tile-battle.svg)}.mode-card-ranked:before{background-image:url(/generated/ui/overlay-vs.svg)}.mode-card>*{z-index:1;position:relative}.mode-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 26px #0000003d}.mode-card:active:not(:disabled){transform:translateY(0)scale(.98)}.mode-card.active{border-color:#fbbf248c;box-shadow:0 0 0 1px #fbbf243d,0 10px 28px #fbbf241f}.mode-card:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.mode-card-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#cfd8ff;font-size:.72rem}.mode-card .note{margin:0}.difficulty-chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.difficulty-chip{border-radius:var(--radius-pill);color:#dbe6ff;cursor:pointer;min-height:32px;transition:background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);background:#6366f124;padding:8px 12px}.difficulty-chip:hover:not(.active){color:var(--text);background:#6366f13d}.difficulty-chip.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 14px #7c3aed3d}.live-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.live-status-grid>div{background:#ffffff0d;border-radius:12px;padding:10px 12px}.play-entry-hint{color:#dbe7ff;background:#2563eb14;border:1px solid #93c5fd24;border-radius:12px;margin-top:0;padding:8px 12px;font-size:.88rem}.play-queue-stage{min-height:0}.play-queue-stage .play-entry-hint{justify-content:space-between;align-items:center;gap:10px;display:flex}.play-entry-hint>div{gap:2px;min-width:0;display:grid}.play-entry-hint strong{color:#f8fafc;line-height:1.2;display:block}.play-entry-hint .secondary.mini{flex:none;min-height:34px;padding:6px 10px}.play-entry-hint.ready{background:#22c55e14;border-color:#4ade802e}.play-entry-hint.warning{background:#f59e0b14;border-color:#fbbf2433}.play-action-row{gap:8px;margin-top:8px;display:flex}.play-action-row .primary,.play-action-row .secondary,.play-action-row .ghost{flex:1 1 0}.play-live-strip{color:#b9c2dd;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;margin-top:0;padding:5px 10px;font-size:.78rem;display:flex}.play-live-dot{background:#22c55e;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px #22c55e66}.play-live-label{color:#e6ecff;font-weight:600}.play-live-stat{white-space:nowrap;margin-left:auto}.leaderboard-list{gap:8px;margin-top:12px;display:grid}.leaderboard-row{background:linear-gradient(135deg,#0a1224c7,#1b254ac2);border:1px solid #93c5fd24;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 6px 18px #0000001f}.leaderboard-row:hover{border-color:#fbbf243d;transform:translateY(-1px);box-shadow:0 10px 24px #00000029}.leaderboard-meta{gap:2px;display:grid}.social-command-card{position:relative;overflow:clip}.social-command-card:after{content:"";opacity:.16;pointer-events:none;background:url(/generated/ui/particle-rune.svg) 50%/contain no-repeat;width:72px;height:72px;position:absolute;bottom:12px;right:12px}.social-command-card>*{z-index:1;position:relative}.social-info-bar{border-bottom:1px solid #93c5fd1a;justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;display:flex}.social-info-bar-label{letter-spacing:.1em;text-transform:uppercase;color:#7a8ab8;font-size:.68rem;font-weight:700}.social-info-bar .badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.social-info-bar .badge{padding:3px 8px;font-size:.72rem}.social-info-bar .badge.is-accent{color:#fff7d6;background:linear-gradient(135deg,#fbbf2438,#60a5fa29);border:1px solid #fbbf245c}.social-hero{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,#0a1224e6,#20183acc);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.social-hero strong{font-size:var(--font-md)}.collection-screen .scene-status-panel,.social-screen .scene-status-panel,.shop-screen .scene-status-panel,.settings-screen .scene-status-panel{box-shadow:inset 0 1px #fbbf240f}.social-primary-list,.shop-hub-grid,.social-hub-grid{margin-top:10px}.badge,.deck-status{color:#eff3ff;background:#5b76ff29;border-radius:999px;padding:6px 10px;font-size:.88rem}.streak-badge{position:relative;overflow:hidden}.streak-badge.streak-ember{background:linear-gradient(135deg,#f59e0b38,#ef44442e);border:1px solid #f59e0b47}.streak-badge.streak-inferno{background:linear-gradient(135deg,#fbbf2442,#ef444442);border:1px solid #fbbf2485;animation:1.8s ease-in-out infinite alternate fireGlow;box-shadow:0 0 8px #f59e0b47,0 0 18px #f59e0b24,inset 0 0 12px #fbbf241a}@keyframes fireGlow{0%{box-shadow:0 0 8px #f59e0b47,0 0 18px #f59e0b24,inset 0 0 12px #fbbf241a}to{box-shadow:0 0 12px #ef444452,0 0 24px #f59e0b38,inset 0 0 14px #fbbf2429}}.streak-badge.streak-ember:before,.streak-badge.streak-inferno:before{content:"";pointer-events:none;background:#fbbf24b3;border-radius:50%;width:4px;height:4px;animation:2.2s ease-in-out infinite emberFloat;position:absolute;top:50%;left:20%;box-shadow:8px -4px #ef444499,16px 2px #f59e0b80,24px -6px #fbbf2466}.streak-badge.streak-inferno:before{box-shadow:6px -5px #ef4444b3,14px 3px #f59e0ba6,22px -7px #fbbf2499,30px -2px #ef444480}@keyframes emberFloat{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-3px)scale(1.2)}}.streak-badge.streak-ember:after,.streak-badge.streak-inferno:after{content:"";opacity:.18;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff52,#0000);animation:2.4s linear infinite rewardSweep;position:absolute;inset:0}.deck-status.ready{background:#22c55e2e}.deck-status.warning{background:#fbbf242e}.action-icon{vertical-align:-.12em;object-fit:contain;pointer-events:none;width:1em;height:1em}.inline-stat{vertical-align:-.1em;object-fit:contain;pointer-events:none;width:.95em;height:.95em}.primary,.secondary,.ghost{border-radius:var(--radius-md);border:1px solid var(--border);min-height:44px;transition:transform var(--motion-fast), opacity var(--motion-fast), box-shadow var(--motion-fast), filter var(--motion-fast), border-color var(--motion-fast);padding:12px 16px}.primary{color:#fff;background:linear-gradient(135deg,#7c3aedeb,#2563ebe6);border-color:#a882ff6b;box-shadow:0 4px 16px #7c3aed40}.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 24px #7c3aed66}.secondary{color:var(--text);background:linear-gradient(135deg,#2563eb52,#4c1d9547)}.ghost{color:var(--muted);background:linear-gradient(135deg,#6366f129,#1e293b52)}.mini{min-width:44px;min-height:44px;padding-inline:0}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.ghost:hover:not(:disabled){transform:translateY(-1px)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.ghost:active:not(:disabled){transform:translateY(.5px)scale(.98)}.primary:disabled,.secondary:disabled,.ghost:disabled,.hand-card:disabled,.slot:disabled{opacity:.55}.battle-arena-frame{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a101ff5,#1f2d58eb);grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:6px;padding:10px;display:grid;position:relative;overflow:hidden}.battle-fx-canvas{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.battle-hero-anchor{z-index:3;border-radius:var(--radius-md);min-height:36px;transition:box-shadow var(--motion-fast), border-color var(--motion-fast);background:#080e1ec2;border:1px solid #93c5fd24;align-items:center;gap:8px;padding:5px 10px;display:flex;position:relative;overflow:hidden}.battle-hero-anchor.enemy{border-color:#f8717138}.battle-hero-anchor.player{border-color:#93c5fd38}.battle-hero-side{letter-spacing:.1em;text-transform:uppercase;color:#dbe6ff99;flex-shrink:0;font-size:.58rem;font-weight:700}.battle-hero-anchor.enemy .battle-hero-side{color:#fecacab8}.battle-hero-name{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:.82rem;overflow:hidden}.battle-hero-hp{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:inline-flex}.battle-hero-anchor.enemy .battle-hero-hp{color:#fca5a5}.battle-hero-anchor.player .battle-hero-hp{color:var(--text)}.battle-hero-resource{color:#dbe6ff;white-space:nowrap;background:#2563eb24;border:1px solid #93c5fd29;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.battle-hero-resource.momentum{color:#fff4d4;background:#fbbf241f;border-color:#fbbf242e}.battle-action-dock{z-index:3;gap:6px;display:flex}.battle-action-dock>button{flex:1 1 0;min-width:0;min-height:34px;padding:5px 4px;font-size:.78rem}.pip-row{flex-wrap:wrap;gap:6px;display:flex}.pip{background:url(/generated/ui/pip-mana-empty.svg) 50%/contain no-repeat;border-radius:999px;width:16px;height:16px;transition:transform .2s,filter .3s,box-shadow .3s}.pip.filled{background:url(/generated/ui/pip-mana-filled.svg) 50%/contain no-repeat;box-shadow:0 0 12px #38bdf859}.pip.momentum{background:url(/generated/ui/pip-momentum-empty.svg) 50%/contain no-repeat}.pip.momentum.filled{background:url(/generated/ui/pip-momentum-filled.svg) 50%/contain no-repeat;box-shadow:0 0 12px #fbbf2459}.battle-overlay-stack{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;top:10px;left:0;right:0}.enemy-turn-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#7c3aedf0,#c026d3e6);border:1px solid #e9d5ff57;border-radius:14px;width:min(100% - 24px,330px);padding:8px 12px;animation:.7s ease-in-out infinite alternate banner-pulse;box-shadow:0 12px 28px #1e0c3c57}.enemy-turn-banner-floating{margin:0;position:relative}.enemy-turn-banner-inner{justify-content:center;align-items:center;gap:10px;display:flex}.enemy-turn-crest{filter:drop-shadow(0 0 8px #ffffff3d);background:url(/generated/ui/icon-guard.svg) 50%/contain no-repeat;border-radius:50%;width:26px;height:26px}.enemy-turn-copy{text-align:left;gap:2px;display:grid}.enemy-turn-copy strong{color:#fff;font-size:.88rem}.enemy-turn-label{color:#efe9ff;text-shadow:0 1px 4px #0006;font-size:.82rem;font-weight:700}@keyframes banner-pulse{0%{opacity:.85;transform:translateY(0)}to{opacity:1;transform:translateY(2px)}}.summary-popup-overlay{z-index:18;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;touch-action:pan-y;background:#060a1699;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden}.summary-popup-card{background:linear-gradient(#0c1223fa,#1b223ef5);border:1px solid #93c5fd2e;gap:12px;width:min(100%,430px);display:grid;box-shadow:0 18px 48px #060a1675}.summary-popup-victory{border-color:#4ade8057}.summary-popup-defeat{border-color:#f871714d}.summary-popup-draw{border-color:#fbbf2442}.summary-popup-reward{border-color:#93c5fd4d;box-shadow:0 18px 48px #060a1675,0 0 32px #93c5fd14}.summary-popup-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.summary-popup-head h2,.summary-popup-note{margin:0}.summary-popup-highlights{gap:8px}.summary-popup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.summary-popup-actions.is-single-action{grid-template-columns:minmax(0,1fr)}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.battlefield-stage{height:100%;min-height:0;overflow:hidden}.battle-board-stack{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:8px;height:100%;min-height:clamp(220px,42svh,360px);padding:0;display:grid}.battlefield-side{gap:4px;min-height:0;display:grid}.battle-side-head{margin-bottom:0}.battle-centerline{background:linear-gradient(135deg,#0c1224e0,#1c223cbd);border:1px solid #93c5fd29;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto;padding:3px 10px;display:flex}.battle-center-hero-slot{border-radius:var(--radius-sm);background:#fbbf2412;border:1px solid #fbbf2429;justify-content:center;align-items:center;min-width:92px;min-height:28px;display:inline-flex}.battle-center-hero-button{border-radius:var(--radius-sm);color:#fff7d6;text-transform:uppercase;background:linear-gradient(135deg,#b4530994,#7f1d1d85);border:1px solid #fbbf246b;min-width:88px;min-height:28px;padding:4px 8px;font-size:.66rem;font-weight:900;box-shadow:0 0 16px #fbbf2424}.battle-center-hero-hint{color:#dbe6ffa8;letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:800}.battle-center-turn{letter-spacing:.08em;color:#fbbf24bf;flex-shrink:0;font-size:.62rem;font-weight:700}.battle-center-note{letter-spacing:.04em;color:#dbe6ff;text-align:center;text-transform:uppercase;font-size:.69rem}.battle-center-phase{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:.58rem;font-weight:700}.battle-center-phase.is-player-turn{color:#93c5fd;background:#2563eb40}.battle-center-phase.is-enemy-turn{color:#fca5a5;background:#dc262633}.board-grid-battle .slot{min-height:86px;padding:3px;overflow:hidden}.board-grid-battle .unit-portrait{object-fit:cover;z-index:0;filter:brightness(.78);border:none;border-radius:9px;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.board-grid-battle .slot-head{z-index:1;background:linear-gradient(#0000 0%,#000000e0 100%);border-radius:0 0 10px 10px;justify-content:space-between;align-items:flex-end;gap:3px;padding:12px 5px 4px;font-size:.6rem;position:absolute;bottom:0;left:0;right:0}.battlefield-divider{margin:2px 0;display:none}.slot{text-align:left;color:#f9fbff;border:2px solid var(--rarity-color,var(--border));touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#27335cf5,#181f3af5);border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:70px;padding:8px 10px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.slot:hover:not(:disabled):not(.empty){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.slot.empty{color:#d6def7;text-align:center;background:#1a1f3685;border-style:dashed;border-color:#93c5fd47;justify-content:center;font-size:.76rem}.slot.selected{outline:2px solid #67e8f9;animation:1s ease-in-out infinite selectPulse;box-shadow:0 0 0 2px #67e8f92e,0 12px 24px #22d3ee2e}.slot.is-attack-dragging{z-index:4;border-color:#fbbf24d1;box-shadow:0 0 0 2px #fbbf2438,0 0 22px #f8717138}@keyframes selectPulse{0%,to{box-shadow:0 0 0 2px #67e8f92e,0 12px 24px #22d3ee2e}50%{box-shadow:0 0 0 4px #67e8f94d,0 12px 28px #22d3ee4d}}.slot.exhausted{opacity:.65;filter:saturate(.6)}.slot.guard{border-color:#fde047b3;box-shadow:inset 0 0 12px #fde04726}.unit-portrait{object-fit:cover;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none;background:#070c1a8c;border:1px solid #fbbf243d;border-radius:12px;width:100%;height:48px}.rarity-common{--rarity-color:var(--rarity-common)}.rarity-rare{--rarity-color:var(--rarity-rare)}.rarity-epic{--rarity-color:var(--rarity-epic)}.rarity-legendary{--rarity-color:var(--rarity-legendary)}.rarity-rare .slot-head strong,.rarity-rare .card-name{color:#93c5fd}.rarity-epic .slot-head strong,.rarity-epic .card-name{color:#d8b4fe}.rarity-legendary .slot-head strong,.rarity-legendary .card-name{color:var(--gold-light)}.rarity-legendary{box-shadow:0 0 16px #fbbf2433}.rarity-legendary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fbbf2426,#0000 60%);position:absolute;inset:-1px}.rarity-gem{text-transform:capitalize;align-items:center;gap:6px;margin-bottom:2px;font-size:.72rem;font-weight:700;display:inline-flex}.rarity-gem-icon{flex:none;width:14px;height:14px}.deck-rarity-summary{align-items:center;gap:6px;display:inline-flex}.tribe-badge{color:#c0c8e0;text-transform:capitalize;background:#ffffff14;border-radius:6px;padding:2px 6px;font-size:.75rem}.card-meta-row{align-items:center;gap:6px;margin-top:2px;display:flex}.effect-badge{text-overflow:ellipsis;white-space:nowrap;color:#e0d4ff;letter-spacing:.02em;background:linear-gradient(90deg,#7c3aed80,#c026d366);border-radius:8px;align-items:center;gap:6px;max-width:100%;margin-top:2px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden}.effect-icon{flex:none;width:14px;height:14px}.effect-badge.small{padding:1px 6px;font-size:.7rem}.effect-badge.icon-only{background:#0d1428db;border:1px solid #c026d357;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:inline-grid;box-shadow:0 4px 12px #070c183d}.effect-badge.icon-only .effect-icon{width:14px;height:14px}.battle-slot-effect{z-index:2;position:absolute;top:5px;right:5px}.card-top-meta{align-items:center;gap:6px;display:inline-flex}.battle-hand-effect{z-index:2;position:absolute;top:6px;right:6px}.hand-section{z-index:2;flex:none;gap:6px;min-height:0;max-height:min(24svh,172px);display:grid;position:relative}.hand-fan-stage{grid-template-rows:auto minmax(0,1fr);gap:6px;height:100%;display:grid;overflow:hidden}.battle-hand-rail{--battle-hand-top-clearance:20px;--battle-hand-bottom-clearance:12px;min-height:0;block-size:min(27svh,198px);background:linear-gradient(#090d18f5,#141e38f0);border:1px solid #93c5fd1f;border-radius:16px 16px 14px 14px;max-height:none;margin-top:-2px;padding:4px 8px 8px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 -10px 24px #080c182e}.hand-rail-head{display:none}.hand-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.hand-fan-grid{min-height:0;padding:var(--battle-hand-top-clearance) 8px var(--battle-hand-bottom-clearance) 2px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;align-items:end;gap:0;scroll-padding-inline:10px;display:flex;overflow:auto hidden}.hand-fan-grid.is-drag-active{overflow-x:hidden}.hand-fan-grid::-webkit-scrollbar{display:none}.hand-card{color:#fff;text-align:left;border:2px solid var(--rarity-color,var(--border));touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:142px;transform:rotate(var(--fan-tilt,0deg));z-index:var(--fan-order,1);background:linear-gradient(#312a54f5,#16182ef5);border-radius:12px;flex-direction:column;justify-content:space-between;gap:4px;padding:8px 10px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #060a1647}.hand-fan-grid .hand-card{scroll-snap-align:center;flex:0 0 118px;margin-left:-32px}.hand-fan-grid .hand-card:first-child{margin-left:0}.battle-hand-rail .hand-card{transform:translateY(8px) rotate(var(--fan-tilt,0deg))}.battle-hand-rail .hand-card:hover:not(:disabled){transform:translateY(6px)scale(1.03)rotate(0)}.battle-hand-rail .hand-card:active:not(:disabled):not(.is-dragging){transition:transform 60ms ease-out,box-shadow 60ms ease-out;transform:translateY(6px)scale(.97)rotate(0);box-shadow:0 2px 8px #060a1680}.hand-card:hover:not(:disabled){box-shadow:0 18px 40px #060a1666, 0 0 16px var(--rarity-color,transparent);z-index:8;transform:translateY(-18px)rotate(0)scale(1.05)}.hand-card.unplayable{opacity:.55}.hand-card.rarity-legendary{background:linear-gradient(#503c14f5,#1e180af5)}.hand-card.rarity-epic{background:linear-gradient(#3c1e50f5,#1c122ef5)}.cost-pill{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:999px;place-items:center;width:32px;height:32px;font-weight:800;display:inline-grid;box-shadow:0 2px 8px #38bdf84d}.card-name{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;margin-bottom:4px;font-size:.92rem;display:-webkit-box;overflow:hidden}.card-top{z-index:1;position:relative}.card-stats{font-size:.92rem;font-weight:700}.card-stats span,.battle-stats-inline span,.hero-health,.rank-badge-art,.badge-with-art{align-items:center;gap:4px;display:inline-flex}.battle-stats-inline{gap:8px}.stat-icon{flex:none;width:14px;height:14px}.rank-badge-art{color:#eff3ff;background:#5b76ff29;border-radius:999px;padding:4px 8px;font-size:.88rem}.rank-badge-art img{width:18px;height:18px;display:block}.rank-badge-inline{justify-self:end}.pack-offer-card{align-content:start;position:relative;overflow:hidden}.claim-ready{border-color:#fbbf243d;box-shadow:0 0 0 1px #fbbf241f,0 12px 26px #2414052e}.reward-vault-card.claim-ready{border-color:#fbbf2447;box-shadow:0 0 0 1px #fbbf2429,0 16px 38px #2414053d}.reward-vault-card.claim-ready .primary{animation:1.8s ease-in-out infinite urgencyPulse}.shop-market-card{flex-direction:column;flex:auto;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.shop-market.shop-screen.screen-panel.active>.shop-market-card{flex:auto;min-height:0}.shop-market-ledger{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.shop-market-title{gap:2px;min-width:0;display:grid}.shop-market-title strong{color:#f8fbff;font-size:clamp(1rem,2.4vw,1.18rem)}.shop-resource-strip{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.shop-resource-chip{color:#e8eeff;white-space:nowrap;background:#5b76ff21;border:1px solid #93c5fd29;border-radius:999px;align-items:baseline;gap:5px;min-height:30px;padding:5px 9px;font-size:.78rem;display:inline-flex}.shop-resource-chip strong{color:#fff7d6;font-size:.9rem}.shop-resource-chip.is-accent{background:linear-gradient(135deg,#573e0e6b,#31220a47);border-color:#fbbf245c}.shop-nav-strip{scrollbar-width:none;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.shop-nav-strip::-webkit-scrollbar{display:none}.shop-nav-strip button{border-radius:var(--radius-sm);color:#cbd8f4;text-transform:uppercase;background:linear-gradient(135deg,#080e1ead,#171f398a);border:1px solid #93c5fd29;flex:none;min-height:34px;padding:7px 11px;font-size:.82rem;font-weight:800}.shop-nav-strip button.active{color:#fff7d6;background:linear-gradient(135deg,#fbbf2429,#60a5fa24);border-color:#fbbf247a}.shop-hub-surface,.shop-section-panel{flex:auto;gap:12px;min-height:0;display:grid}.shop-hub-surface{grid-template-rows:auto minmax(0,1fr)}@media (width>=820px){.shop-hub-surface{grid-template-rows:auto;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-content:start;align-items:start}}.shop-section-panel{overscroll-behavior:contain;flex:auto;padding-right:2px;overflow-y:auto}.shop-section-panel::-webkit-scrollbar{width:6px}.shop-section-panel::-webkit-scrollbar-thumb{background:#93c5fd47;border-radius:999px}.shop-feature-panel{background:linear-gradient(135deg,#422d0c70,#12182ccc);border:1px solid #fbbf2433;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.shop-feature-vault{align-items:center}.shop-vault-actions,.reward-vault-action-center{justify-content:center;margin-top:0}.shop-vault-actions button{min-width:124px}@media (width>=820px){.shop-feature-panel{grid-template-columns:1fr;align-content:start;min-height:0;padding:18px}}.shop-vault-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.shop-vault-stat-strip span{color:#cfd8ff;background:#ffffff0b;border:1px solid #fbbf2424;border-radius:12px;gap:2px;min-width:0;padding:8px;font-size:.76rem;display:grid}.shop-feature-panel strong{color:#fff8dc;margin-top:2px;font-size:clamp(1rem,2.4vw,1.16rem);display:block}.shop-feature-panel .shop-vault-stat-strip strong{color:#fff4c4;text-overflow:ellipsis;white-space:normal;margin:0;font-size:.84rem;line-height:1.15;overflow:hidden}.shop-feature-panel .note{margin:4px 0 0}.reward-vault-card{grid-template-columns:minmax(0,1fr);place-content:start stretch;align-items:stretch;overflow:hidden auto}.reward-vault-card .shop-section-toolbar{grid-template-columns:minmax(72px,auto) minmax(0,1fr) minmax(72px,auto)}.reward-vault-card .shop-section-toolbar strong{text-align:center;justify-self:center}.reward-vault-card .shop-section-toolbar .badge{justify-self:end}.reward-vault-console{box-sizing:border-box;background:linear-gradient(150deg,#47300e94,#080e1de0 46%,#162141b8),linear-gradient(90deg,#fbbf2414,#0000 35%,#60a5fa14);border:1px solid #fbbf2438;border-radius:14px;align-content:start;justify-items:center;gap:14px;width:100%;min-height:0;padding:clamp(12px,2.4vw,22px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 18px 42px #0003}.reward-vault-stage{grid-template-columns:minmax(140px,.72fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2.4vw,24px);width:min(100%,720px);display:grid}.reward-vault-medallion{isolation:isolate;aspect-ratio:1;text-align:center;background:linear-gradient(145deg,#131c36f5,#523a11c2);border:1px solid #fbbf2461;border-radius:18px;align-content:center;justify-self:center;place-items:center;width:min(184px,42vw);padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #fbbf241a,0 16px 34px #00000047}.reward-vault-medallion:before{content:"";z-index:-1;opacity:.2;background:url(/generated/ui/tile-shop.svg) 50%/contain no-repeat;position:absolute;inset:14px}.reward-vault-medallion span{color:#dbe5ff;text-transform:uppercase;font-size:.72rem;font-weight:800}.reward-vault-medallion strong{color:#fff6cc;text-shadow:0 0 24px #fbbf242e;font-size:clamp(2.55rem,7vw,4.4rem);line-height:.95}.reward-vault-copy{gap:6px;min-width:0;display:grid}.reward-vault-state{border-radius:var(--radius-sm);color:#fff0b6;text-transform:uppercase;background:#fbbf241a;border:1px solid #fbbf243d;justify-self:start;padding:5px 9px;font-size:.68rem;font-weight:900}.reward-vault-copy strong{color:#f8fbff;font-size:clamp(1.32rem,3.8vw,2.05rem);line-height:1.05}.reward-vault-copy .note{max-width:48ch;margin:0}.reward-vault-action-center{gap:10px;width:min(100%,560px)}.reward-vault-action-center button{flex:180px;min-height:42px}.reward-vault-card.is-charging .reward-vault-primary,.reward-vault-primary:disabled{opacity:.68}.reward-vault-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,720px);display:grid}.reward-vault-rule{border-radius:var(--radius-sm);color:#cfd8ff;text-align:center;text-transform:uppercase;background:#080e1e7a;border:1px solid #93c5fd24;gap:2px;min-width:0;padding:8px 10px;font-size:.74rem;font-weight:800;display:grid}.reward-vault-rule strong{color:#fff6cc;font-size:1rem}.shop-hub-panels{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(108px,1fr);gap:10px;display:grid}@media (width>=820px){.shop-hub-panels{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(164px,auto)}}.shop-hub-panel{text-align:left;color:#f5f8ff;background:linear-gradient(150deg,#0a101fe6,#222648b8);border:1px solid #93c5fd29;border-radius:14px;align-content:start;gap:6px;min-height:108px;padding:13px;display:grid;position:relative;overflow:hidden}.shop-hub-panel:before{content:"";opacity:.18;pointer-events:none;background:linear-gradient(135deg,#fbbf24b3,#5b76ffb8);border-radius:16px;width:48px;height:48px;position:absolute;inset:auto 12px 12px auto;transform:rotate(10deg)}.shop-hub-panel:after{content:"";pointer-events:none;opacity:.42;background:radial-gradient(circle at 100% 0,#93c5fd1f,#0000 48%);position:absolute;inset:0}.shop-hub-panel>*{z-index:1;position:relative}.shop-hub-panel:hover,.shop-hub-panel:focus-visible{filter:brightness(1.06);border-color:#fbbf2452}.shop-hub-panel-packs:before{opacity:.34;background:url(/generated/ui/pack-standard.svg) 50%/contain no-repeat;transform:none}.shop-hub-panel-themes:before{background:linear-gradient(135deg,#fbbf24bd,#a78bfac2)}.shop-hub-panel-borders:before{background:linear-gradient(135deg,#0f172a14,#3b82f66b);border:2px solid #93c5fd9e}.shop-hub-panel-breakdown:before{background:linear-gradient(135deg,#2dd4bf9e,#fbbf24ad)}.shop-hub-panel-kicker{color:#dbe5ff;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0d;border:1px solid #93c5fd24;border-radius:999px;justify-self:start;padding:4px 8px;font-size:.62rem;font-weight:700;line-height:1}.shop-hub-panel strong{color:#f7f9ff;font-size:clamp(.96rem,1.9vw,1.12rem)}.shop-hub-panel>span:not(.shop-hub-panel-kicker){color:#c9d5f3;font-size:.82rem}.shop-hub-panel-stat{align-self:end;margin-top:4px;color:#fff3c4!important;font-size:.74rem!important}@media (width>=820px){.shop-hub-panel{min-height:0;padding:16px}}.shop-section-toolbar{z-index:2;background:linear-gradient(#0c1224fa,#0c1224d1);border-bottom:1px solid #93c5fd1f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0 8px;display:grid;position:sticky;top:0}.shop-section-toolbar strong{text-overflow:ellipsis;white-space:nowrap;color:#f8fbff;min-width:0;overflow:hidden}.shop-breakdown-list{margin-top:0}.shop-hero{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,#0a1224e6,#20183acc);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.shop-hero strong{font-size:var(--font-md)}.shop-hero .note{color:#cfd8ff;flex:100%;margin:0}.pack-offer-card:after{content:"";pointer-events:none;background:radial-gradient(circle at top,#fbbf2414,#0000 58%);position:absolute;inset:0}.pack-offer-art{filter:drop-shadow(0 10px 20px #00000047);width:min(170px,100%);margin:0 auto;display:block}.pack-reveal-stage{background:linear-gradient(160deg,#120e24f0,#20183ae0);border:1px solid #93c5fd2e;border-radius:16px;margin-top:14px;padding:12px}.pack-reveal-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:10px;display:grid}.pack-reveal-card{border:1px solid var(--rarity-color,var(--border));background:linear-gradient(#16182ef5,#0c1020f5);border-radius:14px;gap:8px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000038}.pack-reveal-card:hover{transform:translateY(-2px)}.pack-reveal-glow{opacity:.18;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px}.pack-reveal-glow-common{background-image:url(/generated/ui/glow-common.svg)}.pack-reveal-glow-rare{background-image:url(/generated/ui/glow-rare.svg)}.pack-reveal-glow-epic{background-image:url(/generated/ui/glow-epic.svg)}.pack-reveal-glow-legendary{background-image:url(/generated/ui/glow-legendary.svg)}.pack-reveal-art-shell{z-index:1;height:74px;position:relative}.pack-reveal-meta{z-index:1;gap:4px;display:grid;position:relative}.new-card-badge{background:linear-gradient(135deg,#fbbf2447,#f59e0b52);border:1px solid #fbbf2457}.card-art-shell{background:linear-gradient(135deg,#0a1224f2,#172347b3);border:1px solid #fbbf2438;border-radius:14px;height:92px;overflow:hidden}.card-art-shell.large{height:104px}.card-art-shell.thumb{border-radius:10px;height:52px}.card-illustration{object-fit:cover;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .3s;display:block}.hand-card:hover .card-illustration,.builder-card:hover .card-illustration{transform:scale(1.08)}.preset-row{margin-top:12px}.builder-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0;margin-top:6px;display:grid}.builder-card{border:2px solid var(--rarity-color,var(--border));-webkit-touch-callout:none;background:linear-gradient(#1e2340fa,#121529fa);border-radius:16px;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-width:0;min-height:200px;padding:8px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.builder-card-preview{box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:inherit;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;gap:4px;padding:0;display:grid;overflow:hidden}.builder-card-meta-compact{display:none}.builder-card-preview:focus-visible{outline-offset:2px;outline:2px solid #67e8f9}.builder-card-footnote{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.builder-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.builder-card.rarity-legendary{background:linear-gradient(#3c3010fa,#1c160afa)}.builder-card.rarity-epic{background:linear-gradient(#301840fa,#181026fa)}.builder-card.locked{opacity:.72;filter:saturate(.75)}.stepper{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.count-chip{text-align:center;min-width:28px;font-weight:800}.note,.mini-text,.card-text{color:#d7def7}.note{font-size:.92rem}.mini-text,.card-text{font-size:.88rem;line-height:1.35}.card-text.clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.summary-card{background:linear-gradient(135deg,#101526f5,#26315ce0);position:relative;overflow:hidden}.battle-result-card:before{content:"";pointer-events:none;opacity:.18;background-position:100%;background-repeat:no-repeat;background-size:220px;position:absolute;inset:0}.battle-result-card.result-victory{border-color:#22c55e3d}.battle-result-card.result-victory:before{background-image:url(/generated/ui/overlay-victory.svg)}.battle-result-card.result-defeat{border-color:#f871713d}.battle-result-card.result-defeat:before{background-image:url(/generated/ui/overlay-defeat.svg)}.battle-result-card.result-draw{border-color:#94a3b83d}.battle-result-card.result-draw:before{background-image:url(/generated/ui/overlay-draw.svg)}.battle-result-card .section-head,.battle-result-card .summary-grid{z-index:1;position:relative}.summary-grid{grid-template-columns:1.2fr auto;align-items:center;gap:14px;margin-top:10px;display:grid}.reward-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.reward-summary-tile{background:#2d1e0a5c;border:1px solid #fbbf2429;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.reward-streak-ember{box-shadow:0 22px 60px #f59e0b29}.reward-streak-inferno{box-shadow:0 22px 60px #f59e0b42}.season-framing{letter-spacing:.04em;text-transform:uppercase;color:#fcd34d}.season-countdown{font-size:var(--font-xs);color:#fcd34db3;text-transform:none;letter-spacing:normal;font-weight:400}.log-heading{margin-top:16px}.log-list li{color:#edf3ff}.quest-list,.log-list{gap:8px;margin:10px 0 0;padding-left:18px;display:grid}.quest-list{padding-left:0;list-style:none}.quest-item{align-items:center;gap:8px;display:flex}.quest-check{background:#1e293bb3;border:1px solid #93c5fd38;border-radius:50%;flex:none;width:14px;height:14px}.quest-check.complete{background:radial-gradient(circle,#86efac 0%,#22c55e 60%,#166534 100%);box-shadow:0 0 10px #22c55e47}.quest-check.pending{background:#475569b3}.quest-summary{padding:var(--panel-gap) 10px;margin-top:var(--panel-gap);width:100%;color:inherit;text-align:left;cursor:pointer;background:#1e293b80;border:1px solid #93c5fd1a;border-radius:10px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}button.quest-summary{font:inherit}button.quest-summary:hover,button.quest-summary:focus-visible{border-color:#60a5fa52;box-shadow:0 0 0 1px #60a5fa29,0 12px 28px #0206173d}.quest-summary.claim-ready{background:#3c321440;border-color:#fbbf243d}.quest-summary.just-claimed{position:relative}.quest-summary.just-claimed:before{content:"✓";color:#22c55ee6;border-radius:inherit;z-index:2;pointer-events:none;background:#0a101fbf;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;animation:1.8s ease-out forwards claimCheck;display:flex;position:absolute;inset:0}@keyframes claimCheck{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.2)}30%{transform:scale(1)}70%{opacity:1}to{opacity:0}}.quest-pips{flex:none;gap:5px;display:flex}.quest-pip{background:#475569b3;border:1px solid #93c5fd38;border-radius:50%;width:10px;height:10px;transition:background .2s,box-shadow .2s}.quest-pip.complete{background:radial-gradient(circle,#86efac 0%,#22c55e 60%,#166534 100%);border-color:#22c55e4d;box-shadow:0 0 6px #22c55e4d}.quest-count{color:#b9c2dd;white-space:nowrap;flex:auto;font-size:.82rem}.quest-next{color:#d7def7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.quest-reward-hint{color:#d6def7;background:#ffffff0f;border:1px solid #93c5fd24;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem}.quest-reward-hint.ready{color:#fef3c7;background:#785a123d;border-color:#fbbf2447}.quest-ledger-panel{gap:12px;min-height:0;display:grid}.quest-ledger-toolbar,.quest-ledger-hero,.quest-ledger-card{background:linear-gradient(135deg,#080e1eb8,#171f398f);border:1px solid #93c5fd24;box-shadow:inset 0 1px #ffffff0d,0 18px 36px #02061740}.quest-ledger-toolbar{border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.quest-ledger-toolbar>div{gap:2px;min-width:0;display:grid}.quest-ledger-toolbar strong{color:#f8fafc;font-size:var(--font-md)}.quest-ledger-hero{border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.quest-ledger-hero-medallion{aspect-ratio:1;background:radial-gradient(circle,#fbbf242e,#0f172ad1);border:1px solid #fbbf2433;border-radius:50%;place-items:center;width:94px;display:grid;position:relative}.quest-ledger-hero-medallion img{opacity:.28;object-fit:contain;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.quest-ledger-hero-medallion strong,.quest-ledger-hero-medallion span{z-index:1;position:relative}.quest-ledger-hero-medallion strong{color:#fff7d6;font-size:1.8rem;line-height:1}.quest-ledger-hero-medallion span{color:#f8e7b8;font-size:var(--font-xs);text-transform:uppercase;font-weight:800}.quest-ledger-hero-copy{gap:4px;min-width:0;display:grid}.quest-ledger-hero-copy strong{color:#f8fafc;font-size:clamp(1rem,2vw,1.32rem)}.quest-ledger-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.quest-ledger-tabs button{border-radius:var(--radius-sm);color:#cbd5e1;min-height:38px;font-size:var(--font-xs);text-transform:uppercase;background:linear-gradient(135deg,#080e1ead,#171f398a);border:1px solid #93c5fd24;font-weight:800}.quest-ledger-tabs button.active{color:#fff7d6;background:linear-gradient(135deg,#92400e9e,#2563eb4d);border-color:#fbbf2457}.quest-claim-all-row{justify-content:flex-end;display:flex}.quest-ledger-list{gap:8px;display:grid}.quest-ledger-card{border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.quest-ledger-card.is-complete{border-color:#22c55e3d}.quest-ledger-card.is-claimed{opacity:.72}.quest-ledger-card-icon{aspect-ratio:1;border-radius:var(--radius-sm);background:#0f172ab8;border:1px solid #93c5fd24;place-items:center;width:52px;display:grid}.quest-ledger-card-icon img{object-fit:contain;width:34px;height:34px}.quest-ledger-card-main,.quest-ledger-card-title,.quest-ledger-card-reward{min-width:0;display:grid}.quest-ledger-card-main{gap:6px}.quest-ledger-card-title{gap:1px}.quest-ledger-card-title span,.quest-ledger-card-reward span{color:#94a3b8;font-size:var(--font-xs);text-transform:uppercase;font-weight:800}.quest-ledger-card-title strong{color:#f8fafc}.quest-ledger-card-main p{color:#cbd5e1;font-size:var(--font-sm);margin:0}.quest-progress-track{background:#0f172abf;border:1px solid #93c5fd1f;border-radius:999px;height:8px;overflow:hidden}.quest-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15);min-width:8px;height:100%;display:block}.quest-ledger-card-reward{justify-items:end;gap:4px;min-width:92px}.quest-ledger-card-reward strong{color:#fff7d6;font-size:1.05rem}.quest-state-chip{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #93c5fd1f;padding:3px 6px}.quest-state-chip.is-ready{color:#dcfce7;background:#1665343d;border-color:#22c55e47}.quest-ledger-empty{color:#cbd5e1;border-radius:var(--radius-md);border:1px dashed #93c5fd2e;justify-items:center;gap:4px;padding:18px;display:grid}.home-focus-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.log-panel{min-width:0}.queue-overlay{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050912b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.intro-overlay{background:#070a149e}.reward-overlay{background:#100c04ad}.intro-versus-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.intro-side{text-align:center;justify-items:center;gap:6px;display:grid}.intro-side-card{background:linear-gradient(135deg,#0b1222d6,#222444c7);border:1px solid #93c5fd2e;border-radius:14px;padding:10px 12px}.intro-callout{margin-top:10px}.intro-vs-art{filter:drop-shadow(0 12px 22px #00000057);width:min(180px,40vw);animation:.32s ease-out vsSlam;display:block}.reward-banner-art{filter:drop-shadow(0 12px 24px #00000047);width:min(240px,82%);margin:0 auto;display:block}@keyframes vsSlam{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.queue-modal{background:linear-gradient(135deg,#0a101ffa,#1f2d58eb);gap:14px;width:min(100%,420px);animation:.22s modalPop;display:grid;box-shadow:0 24px 60px #0000006b}.intro-modal{text-align:center;border-color:#60a5fa47}.reward-modal{text-align:center;background:linear-gradient(135deg,#241808fa,#583a12e6);border-color:#fbbf245c}.reward-art{filter:drop-shadow(0 12px 24px #00000047);width:min(180px,60%);margin:0 auto;display:block}.vault-hero{width:min(220px,70%)}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.queue-spinner{border:4px solid #38bdf8;border-color:#38bdf8 #7c3aed #ffffff1f #ffffff1f;border-radius:50%;width:62px;height:62px;margin:4px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinCounter{to{transform:rotate(-360deg)}}.overlay-preview{background:#070c1870;border:1px solid #60a5fa2e;border-radius:14px;padding:12px}.matchmaking-card{background:#0a101f6b;border:1px solid #93c5fd2e;border-radius:16px;margin-top:12px;padding:12px}.queue-pill{color:#eff3ff;border-radius:999px;padding:6px 10px;font-size:.84rem}.queue-pill.idle{background:#94a3b83d}.queue-pill.searching{background:#38bdf838}.queue-pill.found{background:#22c55e38}.opponent-preview{gap:4px;margin:10px 0;display:grid}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.theme-offer-card{background:#080e1e6b;border:1px solid #93c5fd2e;border-radius:16px;gap:10px;padding:12px;transition:transform .2s;display:grid}.theme-offer-card:hover{transform:translateY(-2px)}.theme-swatch{border:1px solid #ffffff14;border-radius:14px;height:64px}.shop-plan-list{color:#edf3ff;gap:10px;margin:8px 0 0;padding-left:18px;display:grid}.asset-preview-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.asset-preview-thumb{aspect-ratio:1;object-fit:cover;background:#070c1a99;border:1px solid #fbbf2438;border-radius:12px;width:100%}.settings-screen.screen-panel.active{justify-content:flex-start;align-items:center;gap:0;display:flex;overflow:hidden}.app-shell:not(.battle-shell-active) .scene-stage>.settings-screen.screen-panel.active{overflow:hidden}.settings-command-card{isolation:isolate;background:linear-gradient(135deg,#050914,#121426),linear-gradient(#93c5fd0d,#070c1a24);grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(100%,980px);min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 56px #0000005c,inset 0 1px #93c5fd1f,inset 0 0 0 1px #070c1ab3}.settings-command-card:after{content:"";z-index:0;opacity:.035;pointer-events:none;background:url(/generated/ui/particle-rune.svg) 50%/contain no-repeat;width:96px;height:96px;position:absolute;bottom:14px;right:14px}.settings-command-card.settings-view-preferences:after,.settings-command-card.settings-view-account:after{opacity:0}.settings-command-card.settings-view-admin:after{opacity:.04}.settings-command-card>*{z-index:1;min-width:0;position:relative}.settings-command-ledger{border-radius:var(--radius-md);background:linear-gradient(135deg,#070c1a,#171f39);border:1px solid #93c5fd29;grid-template-columns:minmax(160px,.85fr) minmax(0,1.7fr);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.settings-command-title{gap:2px;min-width:0;display:grid}.settings-command-title strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.settings-command-kicker{color:#9fb1d5;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.settings-status-strip{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.settings-status-chip{color:#d9e5ff;text-overflow:ellipsis;white-space:nowrap;background:#070c1a7a;border:1px solid #93c5fd2e;border-radius:999px;align-items:center;max-width:150px;min-height:28px;padding:5px 9px;font-size:.78rem;display:inline-flex;overflow:hidden}.settings-nav-strip,.social-nav-strip,.settings-admin-nav{gap:8px;display:grid}.settings-nav-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}.social-nav-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,80px),1fr))}.settings-nav-strip button,.social-nav-strip button,.settings-admin-nav button{border-radius:var(--radius-sm);color:#cbd8f4;min-width:0;min-height:34px;font-size:var(--font-xs);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#080e1ead,#171f398a);border:1px solid #93c5fd29;padding:7px 10px;font-weight:800;line-height:1.08;overflow:hidden}.settings-nav-strip button.active,.social-nav-strip button.active,.settings-admin-nav button.active{color:#fff7d6;background:linear-gradient(135deg,#fbbf2429,#60a5fa24);border-color:#fbbf247a}.settings-section-panel{overscroll-behavior:contain;border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:#93c5fd59 transparent;background:linear-gradient(#030712,#070c1a);gap:10px;width:100%;min-width:0;max-width:100%;min-height:0;padding-bottom:14px;padding-right:2px;display:grid;overflow:hidden auto}.settings-section-panel::-webkit-scrollbar{width:6px}.settings-section-panel::-webkit-scrollbar-thumb{background:#93c5fd59;border-radius:999px}.settings-section-panel::-webkit-scrollbar-track{background:0 0}.settings-section-toolbar{border-radius:var(--radius-md);background:#070c1a7a;border:1px solid #93c5fd29;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.settings-section-toolbar>div{gap:1px;min-width:0;display:grid}.settings-section-toolbar strong{color:#f8fbff;font-size:.96rem}.settings-section-toolbar span:not(.badge):not(.support-seal){color:#a8b7d8;font-size:.78rem}.settings-toggle-list{gap:8px;margin:0;display:grid}.settings-toggle-row{border-radius:var(--radius-sm);min-height:50px;font-size:var(--font-sm);background:linear-gradient(135deg,#040812,#0d1222);border:1px solid #93c5fd29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff09}.settings-toggle-copy{gap:2px;min-width:0;display:grid}.settings-toggle-label{color:#f5f8ff;font-weight:700}.settings-install-hint{text-align:left;min-width:0}.settings-toggle-note{color:#9fb1d5;line-height:1.25}.settings-toggle-action{justify-content:flex-end;align-items:center;min-width:0;display:flex}.settings-toggle-action .ghost.mini,.settings-toggle-action .badge{text-align:center;white-space:nowrap;width:auto;min-width:86px;max-width:180px;padding-inline:14px}.settings-toggle-action .ghost.mini{color:#dbe7ff;background:linear-gradient(135deg,#1e294beb,#11182ee0);border-color:#93c5fd3d}.settings-toggle-action .ghost.mini:not(.muted){color:#edf4ff;border-color:#60a5fa57}.settings-toggle-action .badge{text-overflow:ellipsis;justify-content:center;min-height:38px;display:inline-flex;overflow:hidden}.settings-toggle-row-danger{background:linear-gradient(135deg,#0e080d,#14101f);border-color:#f871713d;grid-template-columns:minmax(0,1fr) minmax(112px,max-content);align-items:center;min-height:64px;padding:9px 14px}.settings-toggle-row-danger .settings-toggle-label{color:#fee2e2;line-height:1.1}.settings-toggle-row-danger .settings-toggle-action .ghost.mini{color:#fee2e2;background:linear-gradient(135deg,#4e1826a8,#1d1220eb);border-color:#f8717157;justify-content:center;align-items:center;min-width:112px;max-width:128px;min-height:44px;padding-inline:16px;display:inline-flex}.settings-toggle-row-danger .settings-toggle-action .ghost.mini:hover:not(:disabled){border-color:#f871718a;box-shadow:0 6px 18px #7f1d1d2e}.auth-install-hint{text-align:center;margin-top:10px}.settings-toggle-row .muted,.settings-toggle-row button.muted{color:var(--muted)}.settings-passkey-list{gap:8px;display:grid}.settings-passkey-row{border-radius:var(--radius-sm);background:linear-gradient(135deg,#070c1a,#0d1222);border:1px solid #94a3b838;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.settings-passkey-row>div{gap:2px;min-width:0;display:grid}.settings-passkey-row strong,.settings-passkey-row span{overflow-wrap:anywhere}.settings-account-block .section-head{flex-direction:row;align-items:center}.settings-account-block .section-head .ghost.mini,.settings-passkey-row .ghost.mini,.passkey-device-link-actions .ghost.mini{width:auto;min-width:max-content;padding-inline:14px}.settings-passkey-row .ghost.mini{min-width:86px}.warning-line{color:var(--gold-light)}.passkey-device-link-actions{justify-content:flex-start}.passkey-device-link-box{gap:8px;min-width:0;display:grid}.settings-account-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.settings-account-block{border-radius:var(--radius-sm);background:linear-gradient(135deg,#070c1a,#0d1222);border:1px solid #94a3b838;align-content:start;gap:10px;padding:12px;display:grid}.settings-account-facts{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:7px 10px;display:grid}.settings-account-facts span,.settings-session-row span{color:var(--muted)}.settings-account-facts strong{overflow-wrap:anywhere;text-align:right}.settings-session-list{gap:8px;display:grid}.settings-session-row{border-radius:var(--radius-sm);background:linear-gradient(135deg,#0b1020,#11182c);border:1px solid #94a3b82e;gap:2px;padding:9px;display:grid}.settings-subnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.settings-subnav .badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.settings-subnav button{flex:none;margin-left:auto}.settings-view-note{margin:0}.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.preference-tile{background:linear-gradient(135deg,#0a101fe6,#212446c2);border:1px solid #93c5fd2e;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #fbbf240f}.settings-support-panel .complaint-form{border-radius:var(--radius-md);background:linear-gradient(135deg,#141108,#1d160a);border:1px solid #fbbf2424;padding:12px}.settings-support-panel .text-input{background:linear-gradient(135deg,#21180ed1,#3c2a1299);border-color:#fbbf2438}.support-seal{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.support-seal.severity-low{color:#e2e8f0;background:#94a3b833;border:1px solid #94a3b859}.support-seal.severity-normal{color:#dbeafe;background:#60a5fa33;border:1px solid #60a5fa59}.support-seal.severity-high{color:#fde68a;background:#fbbf2433;border:1px solid #fbbf2461}.support-seal.severity-urgent{color:#fee2e2;background:#f8717138;border:1px solid #f8717166}.scribe-console{background:linear-gradient(135deg,#0c1224f5,#1d1830eb)}.settings-command-card .scribe-console{border-radius:var(--radius-md);background:linear-gradient(135deg,#070c1a,#0f1426);border:1px solid #93c5fd1a}.scribe-console .admin-panel-block{background:linear-gradient(135deg,#080e1eeb,#1c1c34db);box-shadow:inset 0 1px #fbbf240f}.settings-admin-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr));min-width:0}.admin-console-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-console-head .mini{border-radius:var(--radius-sm);min-width:72px;min-height:34px;font-size:var(--font-xs);text-transform:uppercase;padding:7px 10px;font-weight:800}.maintenance-toggle{background:#3a191957;border:1px solid #f8717133;border-radius:12px;padding:10px 12px}.maintenance-toggle input{accent-color:#fbbf24}.complaint-form,.form-stack,.ticket-list{gap:10px;min-width:0;display:grid}.social-inline-form{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:10px;display:grid}.social-list{gap:8px;margin-top:10px;display:grid}.social-row{background:linear-gradient(135deg,#0b1222cc,#1c264ab8);border:1px solid #93c5fd26;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:transform .16s,border-color .16s;display:grid}.social-row:hover{border-color:#fbbf2438;transform:translateY(-1px)}.social-clan-block{background:#080e1e5c;border:1px solid #93c5fd29;border-radius:14px;margin-top:8px;padding:10px}.clan-tag-field{text-align:center;text-transform:uppercase;max-width:88px}.form-row,.admin-columns,.admin-auth-row,.insight-grid{gap:10px;display:grid}.split-fields,.admin-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-auth-row{grid-template-columns:1fr auto;align-items:center}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-field{color:#eef3ff;gap:6px;display:grid}.text-input{color:#f8fbff;width:100%;font:inherit;background:#070c1a99;border:1px solid #93c5fd3d;border-radius:12px;padding:10px 12px;transition:border-color .2s}.text-input:focus{border-color:var(--accent);outline:none}.text-area{resize:vertical;min-height:110px}.checkbox-row{color:#eaf0ff;align-items:center;gap:8px;display:flex}.admin-console{grid-column:span 2;gap:12px;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.admin-banner-art{background:#080e1e99;border:1px solid #60a5fa38;border-radius:16px;width:100%;height:auto}.admin-panel-block{background:#080e1ec7;border:1px solid #93c5fd2e;border-radius:16px;gap:10px;width:100%;min-width:0;max-width:100%;padding:12px;display:grid}.admin-panel-block>*,.ticket-list>*{min-width:0}.recovery-request-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.stat-tile{background:linear-gradient(135deg,#151f3af2,#273a6eb8);border:1px solid #60a5fa33;border-radius:14px;gap:4px;padding:12px;display:grid}.stat-tile strong{font-size:1.25rem}.stats-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stats-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;min-width:0;padding-bottom:6px;display:flex}.stats-list span{overflow-wrap:anywhere;min-width:0}.ticket-card{background:#070c18c7;border:1px solid #93c5fd2e;border-radius:14px;gap:8px;width:100%;min-width:0;max-width:100%;padding:12px;display:grid}.ticket-card-head{align-items:flex-start;min-width:0}.ticket-card-head strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;min-width:0;overflow:visible}.ticket-card .queue-pill{overflow-wrap:anywhere;text-align:center;text-transform:capitalize;white-space:normal;flex:0 auto;max-width:100%}.ticket-detail-text,.ticket-updates .mini-text{overflow-wrap:anywhere;white-space:normal;min-width:0}.ticket-badges{min-width:0;margin-top:4px}.ticket-badges .badge{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;min-width:0;max-width:100%}.ticket-actions{margin-top:4px}.ticket-actions button{flex:132px;min-width:0}.ticket-updates{border-radius:var(--radius-sm);background:#0f172a85;gap:4px;min-width:0;padding:8px;display:grid}.admin-role-block{gap:14px}.role-badge{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.role-badge.role-owner{color:#fde68a;background:linear-gradient(135deg,#facc1542,#d9770638);border-color:#facc1580}.role-badge.role-admin{color:#bfdbfe;background:linear-gradient(135deg,#60a5fa38,#2563eb38);border-color:#60a5fa8c}.role-badge.role-user{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b866}.role-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.role-row{background:#080e1e80;border:1px solid #93c5fd24;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.role-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.role-identity strong{font-size:.95rem}.audit-list{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.audit-row{background:#080e1e73;border:1px solid #93c5fd1f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}button.danger{color:#fff5f5;background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);border-color:#ef4444a6}button.danger:hover{filter:brightness(1.08)}.presence-dot{vertical-align:middle;background:#475569;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.presence-dot.online{background:#34d399;box-shadow:0 0 6px #34d39999}.presence-dot.offline{background:#475569}.challenge-banner{background:linear-gradient(135deg,#10b9812e,#0596691f);border:1px solid #34d39959;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.challenge-banner.outgoing{background:#1e293b8c;border-color:#94a3b84d}.challenge-banner.incoming{animation:1.6s ease-in-out infinite challenge-pulse}@keyframes challenge-pulse{0%,to{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 8px #34d39900}}@keyframes urgencyPulse{0%,to{transform:scale(1);box-shadow:0 0 #fbbf2433}50%{transform:scale(1.04);box-shadow:0 0 0 8px #fbbf2400}}@keyframes rewardSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.social-trade-block{background:linear-gradient(135deg,#0a101fe6,#1d243ec2);border:1px solid #93c5fd2e;border-radius:14px;gap:8px;margin-top:8px;padding:10px;display:grid;box-shadow:inset 0 1px #fbbf2414}.social-trade-block code{background:#0f172aa6;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.trade-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trade-row{background:linear-gradient(135deg,#080e1ecc,#1a1f36bd);border:1px solid #93c5fd26;border-radius:12px;gap:6px;padding:10px 12px;display:grid;box-shadow:0 6px 16px #0000001f}.trade-identity{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge.trade-status-pending{color:#fde68a;background:#facc1533;border-color:#facc1573}.badge.trade-status-accepted{color:#bbf7d0;background:#34d39933;border-color:#34d39973}.badge.trade-status-rejected,.badge.trade-status-cancelled,.badge.trade-status-expired{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b866}@keyframes cardPlay{0%{opacity:0;transform:translateY(40px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes damageFlash{0%{filter:brightness()}25%{filter:brightness(2)saturate(2)}50%{filter:brightness(.6)hue-rotate(340deg)}to{filter:brightness()}}@keyframes deathFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)rotate(5deg)}}@keyframes legendaryShine{0%{background-position:-200%}to{background-position:200%}}.slot:not(.empty){animation:.3s ease-out cardPlay}.slot.damage-flash{animation:.4s ease-out damageFlash!important}.hand-card{animation:.25s ease-out cardPlay}.rarity-legendary .card-name,.rarity-legendary .slot-head strong{background:linear-gradient(90deg,#fde68a,#fbbf24,#f59e0b,#fde68a) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite legendaryShine}@media (width<=900px){.vault-grid,.ops-grid,.meta-grid,.footer-grid,.season-progress-block,.summary-grid,.split-fields,.preference-grid,.admin-columns,.admin-auth-row,.insight-grid,.reward-summary-grid,.battle-hud-main,.profile-showcase,.battle-objective,.battle-action-row,.scene-status-grid{grid-template-columns:1fr}.battle-topbar{position:relative;top:auto}.battle-heroes-compact{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.battle-heroes-compact .hero-compact{flex:none;padding:8px 10px}.battle-turn-label{order:0;align-content:center;padding:4px 0}.battle-action-dock{flex-wrap:wrap}.admin-console{grid-column:span 1}.asset-preview-row{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-direction:column;align-items:stretch}.topbar-home{grid-template-columns:1fr;align-items:stretch}.top-actions{justify-content:flex-start}}@media (width<=640px){:root{--scene-gap:clamp(8px, 1.5svh, 16px);--card-pad:clamp(10px, 1.4svh, 16px);--panel-gap:clamp(4px, .8svh, 10px)}.app-shell{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}.topbar-home{gap:6px}.brand-wordmark{font-size:clamp(1.35rem,6.2vw,1.8rem);line-height:1}.top-actions{gap:6px}.top-actions .ghost{min-height:38px;padding:7px 10px}.username-label,.subtitle{display:none}.brand-block-home{gap:9px;min-height:62px;padding:0 0 2px}.brand-logo:not(.brand-logo-home){width:min(156px,44vw)}.brand-logo-home{width:clamp(48px,13vw,62px)}.topbar-home.topbar-art{box-shadow:none;background:0 0;border-color:#0000}.section-card,.hero-card{border-radius:14px;box-shadow:0 10px 26px #0a0e1e38}.section-head,.hero-header{gap:6px}.nav-strip{padding:10px}.season-progress-block{grid-template-columns:1fr auto;gap:10px;margin-top:8px}.season-progress-visual{gap:10px}.season-progress-ring,.season-progress-svg{width:72px;height:72px}.season-progress-core{inset:8px}.season-progress-core strong{font-size:.75rem}.season-progress-block>div:first-child .note{display:none}.progress-shell{height:10px}.play-live-strip{flex-wrap:wrap;gap:6px;margin-top:6px;padding:4px 6px;font-size:.72rem}.play-readiness-head{flex-direction:row;justify-content:space-between;align-items:center;gap:6px}.play-readiness-panel-compact{margin-top:6px;padding:8px}.play-readiness-panel-compact .scene-header-top.has-visual{grid-template-columns:auto minmax(0,1fr);gap:8px}.play-readiness-panel-compact .scene-header-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.play-readiness-panel-compact .scene-header-copy-main strong{font-size:clamp(1rem,4.2vw,1.18rem)}.play-readiness-panel-compact .scene-header-copy-main .note{font-size:.88rem}.play-readiness-panel-compact .scene-header-badges{justify-self:end}.play-readiness-panel-compact .scene-status-grid,.play-status-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.play-readiness-panel-compact .scene-status-tile,.play-status-grid-compact .scene-status-tile{gap:2px;padding:6px 7px}.play-readiness-panel-compact .scene-status-kicker,.play-status-grid-compact .scene-status-kicker{letter-spacing:.08em;font-size:.56rem}.play-readiness-panel-compact .scene-status-tile strong,.play-status-grid-compact .scene-status-tile strong{font-size:.84rem;line-height:1.05}.play-readiness-panel-compact .scene-status-tile .mini-text,.play-status-grid-compact .mini-text{font-size:.62rem;line-height:1.15}.scene-rail{padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));gap:4px}.scene-link{min-height:48px;padding:5px 2px}.scene-link-label{font-size:.68rem}.home-focus-strip{gap:6px;margin-top:8px}.scene-status-panel{margin-top:8px;padding:10px}.scene-status-grid{gap:8px;margin-top:8px}.scene-status-tile{padding:8px 10px}.home-command-card{gap:8px;padding:clamp(9px,1.2svh,12px)}.home-final-main{gap:9px}.home-final-topline{grid-template-columns:auto minmax(126px,35vw);gap:10px}.home-rank-badge.rank-badge-art{border-radius:999px;padding:7px 12px}.home-rank-badge.rank-badge-art img{width:24px;height:24px}.home-final-intro{gap:4px}.home-final-intro strong{font-size:clamp(1.08rem,5.2vw,1.35rem)}.home-final-intro span{font-size:clamp(.94rem,4.6vw,1.18rem)}.home-final-badges{gap:10px}.home-final-badges .badge{border-radius:999px;padding:7px 13px;font-size:clamp(.84rem,3.8vw,1rem)}.home-status-list{gap:9px}.home-status-card.scene-status-tile{border-radius:12px;gap:4px;padding:10px 12px}.home-status-card .scene-status-kicker{letter-spacing:.14em;font-size:clamp(.64rem,2.7vw,.78rem)}.home-status-card strong{font-size:clamp(.98rem,4.2vw,1.16rem);line-height:1.05}.home-status-card .mini-text{color:#dce3f7;font-size:clamp(.82rem,3.7vw,1rem);line-height:1.18}.home-rating-meter{width:min(246px,100%)}.home-rating-track{height:8px}.home-rating-meter strong{white-space:nowrap;padding:0;font-size:clamp(.82rem,3.5vw,1rem)}.nav-tile-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.nav-tile{gap:4px;min-height:80px;padding:12px 8px}.nav-tile-label{font-size:.88rem}.nav-tile-description{display:none}.game-resume-block{margin:6px 0;padding:10px}.quest-summary{border-radius:12px;grid-template-columns:1fr;align-items:start;gap:7px;margin-top:4px;padding:9px 12px 10px}.quest-pips{gap:6px}.quest-pip{width:11px;height:11px}.quest-count{font-size:clamp(.9rem,3.8vw,1.04rem)}.quest-next{display:none}.quest-reward-hint{text-align:left;border-radius:999px;justify-self:stretch;width:100%;padding:7px 12px;font-size:clamp(.84rem,3.7vw,1rem)}.quest-ledger-toolbar,.quest-ledger-hero,.quest-ledger-card{border-radius:10px}.quest-ledger-hero{grid-template-columns:auto 1fr;gap:10px;padding:8px 10px}.quest-ledger-hero-medallion{justify-self:start;width:60px}.quest-ledger-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-ledger-card{grid-template-columns:auto minmax(0,1fr)}.quest-ledger-card-reward{grid-column:1/-1;grid-template-columns:auto auto 1fr auto;place-items:center start}.quest-ledger-card-reward button{min-height:34px;font-size:var(--font-xs);justify-self:end;padding-block:7px}.play-command-card{gap:6px;padding:7px}.mode-card{gap:3px;min-height:76px;padding:8px 6px}.mode-card .note{display:none}.play-mode-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}.play-mode-grid-compact .mode-card-eyebrow{letter-spacing:.08em;font-size:.56rem}.play-mode-grid-compact .mode-card strong{font-size:.9rem;line-height:1.05}.difficulty-panel{margin-top:0;padding:6px 8px}.difficulty-panel .note{font-size:.76rem}.difficulty-codex-card{grid-template-columns:1fr}.difficulty-trait-row{justify-content:flex-start;max-width:none}.play-ai-settings{grid-template-columns:1fr;gap:5px}.difficulty-strip-head{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.play-ai-settings .difficulty-chip-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.difficulty-chip{border-radius:var(--radius-sm);min-height:34px;padding:6px 5px;font-size:.68rem}.play-entry-hint{padding:7px 9px;font-size:.76rem;display:flex}.play-live-strip{flex-wrap:nowrap;gap:5px;padding:4px 6px;font-size:.68rem;display:flex}.play-live-label,.play-live-stat{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-live-stat{margin-left:auto}.play-action-row{margin-top:6px}.play-action-row button,.play-entry-hint .secondary.mini{min-height:32px;padding:5px 8px;font-size:.72rem}.queue-search-portal{gap:8px;margin-top:0;padding:8px}.queue-portal-ring{width:72px;height:72px}.queue-portal-core{font-size:.8rem}.queue-portal-copy{gap:5px}.queue-portal-copy h3{font-size:.96rem}.live-status-grid{gap:6px;margin-top:0}.live-status-grid>div{padding:6px 8px}.live-status-grid .note{margin:0;font-size:.66rem}.queue-leave-btn{min-height:32px;padding:5px 10px;font-size:.72rem}.mode-switch,.stepper{flex-wrap:wrap}.slot{min-height:88px;padding:7px}.battle-arena-frame{gap:6px;padding:8px}.battle-hero-anchor{gap:6px;min-height:30px;padding:4px 8px}.battle-hero-name,.battle-hero-hp{font-size:.76rem}.battle-hero-resource{padding:1px 5px;font-size:.66rem}.battle-board-stack{gap:6px;min-height:clamp(200px,38svh,300px)}.board-grid-battle .slot{min-height:68px;padding:0}.board-grid-battle .slot .effect-badge:not(.icon-only){display:none}.battle-centerline{flex-direction:row;align-items:center;gap:6px;padding:3px 6px}.battle-center-hero-slot{min-width:72px;min-height:26px}.battle-center-hero-button{min-width:68px;min-height:26px;padding:3px 6px;font-size:.58rem}.battle-center-hero-hint{font-size:.52rem}.battle-center-note{font-size:.62rem}.battle-center-turn{font-size:.56rem}.battle-center-phase{padding:1px 4px;font-size:.52rem}.battle-action-dock{gap:4px}.battle-action-dock>button{min-height:34px;padding:5px 3px;font-size:.74rem}.queue-modal{width:100%}.battle-hand-rail{--battle-hand-top-clearance:16px;--battle-hand-bottom-clearance:8px;block-size:min(22svh,154px);max-height:none;margin-top:-4px;padding:2px 6px 6px}.hand-rail-head .mini-text{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.hand-card{gap:3px;min-height:108px;padding:6px 8px}.hand-card .card-name{-webkit-line-clamp:2;min-height:2.2em;margin-bottom:0;font-size:.68rem;line-height:1.08}.hand-card .card-art-shell.thumb{height:40px}.hand-card .cost-pill{width:26px;height:26px;font-size:.8rem}.hand-card .card-stats{font-size:.78rem}.hand-fan-grid .hand-card{flex-basis:102px;margin-left:0}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-screen .builder-card{border-radius:14px;min-height:184px;padding:6px}.collection-screen .builder-card-preview,.collection-screen .builder-card-preview>*,.collection-screen .builder-card .slot-head,.collection-screen .builder-card .card-meta-row,.collection-screen .builder-card .card-stats,.collection-screen .builder-card .builder-card-footnote,.collection-screen .builder-card .stepper{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.collection-screen .builder-card .card-art-shell{border-radius:12px;height:78px}.collection-screen .builder-card .slot-head,.collection-screen .builder-card .card-meta-row,.collection-screen .builder-card .card-stats{gap:4px}.collection-screen .builder-card .slot-head strong{font-size:.78rem;line-height:1.15}.collection-screen .builder-card .stats,.collection-screen .builder-card .card-stats{font-size:.8rem}.collection-screen .builder-card .rarity-gem{flex:0 auto;gap:3px;min-width:0;margin-bottom:0}.collection-screen .builder-card .rarity-gem span{display:none}.collection-screen .builder-card .rarity-gem-icon,.collection-screen .builder-card .stat-icon,.collection-screen .builder-card .effect-icon{width:12px;height:12px}.collection-screen .builder-card-meta-full{display:none}.collection-screen .builder-card-meta-compact{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;display:inline-block;overflow:hidden}.collection-screen .builder-card .effect-badge{border-radius:999px;place-items:center;width:22px;height:22px;padding:0;display:inline-grid}.collection-screen .builder-card .effect-badge span{display:none}.collection-screen .builder-card .stepper{justify-content:space-between;gap:3px}.collection-screen .builder-card .stepper .ghost.mini{border-radius:10px;width:34px;min-width:34px;height:34px;padding:0}.collection-screen .builder-card .count-chip{min-width:24px;font-size:.86rem}.collection-hero{gap:8px;padding:6px 8px}.collection-progress-ring,.collection-progress-svg{width:40px;height:40px}.collection-progress-core{inset:4px}.collection-progress-core strong{font-size:.6rem}.collection-hero-stats{font-size:var(--font-xs);gap:6px}.collection-rarity-chips{gap:4px}.deck-roster{max-height:none;padding:6px 8px;overflow-y:visible}.deck-roster-list{grid-template-columns:1fr;gap:4px}.builder-toolbar,.deck-stats{gap:6px;padding:4px 8px}.builder-grid{gap:6px}.collection-action-row{margin:6px 0 4px}.collection-quick-strip{padding:4px 8px}.social-hero{gap:6px;padding:6px 8px}.social-hero strong{font-size:var(--font-sm)}.leaderboard-list,.social-list{gap:4px;max-height:none;margin-top:6px;padding-right:2px;overflow-y:visible}.social-screen .utility-card{overscroll-behavior:contain;max-height:none;overflow-y:visible}.shop-market-card{max-height:none;overflow:visible}.shop-market-card.shop-view-hub{height:auto;min-height:100%;overflow:visible}.shop-market-card.shop-view-hub .shop-hub-surface{padding-bottom:14px;overflow:visible}.shop-market-card.shop-view-hub .shop-hub-panels{grid-auto-rows:minmax(108px,auto)}.social-clan-block,.social-trade-block{max-height:none;margin-top:6px;padding:8px;overflow-y:visible}.social-row{gap:6px;padding:6px 8px}.shop-market-ledger{grid-template-columns:1fr;gap:8px}.shop-resource-strip{justify-content:flex-start}.shop-resource-chip{min-height:28px;font-size:var(--font-xs);padding:4px 8px}.shop-nav-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.shop-nav-strip button{width:100%;min-height:32px;font-size:var(--font-xs);padding:6px 8px}.social-nav-strip{flex-wrap:wrap;gap:6px;display:flex}.social-nav-strip button{text-align:center;flex:calc(33.33% - 6px);min-width:calc(33.33% - 6px);min-height:32px;padding:6px 4px;font-size:.68rem}.shop-feature-panel{grid-template-columns:1fr;padding:9px 10px}.shop-vault-stat-strip{display:none}.shop-feature-panel .controls{justify-content:center}.shop-vault-actions{width:100%}.shop-vault-actions button{flex:130px}.shop-feature-panel .note{margin-top:2px;line-height:1.35}.shop-hub-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-hub-panel{gap:5px;min-height:100px;padding:9px 10px}.shop-hub-panel:before{opacity:.16;width:36px;height:36px;inset:auto 10px 10px auto}.shop-hub-panel-packs:before{opacity:.28}.shop-hub-panel>span:not(.shop-hub-panel-kicker){font-size:.76rem}.shop-hub-panel-stat{display:none}.shop-section-panel{gap:8px}.reward-vault-console{gap:10px;width:100%;padding:10px}.reward-vault-stage{text-align:center;grid-template-columns:1fr;gap:10px}.reward-vault-medallion{width:min(132px,44vw);padding:10px}.reward-vault-copy{justify-items:center}.reward-vault-state{justify-self:center}.reward-vault-copy .note{max-width:34ch}.reward-vault-action-center{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reward-vault-action-center button{width:100%;min-width:0}.reward-vault-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (height<=720px){.reward-vault-card .shop-section-toolbar{padding:4px 0 5px}.reward-vault-console{gap:8px;padding:8px}.reward-vault-stage{text-align:center;grid-template-columns:1fr;gap:8px}.reward-vault-medallion{border-radius:14px;width:min(108px,31vw)}.reward-vault-medallion span{font-size:.62rem}.reward-vault-medallion strong{font-size:2.1rem}.reward-vault-copy{justify-items:center;gap:4px}.reward-vault-copy strong{font-size:1.05rem}.reward-vault-copy .note{display:none}.reward-vault-action-center{gap:6px}.reward-vault-action-center button{min-height:36px;padding:6px 8px;font-size:.74rem}.reward-vault-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.reward-vault-rule{padding:6px 4px;font-size:.62rem}.reward-vault-rule strong{font-size:.88rem}}.shop-section-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.shop-section-toolbar .badge{justify-self:end;padding:5px 8px;font-size:.74rem}.shop-hero{gap:6px;padding:6px 8px}.shop-hero strong{font-size:var(--font-sm)}.theme-grid-shop-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));grid-auto-flow:row;gap:8px;width:100%;padding-bottom:0;display:grid;overflow:visible}.theme-grid-shop-fit .theme-offer-card{flex:initial;gap:6px;width:100%;min-width:0;padding:8px}.pack-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:0;display:grid;overflow:visible}.pack-reveal-card{flex:initial;min-width:0}.settings-command-card{gap:8px;height:100%;min-height:100%;max-height:100%;overflow:hidden}.settings-command-ledger{grid-template-columns:1fr;gap:8px;padding:8px 10px}.settings-status-strip{justify-content:flex-start}.settings-status-chip{min-height:27px;padding:4px 8px;font-size:.72rem}.settings-nav-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:6px}.settings-nav-strip button,.social-nav-strip button,.settings-admin-nav button{min-height:44px;padding:8px 7px;font-size:.72rem}.settings-section-panel{gap:8px;padding-bottom:18px;overflow:hidden auto}.settings-section-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;min-height:36px;padding:6px 8px}.settings-section-toolbar strong{font-size:var(--font-sm)}.shop-hub-grid,.social-hub-grid{margin-top:6px}.settings-toggle-list{gap:6px;margin:0}.settings-toggle-row{min-height:46px;font-size:var(--font-xs);grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.settings-toggle-row-danger{grid-template-columns:minmax(0,1fr) 112px;min-height:64px;padding:9px 10px}.settings-toggle-row-danger .settings-toggle-action .ghost.mini{width:112px;min-width:112px;max-width:112px;min-height:44px;padding-inline:12px;font-size:.86rem}.settings-toggle-copy{gap:1px}.settings-toggle-note{font-size:.72rem}.settings-toggle-action .ghost.mini,.settings-toggle-action .badge{min-width:72px;max-width:128px;min-height:38px;padding-inline:10px;font-size:.76rem}.settings-support-panel .complaint-form{padding:8px}.settings-admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-request-summary{grid-template-columns:1fr}.admin-panel-block{gap:8px;padding:8px}.role-list{max-height:none;overflow:visible}.social-inline-form,.social-row{grid-template-columns:1fr}}@media (width<=400px){:root{--scene-gap:clamp(6px, 1.2svh, 12px);--card-pad:clamp(8px, 1.2svh, 14px);--panel-gap:clamp(4px, .6svh, 8px)}.app-shell{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}.scene-rail{gap:3px}.scene-link{min-height:44px;padding:4px 2px}.scene-link:before{width:14px;height:14px}.scene-link-label{font-size:.64rem}.brand-logo-home{width:clamp(44px,13vw,54px)}.brand-block-home{min-height:58px}.brand-wordmark{font-size:clamp(1.28rem,6vw,1.58rem)}.home-status-card.scene-status-tile{padding:9px 11px}.home-status-card strong{font-size:.96rem}.home-status-card .mini-text,.home-rating-meter strong{font-size:.82rem}.play-readiness-panel-compact .scene-status-grid,.play-status-grid-compact,.play-mode-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.play-status-grid-compact .mini-text{display:none}.play-mode-grid-compact .mode-card strong{font-size:.82rem}.theme-grid-shop-fit,.pack-reveal-grid{grid-template-columns:1fr}.hand-grid,.builder-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.auth-card{padding:24px 16px}.hero-avatar{width:64px;height:64px}.profile-medal{width:56px;height:56px}}@media (width<=720px) and (height<=760px){.app-shell{gap:6px}.topbar-home.topbar-art{border-color:#93c5fd0f}.brand-block-home{min-height:56px}.brand-logo-home{width:46px}.brand-wordmark{font-size:clamp(1.34rem,5.6vw,1.72rem)}.home-final-main{gap:6px}.home-final-topline{grid-template-columns:auto minmax(112px,34vw)}.home-final-intro{gap:4px}.home-final-intro strong{font-size:1rem}.home-final-intro span{font-size:.88rem}.home-final-badges .badge{padding:5px 10px;font-size:.8rem}.home-status-list{gap:6px}.home-status-card.scene-status-tile{gap:2px;padding:7px 10px}.home-status-card .scene-status-kicker{font-size:.62rem}.home-status-card strong{font-size:.88rem}.home-status-card .mini-text{font-size:.72rem}.home-rating-track{height:8px}.home-rating-meter strong{font-size:.7rem}.home-rating-meter{gap:5px}.home-command-card{gap:6px;padding:7px}.home-scene-header{gap:5px}.home-scene-header .scene-header-top.has-visual{gap:7px}.home-scene-header .scene-header-badges{gap:5px}.home-scene-header .scene-header-badges .badge{padding:4px 7px;font-size:.72rem}.home-scene-header .scene-status-grid{gap:5px}.home-scene-header .scene-status-tile{padding:5px 7px}.home-rating-meter{padding:0}.quest-summary{gap:5px;padding:6px 8px}.quest-pips{gap:5px}.quest-pip{width:10px;height:10px}.quest-count{font-size:.82rem}.quest-reward-hint{padding:6px 10px;font-size:.82rem}.scene-rail{padding-top:5px;padding-bottom:calc(5px + var(--safe-bottom))}.scene-link{min-height:42px}}@media (width<=720px) and (height<=680px){.home-scene-header .scene-status-tile .mini-text{-webkit-line-clamp:1}.home-rating-copy .mini-text,.quest-next{display:none}.quest-count,.quest-reward-hint{font-size:.7rem}.scene-link{min-height:40px}}.auth-gate{justify-content:center;align-items:center;min-height:80svh;padding:24px 16px;display:flex}.forced-setup-gate{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));align-items:flex-start;overflow-y:auto}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:32px 24px;display:flex;box-shadow:0 24px 60px #0006}.account-upgrade-card{max-width:520px}.migration-setup-card{gap:14px;max-width:540px}.auth-card .brand-logo{width:56px;height:56px;margin:0 auto}.auth-app-icon{border-radius:18px;width:76px;height:76px;margin:0 auto 4px;display:block;box-shadow:0 10px 24px #0a0e1e4d,0 0 0 1px #93c5fd2e}.auth-card h1{color:var(--text);margin:0;font-size:1.5rem}.auth-tagline{color:var(--muted);margin:0;font-size:.85rem}.auth-form{text-align:left;flex-direction:column;gap:10px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;display:flex}.auth-form input,.auth-form select{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c3aed33}.account-requirements-list{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.account-requirements-list li{border-radius:var(--radius-sm);background:#080e1e61;border:1px solid #94a3b838;gap:2px;padding:10px 12px;display:grid}.account-requirements-list strong{color:var(--text);font-size:.82rem}.migration-steps{text-align:left;gap:10px;margin:0;padding:0;list-style:none;display:grid}.migration-steps li{border-radius:var(--radius-sm);background:#080e1e6b;border:1px solid #94a3b838;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:12px;display:grid}.migration-steps li.active{background:linear-gradient(135deg,#fbbf241f,#3b82f614);border-color:#fbbf2485}.migration-steps li.complete{border-color:#4ade8057}.migration-step-index{width:30px;height:30px;color:var(--text);background:#0f172ad1;border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.migration-steps li.complete .migration-step-index{background:#166534b8}.migration-steps strong{color:var(--text);font-size:.86rem;display:block}.migration-steps small{color:var(--muted);margin-top:3px;font-size:.76rem;line-height:1.4;display:block}.migration-consent-form{border-radius:var(--radius-sm);background:#080e1e57;border:1px solid #94a3b833;padding:12px}.migration-logout{align-self:center}.recovery-code-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recovery-code-list strong{letter-spacing:.04em}.auth-recovery-actions{justify-content:center}.account-requirements-list span,.auth-note{color:var(--muted);font-size:.78rem}.auth-form .legal-check{color:var(--text);grid-template-columns:20px 1fr;align-items:start;gap:8px;display:grid}.auth-form .legal-check input{width:18px;min-height:18px;accent-color:var(--accent);margin:1px 0 0;padding:0}.auth-form button.link{color:var(--accent);font:inherit;background:0 0;align-self:center;padding:0;font-size:.82rem;text-decoration:underline}.auth-error{color:#e85050;text-align:center;margin:0;font-size:.82rem}.auth-switch{color:var(--muted);justify-items:center;gap:6px;margin:0;font-size:.82rem;display:grid}.auth-switch-line{justify-content:center;align-items:baseline;gap:6px;width:100%;line-height:1.35;display:inline-flex}.auth-switch .link{color:var(--accent);font:inherit;font-size:inherit;background:0 0;padding:0;text-decoration:underline}.username-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.78rem;font-weight:600;overflow:hidden}.setup-complete-block{text-align:center;flex-direction:column;gap:12px;display:flex}.admin-key-display{background:var(--bg);border:1px solid var(--accent);word-break:break-all;color:var(--accent);-webkit-user-select:all;user-select:all;border-radius:8px;padding:12px 14px;font-family:monospace;font-size:.72rem;display:block}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}.pack-card{border:2px solid var(--border);text-align:center;background:linear-gradient(#1e183cfa,#0e1224fa);border-radius:18px;gap:10px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid}.pack-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #7c3aed4d}.pack-card.premium{border-color:#a855f780}.pack-card.legendary-pack{border-color:#fbbf2480}.pack-icon{font-size:3rem;line-height:1}.pack-contents{color:var(--muted);font-size:.82rem}.battle-hud{background:linear-gradient(135deg,#0e1529f5,#1c2c58e0)}.turn-bar{z-index:5;background:linear-gradient(135deg,#0a101ff5,#1f2d58eb);position:sticky;top:0}.arena-title-block{text-align:center;padding:12px 0 8px}.arena-title-block.home-hero{padding:6px 0 4px}.arena-title-block.home-hero h2{font-size:1.25rem}.arena-title-block.home-hero .badges{margin-top:8px}.arena-title-block.play-hero{padding:6px 0 4px}.arena-title-block.play-hero h2{font-size:1.25rem}.arena-title-block .eyebrow{text-transform:uppercase;letter-spacing:2px;color:#9bb3e8;margin-bottom:4px;font-size:.7rem}.arena-title-block h2{background:linear-gradient(135deg,#e8d5a3,#f4e7c3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.arena-title-block .note{margin-top:4px}.card-inspect-overlay{z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040610d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-inspect-modal{border:2px solid var(--rarity-color,var(--border));background:linear-gradient(#272248fa,#101226fa);border-radius:20px;width:90vw;max-width:340px;max-height:85svh;padding:20px;animation:.25s modalPop;overflow-y:auto}.card-inspect-header{text-align:center;margin-bottom:12px}.card-inspect-header h3{margin:0 0 4px;font-size:1.3rem}.card-inspect-header .note{color:#9bb3e8;font-size:.75rem}.card-inspect-modal .card-art-shell{border-radius:12px;margin-bottom:12px;overflow:hidden}.card-inspect-modal .card-illustration{width:100%;display:block}.card-inspect-stats{justify-content:center;gap:16px;padding:8px 0;font-size:1rem;font-weight:700;display:flex}.card-inspect-effect{background:#ffffff0d;border-radius:10px;margin-top:8px;padding:10px}.card-inspect-effect .note{margin-top:4px;font-size:.8rem;line-height:1.4}.card-inspect-modal .card-text{margin-top:10px}.card-inspect-modal button.ghost{width:100%;margin-top:12px}.game-resume-block{text-align:center;background:#c8b46414;border:1px solid #c8b46440;border-radius:12px;margin:8px 0;padding:14px}.game-resume-block .controls{gap:8px;margin-top:8px}.queue-searching-block{text-align:center;padding:12px 0}.queue-searching-block .note{margin:6px 0 10px}.queue-search-portal{background:linear-gradient(160deg,#0c1224f0,#1d2952e0);border:1px solid #60a5fa33;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(10px,1.4svh,14px);margin-top:0;padding:clamp(10px,1.4svh,14px);display:grid}.queue-portal-ring{background:conic-gradient(#38bdf833,#7c3aede6,#fbbf2438,#38bdf833);border-radius:50%;width:clamp(76px,14svh,108px);height:clamp(76px,14svh,108px);animation:1.4s linear infinite spin;position:relative;box-shadow:0 0 24px #7c3aed38}.queue-portal-ring:before{content:"";background:radial-gradient(circle,#0f172cfa,#0a101ff0);border-radius:50%;position:absolute;inset:10px}.queue-portal-core{z-index:1;color:#f8fbff;background:#090e1ce6;border:1px solid #60a5fa2e;border-radius:50%;place-items:center;font-weight:800;animation:1.4s linear infinite spinCounter;display:grid;position:absolute;inset:24%}.queue-portal-copy{gap:7px;min-width:0;display:grid}.queue-portal-copy h3{margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.1}.queue-portal-copy>.note{margin:0;line-height:1.2}.queue-leave-btn{justify-self:start;min-height:34px;padding:6px 12px}.queue-found-banner{background:linear-gradient(160deg,#241808f5,#583a12e6);border:1px solid #fbbf244d;border-radius:16px;gap:10px;margin-top:0;padding:clamp(10px,1.4svh,14px);display:grid}.vs-sigil-art{filter:drop-shadow(0 12px 22px #00000057);width:min(150px,100%);margin:0 auto;display:block}.versus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.versus-side{text-align:center;justify-items:center;gap:4px;display:grid}.card-stats{gap:10px;font-size:.85rem;font-weight:700;display:flex}.connection-banner{z-index:10;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;text-align:center;font-size:.85rem;font-weight:600;animation:.3s fadeIn;position:sticky;top:0}.connection-banner.reconnecting{color:#ffd;background:linear-gradient(135deg,#b43c28f2,#781e14f2)}.connection-banner.opponent-disconnected{color:#ffd;background:linear-gradient(135deg,#b48c28f2,#785a14f2)}.pwa-install-panel{border-radius:var(--radius-md);background:linear-gradient(135deg,#0a101ff0,#212446d1);border:1px solid #93c5fd33;gap:10px;width:100%;margin-top:12px;padding:12px;display:grid;box-shadow:inset 0 1px #fbbf2414,0 12px 28px #060a162e}.pwa-install-panel.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:-4px 0 0;padding:8px 10px}.pwa-install-panel.compact .pwa-install-manual{grid-column:1/-1}.pwa-install-copy{gap:3px;min-width:0;display:grid}.pwa-install-copy .eyebrow{margin:0;font-size:.62rem}.pwa-install-copy strong{color:#f8fbff}.pwa-install-action{white-space:nowrap;min-height:38px}.pwa-install-manual{gap:6px;display:grid}.pwa-install-step{color:#d9e3ff;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;font-size:.82rem;display:grid}.pwa-install-step strong{color:#eff6ff;background:#60a5fa29;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.74rem;display:inline-grid}.pwa-install-diagnostics{border-top:1px solid #93c5fd24;padding-top:8px}.pwa-install-diagnostics summary{cursor:pointer;color:#dbe6ff;font-size:.82rem;font-weight:700}.pwa-install-diagnostic-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-top:8px;display:grid}.pwa-install-diagnostic-grid span{border-radius:var(--radius-sm);color:#cbd5e1;background:#ffffff0a;gap:2px;padding:6px 8px;font-size:.74rem;display:grid}.pwa-install-diagnostic-grid span.ready{border:1px solid #22c55e2e}.pwa-install-diagnostic-grid span.warning{border:1px solid #fbbf2433}.update-banner{z-index:50;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;color:#e8efff;background:linear-gradient(135deg,#1e3a6a,#2a1860);border-bottom:2px solid #4a8af4;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.9rem;font-weight:600;animation:.3s slideDown;display:flex;position:fixed;top:0;left:0;right:0}.update-banner-actions{gap:8px;display:flex}.update-banner button.small{border-radius:8px;padding:6px 14px;font-size:.8rem}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.btn-danger,button.danger{background:linear-gradient(135deg, var(--color-danger-strong), var(--color-danger));color:#fff5f5;letter-spacing:.04em;border-radius:var(--radius-md);transition:transform var(--motion-fast), box-shadow var(--motion-fast), filter var(--motion-fast);padding:10px 18px;font-weight:700;box-shadow:0 8px 18px #ef444452,inset 0 1px #ffffff2e}.btn-danger:hover:not(:disabled),button.danger:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 22px #ef444466,inset 0 1px #fff3}.btn-danger:disabled,button.danger:disabled{opacity:.55;box-shadow:none;transform:none}.btn-success{background:linear-gradient(135deg, var(--color-success-strong), var(--color-success));color:#f0fff4;border-radius:var(--radius-md);padding:10px 18px;font-weight:700;box-shadow:0 8px 18px #22c55e47}.toast{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text);font-size:var(--font-sm);box-shadow:var(--shadow-sm);animation:toast-in var(--motion-base) ease;background:#141a30d9;max-width:100%;padding:10px 14px;line-height:1.35;display:inline-flex}.toast:before{content:"";background:var(--color-info);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px}.toast.toast-success{border-color:#22c55e73}.toast.toast-success:before{background:var(--color-success)}.toast.toast-error{border-color:#ef444473}.toast.toast-error:before{background:var(--color-danger)}.toast.toast-warning{border-color:#f59e0b73}.toast.toast-warning:before{background:var(--color-warning)}.toast.toast-fading{animation:.28s forwards toast-out}.toast-line{margin-top:0}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-4px)}}.toast-stack{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:200;gap:var(--space-2);pointer-events:none;max-width:min(380px,100vw - 32px);display:grid;position:fixed;right:16px}.toast-stack .toast{pointer-events:auto;box-shadow:var(--shadow-lg)}.spinner{vertical-align:-2px;border:2px solid #93c5fd40;border-top-color:#93c5fdf2;border-radius:50%;width:14px;height:14px;animation:.85s linear infinite spinner-rot;display:inline-block}.spinner.spinner-lg{border-width:3px;width:22px;height:22px}.spinner.spinner-inline{margin-right:var(--space-2)}@keyframes spinner-rot{to{transform:rotate(360deg)}}.thinking-dots:after{content:"";text-align:left;width:1.2em;animation:1.1s steps(4,end) infinite thinking-dots;display:inline-block}@keyframes thinking-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.modal-backdrop{z-index:1000;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);animation:modal-fade var(--motion-base) ease;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--modal-bg);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:min(440px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);gap:var(--space-4);animation:modal-pop var(--motion-base) cubic-bezier(.2, .8, .3, 1.2);padding:22px;display:grid;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-head h3{font-size:var(--font-lg);letter-spacing:.02em;margin:0}.modal-close{color:var(--muted);border-radius:var(--radius-sm);background:0 0;padding:4px 8px;font-size:18px;line-height:1}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-body{gap:var(--space-3);font-size:var(--font-sm);color:var(--muted);display:grid}.modal-body strong{color:var(--text)}.modal-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.hand-card.unplayable{position:relative}.hand-card.unplayable:after{content:attr(data-need);border-radius:inherit;font-size:var(--font-sm);letter-spacing:.04em;color:#ffd6d6;text-shadow:0 1px 2px #0009;pointer-events:none;opacity:0;transition:opacity var(--motion-fast);background:linear-gradient(160deg,#080c18c7,#080c188c);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.hand-card.unplayable:hover:after,.hand-card.unplayable:focus-visible:after{opacity:1}.trade-chip-list{gap:var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-md);background:#080c1a73;flex-wrap:wrap;align-items:center;min-height:44px;padding:8px;display:flex}.trade-chip-list:empty:before{content:"No cards added yet";color:var(--muted);font-size:var(--font-xs);padding:0 4px}.trade-chip{border-radius:var(--radius-pill);font-size:var(--font-xs);color:var(--text);background:#7c3aed2e;border:1px solid #7c3aed61;align-items:center;gap:6px;padding:4px 8px 4px 6px;display:inline-flex}.trade-chip .chip-icon{font-size:14px}.trade-chip .chip-qty{color:var(--muted)}.trade-chip button{color:var(--muted);background:0 0;padding:0 4px;font-size:14px;line-height:1}.trade-chip button:hover{color:var(--color-danger)}.trade-card-picker{gap:var(--space-2);margin-top:var(--space-2);display:grid}.trade-picker-row{gap:var(--space-2);grid-template-columns:1fr auto auto;align-items:center;display:grid}.trade-picker-row select,.trade-picker-row input{width:100%}.trade-qty-input{max-width:4.5rem}.trade-expiry{font-size:var(--font-xs);color:var(--muted);margin-top:4px}.trade-expiry strong{color:var(--text);font-variant-numeric:tabular-nums}.audit-row{cursor:pointer;transition:background var(--motion-fast);position:relative}.audit-row:hover{background:#7c3aed14}.audit-row .audit-meta{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:var(--font-xs);color:#cbd5ff;white-space:pre-wrap;word-break:break-word;background:#080c1899;padding:8px 10px}.audit-toolbar{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.audit-toolbar select{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);background:#080c1a99;padding:6px 10px}.queue-searching-block .queue-spinner-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}@media (width<=720px){.season-progress-visual,.queue-search-portal,.versus-grid,.intro-versus-grid,.collection-hero{grid-template-columns:1fr}.season-progress-visual,.queue-search-portal,.versus-side,.intro-side,.collection-hero{text-align:center;justify-items:center}}.battlefield-stage{position:relative}.hand-card.is-dragging{opacity:.42;filter:saturate(.72)brightness(.82);outline-offset:-3px;cursor:grabbing;touch-action:none;outline:2px solid #fde68a8c}.battle-drag-layer{z-index:999;pointer-events:none;position:fixed;inset:0}.battle-drag-ghost{transform-origin:50%;z-index:1000;opacity:.98;filter:brightness(1.06);cursor:grabbing;margin:0;transition:box-shadow .12s ease-out,filter .12s ease-out;position:fixed;transform:rotate(0)scale(1.08);box-shadow:0 18px 36px #0000008c,0 0 0 2px #fde68ad9,0 0 28px #fde68a8c}.hand-card.is-drag-sibling{opacity:.78;filter:saturate(.85)brightness(.92);transition:opacity .16s ease-out,filter .16s ease-out}.slot.drop-target-active.drop-target-valid{border-color:#fde68abf;animation:1.1s ease-in-out infinite dropTargetPulse;box-shadow:0 0 0 2px #fde68ab3,inset 0 0 22px #fde68a73}.slot.drop-target-active.drop-target-invalid{filter:saturate(.55)brightness(.78)}.slot.drop-target-hover.drop-target-valid{transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 3px #fde68aeb,inset 0 0 30px #fde68a94,0 10px 26px #00000047}.slot.drop-target-hover.drop-target-invalid{border-color:#f87171b8;box-shadow:0 0 0 3px #f87171b8}@keyframes dropTargetPulse{0%,to{box-shadow:0 0 0 2px #fde68a80,inset 0 0 16px #fde68a52}50%{box-shadow:0 0 0 3px #fde68af2,inset 0 0 26px #fde68a8c}}.slot.is-slamming{z-index:4;animation:.38s cubic-bezier(.34,1.56,.64,1) cardSlam}.slot.is-slamming:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #fde68acc;animation:.4s ease-out forwards slamRing;position:absolute;inset:-4px}@keyframes cardSlam{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 0 0 4px #fde68ad9,inset 0 0 32px #fde68a99}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes slamRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.slot.is-valid-defender{animation:.9s ease-in-out infinite defenderPulse;box-shadow:0 0 0 2px #f87171b3,inset 0 0 18px #dc262666}.slot.is-invalid-defender{filter:saturate(.5)brightness(.8)}@keyframes defenderPulse{0%,to{box-shadow:0 0 0 2px #f871718c,inset 0 0 14px #dc262652}50%{box-shadow:0 0 0 3px #fca5a5f2,inset 0 0 24px #f871718c}}.attack-arrow-svg{pointer-events:none;z-index:70;filter:drop-shadow(0 0 6px #dc262699);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.battle-hero-anchor .hero-fx-overlay{pointer-events:none;object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.battle-hero-anchor .hero-fx-cracks{mix-blend-mode:screen;animation:.52s ease-out forwards heroCrackFlash}.battle-hero-anchor .hero-fx-halo{animation:.52s ease-out forwards heroHaloFlash}.battle-hero-anchor.is-damaged{animation:.38s cubic-bezier(.36,.07,.19,.97) heroShake}.battle-hero-anchor.is-healed{box-shadow:0 0 0 2px #4ade8099,0 0 22px #22c55e66}.battle-hero-anchor.is-low-hp{animation:1s ease-in-out infinite heroLowHpVignette}.battle-hero-anchor.is-low-hp:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;background:radial-gradient(circle,#dc262600 40%,#dc26268c 100%);position:absolute;inset:0}@keyframes heroShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes heroCrackFlash{0%{opacity:0;transform:scale(1.05)}20%{opacity:.95}to{opacity:0;transform:scale(1)}}@keyframes heroHaloFlash{0%{opacity:0;transform:scale(.9)}30%{opacity:.95;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes heroLowHpVignette{0%,to{box-shadow:inset 0 0 18px #dc262659}50%{box-shadow:inset 0 0 30px #dc2626b3}}.battlefield-stage.turn-pulse-player{animation:.6s ease-out turnPulsePlayer}.battlefield-stage.turn-pulse-enemy{animation:.6s ease-out turnPulseEnemy}@keyframes turnPulsePlayer{0%{box-shadow:inset 0 0 #2563eb00}30%{box-shadow:inset 0 0 24px 2px #2563eb59}to{box-shadow:inset 0 0 #2563eb00}}@keyframes turnPulseEnemy{0%{box-shadow:inset 0 0 #dc262600}30%{box-shadow:inset 0 0 24px 2px #dc26264d}to{box-shadow:inset 0 0 #dc262600}}.slot.is-slamming .unit-portrait{animation:.4s ease-out manaSpendGlow}@keyframes manaSpendGlow{0%{filter:brightness()}25%{filter:brightness(1.6)drop-shadow(0 0 8px #fde68acc)}to{filter:brightness()drop-shadow(0 0 #0000)}}.attack-arrow-svg line{animation:.8s ease-in-out infinite attackTelegraph}@keyframes attackTelegraph{0%,to{filter:drop-shadow(0 0 4px #dc262680);stroke-width:6px}50%{filter:drop-shadow(0 0 10px #fde68ab3);stroke-width:8px}}.slot.damage-flash:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #ef4444b3;animation:.45s ease-out forwards damageRipple;position:absolute;inset:-6px}@keyframes damageRipple{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}.battlefield.active.has-winner:after{opacity:1.5;filter:brightness(1.3)saturate(1.4);transition:filter .8s,opacity .8s}.battle-center-phase.is-player-turn,.battle-center-phase.is-enemy-turn{animation:.5s ease-out turnChipFlash}@keyframes turnChipFlash{0%{opacity:0;filter:brightness(1.5);transform:scale(.85)}40%{opacity:1;transform:scale(1.08)}to{opacity:1;filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hand-card.is-dragging,.battle-drag-ghost,.hand-card.is-drag-sibling,.slot.drop-target-active.drop-target-valid,.slot.drop-target-active.drop-target-invalid,.slot.is-slamming,.slot.is-valid-defender,.slot.is-invalid-defender,.slot.selected,.enemy-turn-banner-inner,.battle-hero-anchor.is-damaged,.battle-hero-anchor.is-healed,.battle-hero-anchor.is-low-hp,.battle-hero-anchor .hero-fx-cracks,.battle-hero-anchor .hero-fx-halo,.battlefield-stage.turn-pulse-player,.battlefield-stage.turn-pulse-enemy,.slot.is-slamming .unit-portrait,.attack-arrow-svg line,.slot.damage-flash:after,.battle-center-phase.is-player-turn,.battle-center-phase.is-enemy-turn{transition:none!important;animation:none!important}.battle-hero-anchor.is-low-hp:after{background:#dc26262e}.slot.is-slamming:after,.slot.damage-flash:after{display:none}.battle-drag-ghost{transform:rotate(0)scale(1.04)}.toast,.modal,.modal-backdrop,.spinner,.thinking-dots:after,.queue-portal-ring,.intro-vs-art,.screen-panel.active,.nav-tile-notice,.reward-vault-card.claim-ready .primary,.streak-badge:after,.streak-badge:before,.streak-badge.streak-inferno,.quest-summary.just-claimed:before,.rarity-chip.rarity-celebrate{animation:none!important}.hand-card.unplayable:after,.mode-card,.nav-tile,.primary,.secondary,.ghost{transition:none!important}}html,body{overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,p,.card-text,.note,.mini-text{-webkit-user-select:text;user-select:text}.slot p,.slot .note,.slot .card-text,.hand-card p,.hand-card .note,.hand-card .card-text,.battle-card p,.battle-card .note,.battle-card .card-text,.collection-card p,.collection-card .note,.collection-card .card-text,.builder-card p,.builder-card .note,.builder-card .card-text{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.slot img,.hand-card img,.builder-card img,.card-inspect-modal img,.reward-cinema-overlay img,.pack-ceremony-overlay img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button,[role=button],.scene-link,.chip{touch-action:manipulation}select{appearance:none;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm);cursor:pointer;background:#080c1a99 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6 L8 10 L12 6' fill='none' stroke='%23a0b0d0' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 6px center/16px 16px no-repeat;padding:6px 28px 6px 10px}select:hover{border-color:var(--border-bright)}select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}textarea{appearance:none;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm);resize:vertical;background:#080c1a99;min-height:64px;padding:8px 10px}textarea:hover{border-color:var(--border-bright)}textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}input[type=checkbox]{appearance:none;border:1.5px solid var(--border-bright);cursor:pointer;width:18px;height:18px;transition:background var(--motion-fast), border-color var(--motion-fast);vertical-align:middle;background:#080c1a80;border-radius:4px;flex:none;position:relative}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}input[type=checkbox]:focus-visible{box-shadow:var(--focus-ring)}input[type=checkbox]:hover{border-color:var(--accent)}.app-shell.theme-ember{--accent:#f97316;--accent-blue:#ef4444;--border:#f9731638;--border-bright:#f9731666;--focus-ring:0 0 0 2px #f97316d9}.app-shell.theme-moon{--accent:#38bdf8;--accent-blue:#a78bfa;--border:#a78bfa3d;--border-bright:#a78bfa66;--focus-ring:0 0 0 2px #38bdf8d9}.theme-swatch.royal{background:linear-gradient(135deg,#7c3aed,#2563eb)}.theme-swatch.ember{background:linear-gradient(135deg,#f97316,#ef4444)}.theme-swatch.moon{background:linear-gradient(135deg,#38bdf8,#a78bfa)}.collection-hero{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,#0a1224e6,#20183acc);align-items:center;gap:10px;margin:0 0 8px;padding:8px 10px;display:flex}.collection-hero-stats{font-size:var(--font-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collection-hero-stats strong{color:#f6f8ff;font-size:1rem}.collection-hero-stats .note{color:#cfd8ff;flex:100%;margin:0}.collection-rarity-chips{font-size:var(--font-xs);flex-wrap:wrap;gap:6px;display:flex}.rarity-chip{border:1px solid var(--border);white-space:nowrap;background:#0000002e;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.rarity-chip.rarity-complete{background:#22c55e1a;border-color:#22c55e66}.rarity-chip.rarity-celebrate{animation:1.4s ease-out raritySpark;box-shadow:0 0 0 1px #facc1538,0 0 18px #facc152e}@keyframes raritySpark{0%{transform:scale(.96);box-shadow:0 0 #facc1500}30%{transform:scale(1.06);box-shadow:0 0 18px #facc1552}to{transform:scale(1);box-shadow:0 0 18px #facc151f}}.collection-progress-ring{flex:none;width:48px;height:48px;position:relative}.collection-progress-svg{width:48px;height:48px;transform:rotate(-90deg)}.collection-progress-track,.collection-progress-value{fill:none;stroke-width:7px}.collection-progress-track{stroke:#ffffff1a}.collection-progress-value{stroke:#7c3aed;stroke-linecap:round;transition:stroke-dashoffset .28s}.collection-progress-core{text-align:center;background:radial-gradient(circle,#0c1224fa,#151f3ae6);border-radius:50%;place-items:center;display:grid;position:absolute;inset:6px}.collection-progress-core strong{color:var(--text);font-size:.7rem}.rune-divider{opacity:.72;background:url(/generated/ui/divider-rune.svg) 50%/contain no-repeat;width:100%;height:20px;margin:8px 0 12px}.deck-roster{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 6px;padding:8px 10px}.deck-roster-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.deck-roster-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.deck-roster-item{border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);background:linear-gradient(#22160cd9,#402612b8);align-items:stretch;display:flex;overflow:hidden;box-shadow:inset 4px 0 #fbbf2429}.deck-roster-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, inset 4px 0 0 #fbbf245c, 0 8px 18px #0000002e}.deck-roster-select{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.deck-roster-select:hover{background:#ffffff0a}.deck-roster-name{align-items:center;gap:6px;font-weight:600;display:inline-flex}.deck-roster-active-dot{color:var(--accent);font-size:.6rem;line-height:1}.deck-roster-size{font-size:var(--font-xs);border-radius:var(--radius-pill);background:#ffffff0f;padding:2px 6px}.deck-roster-size.ready{color:var(--green)}.deck-roster-size.warning{color:var(--gold)}.deck-roster-actions{align-items:center;padding-right:6px;display:flex}button.icon-only{padding:4px 6px;font-size:.95rem;line-height:1}.builder-toolbar{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;padding:6px 10px;display:flex}.builder-toggle{font-size:var(--font-sm);color:var(--muted);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.builder-toggle input{accent-color:var(--accent)}.builder-search{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:140px;color:var(--text);font:inherit;background:#0003;flex:160px;padding:6px 10px}.builder-search:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.builder-rarity-chips{flex-wrap:wrap;gap:4px;display:flex}.builder-rarity-chips .rarity-gem{color:inherit}.chip{min-width:44px;min-height:44px;font-size:var(--font-xs);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);background:#ffffff0a;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.chip:hover{color:var(--text)}.chip.chip-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px #7c3aed38}.deck-stats{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--muted);background:#0000002e;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0 0 6px;padding:6px 10px;display:flex}.deck-stats strong{color:var(--text)}.mana-curve{align-items:flex-end;gap:4px;height:36px;margin-left:auto;display:inline-flex}.mana-curve-col{flex-direction:column;justify-content:flex-end;align-items:center;width:16px;height:100%;display:inline-flex;position:relative}.mana-curve-bar{background:linear-gradient(180deg, var(--accent), var(--accent-blue));border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height .2s;display:block}.mana-curve-label{color:var(--muted);margin-top:2px;font-size:9px;line-height:1}.collection-action-row{gap:8px;margin:10px 0 6px;display:flex}.collection-action-row button{flex:1}.collection-quick-strip{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-xs);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.collection-quick-strip strong{color:var(--muted);font-size:var(--font-xs);margin-right:2px}.builder-card.border-bronze,.hand-card.border-bronze{box-shadow:inset 0 0 0 1px #b07433,0 0 0 2px #b0743373,0 6px 16px #b0743326}.builder-card.border-frost,.hand-card.border-frost{box-shadow:inset 0 0 0 1px #7dd3fc,0 0 0 2px #7dd3fc73,0 6px 16px #7dd3fc2e}.builder-card.border-solar,.hand-card.border-solar{box-shadow:inset 0 0 0 1px #f59e0b,0 0 0 2px #f59e0b80,0 6px 18px #f59e0b38}.builder-card.border-void,.hand-card.border-void{box-shadow:inset 0 0 0 1px #a855f7,0 0 0 2px #a855f78c,0 8px 22px #a855f747}.border-preview{border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed2e,#38bdf81f);justify-content:center;align-items:center;width:100%;height:64px;margin-bottom:8px;display:flex}.border-preview-icon{object-fit:contain;opacity:.7;width:28px;height:28px}.border-preview.border-default{box-shadow:0 0 0 1px var(--border) inset}.border-preview.border-bronze{box-shadow:inset 0 0 0 2px #b07433,0 0 12px #b0743366}.border-preview.border-frost{box-shadow:inset 0 0 0 2px #7dd3fc,0 0 14px #7dd3fc66}.border-preview.border-solar{box-shadow:inset 0 0 0 2px #f59e0b,0 0 16px #f59e0b73}.border-preview.border-void{box-shadow:inset 0 0 0 2px #a855f7,0 0 18px #a855f780}.pack-ceremony-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#080616c7 0%,#02020af0 70%);justify-content:center;align-items:center;padding:16px;animation:.2s forwards packCeremonyVeilIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes packCeremonyVeilIn{0%{opacity:0}to{opacity:1}}.pack-ceremony-overlay.closing{animation:.24s forwards packCeremonyVeilOut}.pack-ceremony-overlay.closing .pack-ceremony-stage{animation:.24s forwards packCeremonyStageOut}@keyframes packCeremonyVeilOut{0%{opacity:1}to{opacity:0}}@keyframes packCeremonyStageOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.pack-ceremony-stage{grid-template-rows:1fr auto;place-items:center;gap:16px;width:min(620px,100%);max-height:calc(100dvh - 32px);display:grid;position:relative;overflow:hidden}.pack-ceremony-stage.legendary-shake-a{animation:.36s ease-in-out packCeremonyShake}.pack-ceremony-stage.legendary-shake-b{animation:.36s ease-in-out reverse packCeremonyShake}@keyframes packCeremonyShake{0%,to{transform:translate(0)}15%{transform:translate(-6px,4px)}30%{transform:translate(6px,-4px)}45%{transform:translate(-5px,-3px)}60%{transform:translate(4px,5px)}75%{transform:translate(-3px,2px)}90%{transform:translate(2px,-1px)}}.pack-ceremony-pack{filter:drop-shadow(0 18px 28px #0000008c);justify-content:center;align-items:center;width:clamp(160px,38vw,220px);height:clamp(220px,52vw,308px);margin:auto;display:flex;position:absolute;inset:0}.pack-ceremony-pack img{object-fit:contain;width:100%;height:100%;display:block}.pack-ceremony-pack-intro img{animation:.22s ease-out forwards packCeremonyZoom}.pack-ceremony-pack-shake img{animation:.54s ease-in-out packCeremonyWiggle}.pack-ceremony-pack-burst{animation:.38s ease-out forwards packCeremonyFade}@keyframes packCeremonyZoom{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes packCeremonyWiggle{0%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-4deg)scale(1.02)}25%{transform:rotate(4deg)scale(1.04)}40%{transform:rotate(-5deg)scale(1.05)}55%{transform:rotate(5deg)scale(1.06)}70%{transform:rotate(-3deg)scale(1.05)}85%{transform:rotate(2deg)scale(1.03)}}@keyframes packCeremonyFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.pack-ceremony-lid{pointer-events:none;position:absolute;inset:0}.pack-ceremony-lid-half{background:linear-gradient(#fee68af2,#d9770699);border:1px solid #fee68ad9;width:50%;height:50%;position:absolute;top:0;box-shadow:0 0 18px #fee68aa6}.pack-ceremony-lid-half.left{border-radius:12px 0 0;animation:.48s ease-out forwards packLidFlyL;left:0}.pack-ceremony-lid-half.right{border-radius:0 12px 0 0;animation:.48s ease-out forwards packLidFlyR;right:0}@keyframes packLidFlyL{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-90%,-120%)rotate(-40deg)}}@keyframes packLidFlyR{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(90%,-120%)rotate(40deg)}}.pack-ceremony-burst{pointer-events:none;opacity:0;mix-blend-mode:screen;width:min(120vw,720px);height:min(120vw,720px);margin:auto;animation:.52s ease-out forwards packBurstIn;position:absolute;inset:0}.pack-ceremony-burst.fade{animation:.6s ease-out forwards packBurstFade}@keyframes packBurstIn{0%{opacity:0;transform:scale(.4)rotate(0)}60%{opacity:.95;transform:scale(1.05)rotate(8deg)}to{opacity:.55;transform:scale(1)rotate(0)}}@keyframes packBurstFade{0%{opacity:.55}to{opacity:0}}.pack-ceremony-fan{justify-content:center;align-items:flex-end;width:100%;height:clamp(280px,60vh,420px);margin:0;padding:0;list-style:none;display:flex;position:relative}.pack-ceremony-fan-slot{transform:translateX(-50%) rotate(var(--ceremony-tilt)) translateY(calc(var(--ceremony-lift) * -1));transform-origin:bottom;width:clamp(120px,32vw,168px);margin-left:calc((var(--ceremony-index) - (var(--ceremony-fan-count,5) / 2)) * clamp(70px, 18vw, 110px));animation:.42s ease-out backwards packCardArc;animation-delay:calc(var(--ceremony-index) * 80ms);position:absolute;bottom:0;left:50%}@keyframes packCardArc{0%{opacity:0;transform:translate(-50%)translateY(60px)scale(.5)rotate(0)}to{transform:translateX(-50%) rotate(var(--ceremony-tilt)) translateY(calc(var(--ceremony-lift) * -1));opacity:1}}.pack-ceremony-fan-slot:first-child{left:calc(50% - clamp(160px,36vw,220px))}.pack-ceremony-fan-slot:nth-child(2){left:calc(50% - clamp(80px,18vw,110px))}.pack-ceremony-fan-slot:nth-child(3){left:50%}.pack-ceremony-fan-slot:nth-child(4){left:calc(50% + clamp(80px,18vw,110px))}.pack-ceremony-fan-slot:nth-child(5){left:calc(50% + clamp(160px,36vw,220px))}.pack-ceremony-fan-slot:nth-child(6){left:calc(50% - clamp(220px,50vw,320px))}.pack-ceremony-fan-slot:nth-child(7){left:calc(50% + clamp(220px,50vw,320px))}.pack-ceremony-card{appearance:none;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;margin:0;padding:0}.pack-ceremony-card-inner{aspect-ratio:5/7;width:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.4,.1,.2,1);display:block;position:relative}.pack-ceremony-card.flipped .pack-ceremony-card-inner{transform:rotateY(180deg)}.pack-ceremony-card-back,.pack-ceremony-card-front{backface-visibility:hidden;border:2px solid var(--rarity-color,#fbbf24);background:linear-gradient(#16182ef5,#0c1020f5);border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 22px #00000073}.pack-ceremony-card-back img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;display:block}.pack-ceremony-card-front{grid-template-rows:1fr auto;gap:6px;padding:8px;display:grid;transform:rotateY(180deg)}.pack-ceremony-card-glow{pointer-events:none;opacity:0;z-index:0;position:absolute;inset:-28px}.pack-ceremony-card.flipped .pack-ceremony-card-glow{animation:.72s ease-out forwards packGlowBurst}.pack-ceremony-card.legendary-flipped .pack-ceremony-card-glow{animation:1.1s ease-out forwards packGlowBurstLegendary}@keyframes packGlowBurst{0%{opacity:0;transform:scale(.6)}40%{opacity:.85;transform:scale(1.15)}to{opacity:.45;transform:scale(1)}}@keyframes packGlowBurstLegendary{0%{opacity:0;transform:scale(.6)rotate(0)}35%{opacity:1;transform:scale(1.25)rotate(8deg)}70%{opacity:.85;transform:scale(1.1)rotate(-4deg)}to{opacity:.6;transform:scale(1)rotate(0)}}.pack-ceremony-card-art{z-index:1;background:#080c1c99;border-radius:10px;position:relative;overflow:hidden}.pack-ceremony-card-art img{object-fit:cover;width:100%;height:100%;display:block}.pack-ceremony-card-meta{z-index:1;text-align:center;gap:2px;padding:4px 2px 0;display:grid;position:relative}.pack-ceremony-card-meta strong{color:var(--text);font-size:.8rem;line-height:1.1}.pack-ceremony-card-meta .mini-text{opacity:.75;font-size:.65rem}.pack-ceremony-card-ribbon{z-index:2;filter:drop-shadow(0 4px 6px #0000008c);width:80px;height:auto;animation:.36s ease-out .24s backwards packRibbonIn;position:absolute;top:-8px;right:-10px}@keyframes packRibbonIn{0%{opacity:0;transform:translateY(-12px)scale(.6)rotate(-12deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-6deg)}}.pack-ceremony-footer{z-index:5;background:linear-gradient(#0f1128eb,#080a1ceb);border:1px solid #fbbf244d;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:540px;padding:10px 12px;display:flex;position:relative;box-shadow:0 -8px 24px #00000073}.pack-ceremony-footer button{flex:140px;min-width:44px;min-height:44px}@media (width<=640px){.pack-ceremony-stage{gap:12px;width:100%;max-height:calc(100dvh - 20px)}.pack-ceremony-fan{scroll-snap-type:x proximity;overscroll-behavior-x:contain;justify-content:flex-start;gap:10px;height:auto;min-height:0;padding:8px 12px 4px;scroll-padding-inline:12px;overflow:auto hidden}.pack-ceremony-fan-slot{width:clamp(104px,30vw,136px);max-width:100%;transform:rotate(calc(var(--ceremony-tilt) * .5)) translateY(calc(var(--ceremony-lift) * -.2));scroll-snap-align:center;will-change:transform;flex:0 0 clamp(104px,30vw,136px);margin-left:0;position:relative;bottom:auto;left:auto!important}.pack-ceremony-footer{gap:8px;padding:8px 10px}}@media (width<=460px){.pack-ceremony-fan-slot{flex-basis:clamp(92px,28vw,120px);width:clamp(92px,28vw,120px)}.pack-ceremony-card-meta strong{font-size:.72rem}.pack-ceremony-card-ribbon{width:64px;right:-8px}}.pack-ceremony-stage.reduced-motion .pack-ceremony-pack-shake img,.pack-ceremony-stage.reduced-motion .pack-ceremony-pack-intro img,.pack-ceremony-stage.reduced-motion .pack-ceremony-card-inner,.pack-ceremony-stage.reduced-motion .pack-ceremony-fan-slot,.pack-ceremony-stage.reduced-motion .pack-ceremony-card.flipped .pack-ceremony-card-glow,.pack-ceremony-stage.reduced-motion .pack-ceremony-card.legendary-flipped .pack-ceremony-card-glow,.pack-ceremony-stage.reduced-motion .pack-ceremony-burst,.pack-ceremony-stage.reduced-motion .pack-ceremony-card-ribbon,.pack-ceremony-stage.reduced-motion .pack-ceremony-lid-half{transition:none!important;animation:none!important}.pack-ceremony-stage.reduced-motion .pack-ceremony-card.flipped .pack-ceremony-card-inner{transform:rotateY(180deg)}.pack-ceremony-stage.reduced-motion .pack-ceremony-card-glow{opacity:.5}.pack-ceremony-stage.reduced-motion .pack-ceremony-burst{opacity:.4}.pack-ceremony-stage.reduced-motion.legendary-shake-a,.pack-ceremony-stage.reduced-motion.legendary-shake-b{animation:none!important}@media (prefers-reduced-motion:reduce){.pack-ceremony-overlay{animation:none}.pack-ceremony-pack-intro img,.pack-ceremony-pack-shake img,.pack-ceremony-pack-burst,.pack-ceremony-burst,.pack-ceremony-fan-slot,.pack-ceremony-card-ribbon,.pack-ceremony-lid-half{animation:none!important}.pack-ceremony-card-inner{transition:none!important}.pack-ceremony-card.flipped .pack-ceremony-card-inner{transform:rotateY(180deg)}.pack-ceremony-card-glow{opacity:.45!important;animation:none!important}.pack-ceremony-stage.legendary-shake-a,.pack-ceremony-stage.legendary-shake-b{animation:none!important}}.reward-cinema-overlay{z-index:95;-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;touch-action:pan-y;background:radial-gradient(#140c06c7 0%,#020208f0 70%);justify-content:center;align-items:center;padding:16px;animation:.22s forwards rewardCinemaVeilIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes rewardCinemaVeilIn{0%{opacity:0}to{opacity:1}}.reward-cinema-overlay.closing{animation:.26s forwards rewardCinemaVeilOut}.reward-cinema-overlay.closing .reward-cinema-card{animation:.26s forwards rewardCinemaCardOut}@keyframes rewardCinemaVeilOut{0%{opacity:1}to{opacity:0}}@keyframes rewardCinemaCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}.reward-cinema-card{text-align:center;background:linear-gradient(135deg,#241808fa,#4e300eeb);border-color:#fbbf245c;gap:14px;width:min(100%,420px);max-width:calc(100vw - 32px);padding:22px 20px 18px;animation:.26s rewardCinemaCardIn;display:grid;box-shadow:0 24px 60px #00000080}@keyframes rewardCinemaCardIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reward-cinema-stage{justify-content:center;align-items:center;width:100%;min-height:168px;margin:4px auto 6px;animation:.28s rewardCinemaBeatIn;display:flex;position:relative}@keyframes rewardCinemaBeatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reward-cinema-stage.beat-exiting{animation:.16s forwards rewardCinemaBeatOut}@keyframes rewardCinemaBeatOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.reward-cinema-banner{filter:drop-shadow(0 12px 26px #00000073);width:min(260px,84%);animation:.52s cubic-bezier(.2,.7,.2,1) rewardCinemaBannerUnfurl}@keyframes rewardCinemaBannerUnfurl{0%{opacity:0;transform:scaleY(.4)translateY(-6px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.reward-cinema-icon{filter:drop-shadow(0 10px 22px #00000073);width:min(160px,60%);animation:.32s cubic-bezier(.2,.8,.2,1.1) rewardCinemaIconPop}@keyframes rewardCinemaIconPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reward-cinema-count-block{justify-items:center;gap:6px;display:grid}.reward-cinema-count-icon{filter:drop-shadow(0 6px 14px #0006);width:64px;height:64px}.reward-cinema-count{letter-spacing:.04em;color:#fde68a;text-shadow:0 2px 12px #fbbf2473;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700}.reward-cinema-count-label{letter-spacing:.18em;text-transform:uppercase;color:#fef08adb;font-size:.84rem}.reward-cinema-shower{pointer-events:none;display:block;position:absolute;inset:0}.reward-cinema-ember{opacity:0;width:28px;height:28px;animation:1.4s ease-out forwards rewardCinemaEmberFloat;position:absolute}.reward-cinema-ember-0{animation-delay:0s;top:78%;left:12%}.reward-cinema-ember-1{animation-delay:80ms;top:86%;left:26%}.reward-cinema-ember-2{animation-delay:.16s;top:80%;left:40%}.reward-cinema-ember-3{animation-delay:.24s;top:88%;left:54%}.reward-cinema-ember-4{animation-delay:.12s;top:80%;left:68%}.reward-cinema-ember-5{animation-delay:.2s;top:86%;left:80%}.reward-cinema-ember-6{animation-delay:60ms;top:64%;left:18%}.reward-cinema-ember-7{animation-delay:.18s;top:64%;left:72%}@keyframes rewardCinemaEmberFloat{0%{opacity:0;transform:translateY(20px)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(1.1)}}.reward-cinema-label{letter-spacing:.04em;color:#fef3c7;text-shadow:0 2px 12px #0006;margin:0;font-size:1.32rem}.reward-cinema-caption{color:#fde68adb;margin:0}.reward-cinema-progress{justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.reward-cinema-pip{background:#fef08a2e;border:1px solid #fef08a52;border-radius:50%;width:10px;height:10px;transition:background .22s,transform .22s}.reward-cinema-pip.active{background:#fbbf24;transform:scale(1.12)}.reward-cinema-controls{justify-content:center;margin-top:6px;display:flex}.reward-cinema-continue{letter-spacing:.06em;text-transform:uppercase;min-width:160px;min-height:44px;font-weight:600}.reward-cinema-continue:disabled{opacity:.45;cursor:not-allowed}.reward-cinema-overlay.reduced-motion,.reward-cinema-overlay.reduced-motion .reward-cinema-card,.reward-cinema-overlay.reduced-motion .reward-cinema-stage,.reward-cinema-overlay.reduced-motion .reward-cinema-banner,.reward-cinema-overlay.reduced-motion .reward-cinema-icon{animation:none!important}@media (prefers-reduced-motion:reduce){.reward-cinema-overlay,.reward-cinema-card,.reward-cinema-stage,.reward-cinema-banner,.reward-cinema-icon,.reward-cinema-ember{animation:none!important}.reward-cinema-ember{display:none}}.onboarding-tour{z-index:80;pointer-events:auto;position:fixed;inset:0}.onboarding-tour-veil{transition:background .24s ease-out;position:absolute;inset:0}.onboarding-tour-veil.centered{background:#06070ec7}.onboarding-tour-caption{background:#141124f5;border-radius:16px;flex-direction:column;gap:10px;max-width:320px;padding:18px 18px 16px;animation:.26s ease-out onboardingCaptionIn;display:flex;position:absolute;box-shadow:0 18px 48px #0000008c}.onboarding-tour-caption.centered{width:min(320px,100vw - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-tour-title{margin:0;font-size:1.15rem;line-height:1.25}.onboarding-tour-body{margin:0;line-height:1.4}.onboarding-tour-progress{justify-content:center;gap:6px;margin-top:4px;display:flex}.onboarding-tour-pip{background:#ffffff2e;border-radius:2px;width:24px;height:4px;transition:background .2s ease-out}.onboarding-tour-pip.active{background:var(--accent,#d4a548)}.onboarding-tour-controls{justify-content:space-between;gap:10px;margin-top:6px;display:flex}.onboarding-tour-controls button{flex:auto;min-height:44px}@keyframes onboardingCaptionIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-tour-caption.centered{animation-name:onboardingCaptionInCentered}@keyframes onboardingCaptionInCentered{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.onboarding-tour.reduced-motion .onboarding-tour-veil,.onboarding-tour.reduced-motion .onboarding-tour-caption{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.onboarding-tour-veil,.onboarding-tour-caption{transition:none!important;animation:none!important}}@media (width<=600px){.onboarding-tour-caption{max-width:min(320px,100vw - 24px)}}.scene-stage{touch-action:pan-y}@media (prefers-reduced-motion:reduce){.app-shell.screen-enter-forward .screen-panel.active,.app-shell.screen-enter-back .screen-panel.active,.app-shell.screen-enter-lateral .screen-panel.active,.app-shell.screen-enter-battle .screen-panel.active,.app-shell:before,.brand-logo,.card-tile.selected,.challenge-banner.incoming,.streak-badge:before,.streak-badge:after,.streak-badge.streak-inferno,.slot.selected,.reward-vault-card.claim-ready .primary,.builder-card.rarity-legendary:before,.hand-card.rarity-legendary:before,.challenge-banner,.slot.drop-target-active,.queue-portal-ring,.rarity-chip.rarity-celebrate{animation:none!important}input[type=checkbox],select{transition:none!important}}