: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;--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)}.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}.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));flex-direction:column;gap:12px;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)}50%{transform:translateY(-6px)}}.screen-panel.active{align-content:start;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.battle-shell-active .scene-stage{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:curtainPullForward .32s var(--motion-base)}.app-shell.screen-enter-back .screen-panel.active{animation:curtainPullBack .32s var(--motion-base)}.app-shell.screen-enter-lateral .screen-panel.active{animation:runeWipeFade .28s var(--motion-base)}.app-shell.screen-enter-battle .screen-panel.active{animation:portalSlamIris .48s var(--motion-slow)}@keyframes curtainPullForward{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(.85);transform:translate(48px)scale(.97)}60%{opacity:1;clip-path:inset(0)}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(.85);transform:translate(-48px)scale(.97)}60%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0);filter:brightness();transform:translate(0)scale(1)}}@keyframes runeWipeFade{0%{opacity:0;filter:brightness(.6)blur(2px)}50%{opacity:1;filter:brightness(1.15)blur(.5px)}to{opacity:1;filter:brightness()blur()}}@keyframes portalSlamIris{0%{opacity:0;clip-path:circle(0%);filter:brightness(.4);transform:scale(.6)}35%{opacity:1;clip-path:circle(28%);filter:brightness(1.2);transform:scale(1.05)}to{opacity:1;clip-path:circle(75%);filter:brightness();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}.home-screen.active:before{background-image:url(/generated/ui/bg-main-menu.svg)}.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}}.topbar,.home-screen,.battlefield,.vault-grid,.ops-grid{gap:16px;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{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;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{color:#e6ecff;text-align:center;cursor:pointer;background:linear-gradient(160deg,#7c3aed2e,#2563eb1f);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-height:124px;padding:16px 12px;transition:transform .18s ease-out,box-shadow .18s ease-out,background .2s;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,#fde68a 0%,#f59e0b 65%,#b45309 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: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:#b9c2dd;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-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:22px;display:flex}.topbar-compact-copy .eyebrow{margin:0}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-block-home{gap:12px;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;font-size:clamp(1.05rem,4.2vw,1.35rem);line-height:1.05}.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{width:clamp(58px,14vw,78px)}@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}.section-card,.hero-card{border:1px solid var(--border);background:linear-gradient(135deg,#0e1426f0,#172347db);border-radius:18px;padding:14px;box-shadow:0 14px 38px #0a0e1e47}.section-card.framed{background:linear-gradient(135deg,#0e1426f0,#172347db),url(/generated/ui/panel-frame.svg) 50%/100% 100% no-repeat;border-color:#0000}.hero-card.enemy{border-color:#f871714d}.utility-card{background:linear-gradient(135deg,#0c1224f0,#172347d6)}.spotlight-card{overflow:hidden}.scene-status-panel{background:linear-gradient(160deg,#0a101fdb,#1a2240d1);border:1px solid #93c5fd2e;border-radius:16px;margin-top:12px;padding:12px}.scene-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.scene-status-tile{background:#ffffff0a;border:1px solid #93c5fd24;border-radius:14px;gap:4px;min-width:0;padding:10px 12px;display:grid}.scene-status-tile strong{color:#f6f8ff;font-size:1rem}.scene-status-tile.is-accent{background:linear-gradient(135deg,#573e0e57,#31220a3d);border-color:#fbbf2447}.scene-status-kicker{letter-spacing:.12em;text-transform:uppercase;color:#cbd5ff;font-size:.72rem}.spotlight-banner{border:1px solid #60a5fa33;border-radius:14px;width:100%;height:auto;margin-bottom:12px;display:block}.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}.difficulty-row{gap:6px}.mode-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.mode-card{color:#eff4ff;text-align:left;background:linear-gradient(160deg,#0e1426f5,#182244e6);border:1px solid #93c5fd2e;border-radius:16px;align-content:start;gap:8px;min-height:132px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;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{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{color:#dbe6ff;background:#6366f124;border-radius:999px;padding:8px 12px}.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:12px;padding:10px 12px;font-size:.88rem}.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:12px;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:10px;padding:6px 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:hidden}.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-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}.primary,.secondary,.ghost{border:1px solid #93c5fd2e;border-radius:12px;min-height:44px;padding:12px 16px;transition:transform .15s,opacity .15s,box-shadow .15s,filter .15s,border-color .15s}.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:#f8f6ff;background:linear-gradient(135deg,#2563eb52,#4c1d9547)}.ghost{color:#dbe6ff;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: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;gap:8px;padding:10px;display:grid;position:relative;overflow:hidden}.battle-arena-hud{z-index:3;gap:6px;display:grid;position:relative}.battle-arena-hud-top{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.battle-arena-hud-bottom{grid-template-columns:1fr;align-items:stretch;gap:6px;padding-top:0}.battle-hero-pill{background:#080e1ec2;border:1px solid #93c5fd24;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:54px;padding:6px 9px;display:flex;position:relative}.battle-hero-pill.enemy{color:#fca5a5}.battle-hero-pill.player{color:#eff4ff}.battle-hero-copy{gap:2px;min-width:0;display:grid}.battle-hero-side{letter-spacing:.08em;text-transform:uppercase;color:#dbe6ffb8;font-size:.62rem}.battle-hero-pill.enemy .battle-hero-side{color:#fecacacc}.battle-hero-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.battle-hero-metric{align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.battle-turn-pill{text-align:center;background:linear-gradient(135deg,#14192ceb,#2a2144c7);border:1px solid #fbbf2433;border-radius:12px;align-content:center;justify-self:end;justify-items:center;gap:1px;min-width:124px;padding:5px 8px;display:grid}.battle-turn-state{color:#f0f4ff;font-size:.82rem}.battle-status-strip{margin-top:4px}.battle-status-strip .badge{background:#fbbf241f;border:1px solid #fbbf242e}.battle-player-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;min-width:0;display:grid}.battle-resource-summary{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.battle-resource-chip{color:#dbe6ff;background:#2563eb24;border:1px solid #93c5fd29;border-radius:999px;align-items:baseline;gap:6px;padding:4px 8px;display:inline-flex}.battle-resource-chip.momentum{color:#fff4d4;background:#fbbf241f;border-color:#fbbf242e}.battle-resource-label{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.battle-controls{justify-content:stretch;align-self:stretch;margin-top:0}.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-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}.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:6px;width:fit-content;max-width:100%;margin:0 auto;padding:3px 8px;display:flex}.battle-center-status{gap:2px;display:grid}.battle-center-note{letter-spacing:.04em;color:#dbe6ff;text-align:center;text-transform:uppercase;font-size:.69rem}.board-grid-battle .slot{min-height:66px;padding:5px 7px}.board-grid-battle .unit-portrait{height:34px}.board-grid-battle .slot-head{align-items:flex-start}.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}@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:#fde68a}.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{background:linear-gradient(#090d18f5,#141e38f0);border:1px solid #93c5fd1f;border-radius:16px 16px 14px 14px;min-height:0;max-height:min(21svh,168px);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{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;align-items:end;gap:0;min-height:0;padding:2px 8px 10px 2px;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(4px) rotate(var(--fan-tilt,0deg))}.battle-hand-rail .hand-card:hover:not(:disabled){transform:translateY(-8px)scale(1.06)rotate(0)}.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-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,.settings-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;margin-top:6px;display:grid}.builder-card{border:2px solid var(--rarity-color,var(--border));background:linear-gradient(#1e2340fa,#121529fa);border-radius:16px;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:252px;padding:10px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.builder-card-preview{width:100%;color:inherit;text-align:left;background:0 0;gap:4px;padding:0;display:grid}.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{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;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{background:#1e293b80;border:1px solid #93c5fd1a;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:grid}.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-reward-hint{color:#d6def7;background:#ffffff0f;border:1px solid #93c5fd24;border-radius:999px;flex:none;padding:6px 10px;font-size:.78rem}.quest-reward-hint.ready{color:#fef3c7;background:#785a123d;border-color:#fbbf2447}.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)}}.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-hero-card{position:relative;overflow:hidden}.settings-hero-card:after{content:"";opacity:.14;pointer-events:none;background:url(/generated/ui/particle-rune.svg) 50%/contain no-repeat;width:88px;height:88px;position:absolute;bottom:12px;right:12px}.settings-hero-card>*{z-index:1;position:relative}.settings-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}.settings-hero strong{font-size:var(--font-md)}.settings-toggle-list{gap:4px;margin:6px 0;display:grid}.settings-toggle-row{border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--font-sm);background:#0000001f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:6px 10px;display:flex}.settings-install-hint{text-align:right;flex:180px}.auth-install-hint{text-align:center;margin-top:10px}.settings-toggle-row .muted,.settings-toggle-row button.muted{color:var(--muted)}.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-hub-grid{gap:10px;display:grid}.settings-hub-tile{text-align:left;color:#f5f8ff;background:linear-gradient(135deg,#0a101fe6,#212446c2);border:1px solid #93c5fd2e;border-radius:14px;gap:4px;padding:12px;display:grid}.settings-hub-tile span{color:#c9d5f3;font-size:.86rem}.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}.complaint-desk-card{background:linear-gradient(135deg,#18120af5,#442e12d1)}.complaint-desk-card .complaint-form{background:#16120a57;border:1px solid #fbbf2424;border-radius:14px;padding:12px}.complaint-desk-card .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)}.scribe-console .admin-panel-block{background:linear-gradient(135deg,#080e1ed1,#1c1c34bd);box-shadow:inset 0 1px #fbbf240f}.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;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;display:grid;overflow:hidden}.admin-banner-art{background:#080e1e99;border:1px solid #60a5fa38;border-radius:16px;width:100%;height:auto}.admin-panel-block{background:#080e1e6b;border:1px solid #93c5fd2e;border-radius:16px;gap:10px;padding:12px;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;padding-bottom:6px;display:flex}.ticket-card{background:#070c1873;border:1px solid #93c5fd2e;border-radius:14px;gap:8px;padding:12px;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-controls{justify-content:stretch}.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){.app-shell{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}.topbar-home{gap:8px}.brand-wordmark{font-size:1rem}.top-actions{gap:6px}.top-actions .ghost{min-height:38px;padding:7px 10px}.username-label,.subtitle{display:none}.brand-logo{width:min(156px,44vw)}.section-card,.hero-card{border-radius:14px;padding:10px;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-live-stat{margin-left:0}.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-status-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.play-status-grid-compact .scene-status-tile{gap:2px;padding:6px 7px}.play-status-grid-compact .scene-status-kicker{letter-spacing:.08em;font-size:.56rem}.play-status-grid-compact .scene-status-tile strong{font-size:.84rem;line-height:1.05}.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}.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{margin-top:8px;padding:8px 10px}.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:8px}.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:6px;padding:6px 8px}.difficulty-panel .note{font-size:.76rem}.difficulty-chip-row{gap:6px;margin-top:6px}.difficulty-chip{padding:6px 8px;font-size:.74rem}.play-entry-hint,.play-live-strip{display:none}.play-action-row{margin-top:6px}.play-action-row button{min-height:34px;padding:6px 8px;font-size:.78rem}.queue-search-portal{gap:10px;margin-top:8px;padding:10px}.queue-portal-ring{width:80px;height:80px}.queue-portal-core{font-size:.88rem;inset:18px}.mode-switch,.stepper{flex-wrap:wrap}.slot{min-height:88px;padding:7px}.battle-arena-frame{gap:8px;padding:8px}.battle-arena-hud-top{grid-template-columns:minmax(0,1fr) auto;align-items:start}.battle-arena-hud-bottom{grid-template-columns:1fr;align-items:stretch}.battle-turn-pill{order:0;min-width:112px;padding:4px 7px}.battle-hero-pill{padding:6px 8px}.battle-hero-copy strong{font-size:.82rem}.battle-hero-metric{font-size:.76rem}.battle-player-summary{grid-template-columns:1fr;align-items:stretch;gap:4px;display:grid}.battle-resource-summary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;display:grid}.battle-resource-chip{justify-content:space-between;padding:4px 6px}.battle-board-stack{gap:6px;min-height:clamp(200px,38svh,300px)}.board-grid-battle .slot{min-height:54px;padding:4px 5px}.board-grid-battle .slot .effect-badge:not(.icon-only){display:none}.board-grid-battle .unit-portrait{height:24px}.battle-centerline{flex-direction:row;align-items:center;padding:3px 6px}.battle-center-note{font-size:.68rem}.battle-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.battle-controls.battle-controls-attack-ready{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-controls>button{width:100%;min-width:0;min-height:38px;padding:6px 4px;font-size:.8rem}.queue-modal{width:100%}.battle-hand-rail{max-height:min(22svh,154px);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:1;min-height:1.2em;margin-bottom:0;font-size:.78rem}.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(auto-fit,minmax(150px,1fr))}.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:176px;padding:6px 8px;overflow-y:auto}.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:180px;margin-top:6px;padding-right:2px;overflow-y:auto}.social-clan-block,.social-trade-block{max-height:220px;margin-top:6px;padding:8px;overflow-y:auto}.social-row,.shop-hero{gap:6px;padding:6px 8px}.shop-hero strong{font-size:var(--font-sm)}.theme-grid-shop-fit{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:8px;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-hero{gap:6px;padding:6px 8px}.settings-hero strong{font-size:var(--font-sm)}.settings-subnav{align-items:center;margin:8px 0}.settings-subnav .badge{flex:150px}.settings-subnav button{flex:none;width:auto;margin-left:auto}.settings-install-hint{text-align:left}.quest-summary{grid-template-columns:1fr;align-items:start}.settings-hub-grid{gap:8px}.shop-hub-grid,.social-hub-grid{margin-top:6px}.settings-hub-tile{padding:10px}.settings-toggle-list{gap:2px;margin:4px 0}.settings-toggle-row{font-size:var(--font-xs);padding:4px 8px}.complaint-desk-card .complaint-form{padding:8px}.admin-panel-block{gap:8px;max-height:240px;padding:8px;overflow-y:auto}.role-list{max-height:180px;overflow-y:auto}.social-inline-form,.social-row{grid-template-columns:1fr}}@media (width<=400px){.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}.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}}.auth-gate{justify-content:center;align-items:center;min-height:80svh;padding:24px 16px;display:flex}.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}.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{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{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c3aed33}.auth-error{color:#e85050;text-align:center;margin:0;font-size:.82rem}.auth-switch{color:var(--muted);margin:0;font-size:.82rem}.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}@keyframes packOpen{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.1)rotate(-3deg)}60%{transform:scale(1.15)rotate(3deg)}to{opacity:0;transform:scale(.9)rotate(0)}}@keyframes cardReveal{0%{opacity:0;transform:scale(.6)rotateY(180deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.pack-opening-overlay{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05050fd9;place-items:center;display:grid;position:fixed;inset:0}.pack-reveal-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%;max-width:640px;padding:24px;display:grid}.revealed-card{border:2px solid var(--rarity-color,var(--border));text-align:center;background:linear-gradient(#282346fa,#121428fa);border-radius:14px;padding:12px;animation:.5s ease-out backwards cardReveal}.revealed-card:first-child{animation-delay:.1s}.revealed-card:nth-child(2){animation-delay:.3s}.revealed-card:nth-child(3){animation-delay:.5s}.revealed-card:nth-child(4){animation-delay:.7s}.revealed-card:nth-child(5){animation-delay:.9s}.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:14px;margin-top:12px;padding:14px;display:grid}.queue-portal-ring{background:conic-gradient(#38bdf833,#7c3aede6,#fbbf2438,#38bdf833);border-radius:50%;width:108px;height: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;display:grid;position:absolute;inset:26px}.queue-portal-copy{gap:8px;display:grid}.queue-portal-copy h3{margin:0}.queue-found-banner{background:linear-gradient(160deg,#241808f5,#583a12e6);border:1px solid #fbbf244d;border-radius:16px;gap:12px;margin-top:12px;padding:14px;display:grid}.vs-sigil-art{filter:drop-shadow(0 12px 22px #00000057);width:min(220px,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-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3a5ccc,#5a3cb8);border:none;border-radius:10px;margin-top:12px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.pwa-install-btn:hover{transform:scale(1.03);box-shadow:0 4px 16px #5a3cb866}.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-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{transform:translate3d(var(--drag-dx,0), var(--drag-dy,0), 0) rotate(var(--fan-tilt,0deg)) scale(1.12);z-index:60;filter:brightness(1.06);cursor:grabbing;touch-action:none;transition:box-shadow .12s ease-out,filter .12s ease-out;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)}@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}@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)}}.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;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.battle-hero-pill{position:relative;overflow:hidden}.battle-hero-pill .hero-fx-overlay{pointer-events:none;object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.battle-hero-pill .hero-fx-cracks{mix-blend-mode:screen;animation:.52s ease-out forwards heroCrackFlash}.battle-hero-pill .hero-fx-halo{animation:.52s ease-out forwards heroHaloFlash}.battle-hero-pill.is-damaged{animation:.38s cubic-bezier(.36,.07,.19,.97) heroShake}.battle-hero-pill.is-healed{box-shadow:0 0 0 2px #4ade8099,0 0 22px #22c55e66}.battle-hero-pill.is-low-hp{animation:1s ease-in-out infinite heroLowHpVignette}.battle-hero-pill.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}}@media (prefers-reduced-motion:reduce){.hand-card.is-dragging,.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,.battle-hero-pill.is-damaged,.battle-hero-pill.is-healed,.battle-hero-pill.is-low-hp,.battle-hero-pill .hero-fx-cracks,.battle-hero-pill .hero-fx-halo{transition:none!important;animation:none!important}.battle-hero-pill.is-low-hp:after{background:#dc26262e}.hand-card.is-dragging{transform:rotate(var(--fan-tilt,0deg)) scale(1.05)}.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{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,[role=button],.scene-link,.chip{touch-action:manipulation}.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);background:linear-gradient(#22160cd9,#402612b8);align-items:stretch;transition:border-color .16s,transform .16s,box-shadow .16s;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{font-size:var(--font-xs);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0a;padding:4px 10px;transition:background .14s,color .14s}.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{color:var(--text);font-size:1.6rem}.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-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 8px 4px;overflow:auto hidden}.pack-ceremony-fan-slot{width:clamp(112px,34vw,144px);transform:rotate(var(--ceremony-tilt)) translateY(calc(var(--ceremony-lift) * -.35));scroll-snap-align:center;flex:0 0 clamp(112px,34vw,144px);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(100px,30vw,132px);width:clamp(100px,30vw,132px)}.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-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-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{animation:none!important}}