@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/Sora-Variable.ttf) format("truetype");font-style:normal;font-weight:100 800;font-display:swap}:root{--abu-void: #070d1f;--abu-night: #0d1933;--abu-horizon: #14264a;--abu-portal: #78d1ff;--abu-blue: #6bc8ff;--abu-violet: #a69bff;--abu-life: #5dd8a4;--abu-gold: #f6cb73;--abu-danger: #ff8194;--abu-ink: #f3f7ff;--abu-mist: #b7c7e2;--abu-muted: #8195b7;--surface-page: var(--abu-void);--surface-panel: var(--abu-night);--surface-elevated: var(--abu-horizon);--content-primary: var(--abu-ink);--content-secondary: var(--abu-mist);--content-muted: var(--abu-muted);--accent-primary: var(--abu-portal);--accent-info: var(--abu-blue);--accent-violet: var(--abu-violet);--accent-success: var(--abu-life);--accent-warning: var(--abu-gold);--accent-danger: var(--abu-danger);--resource-gold: var(--abu-gold);--border-subtle: rgba(183, 199, 226, .14);--border-focus: var(--abu-portal);--shadow-portal: 0 0 28px rgba(120, 209, 255, .22);--oled-950: var(--abu-void);--oled-900: var(--abu-night);--oled-850: var(--abu-horizon);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--duration-feedback: .16s;--duration-interaction: .18s;--duration-panel: .24s;--duration-scene: .48s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--shadow-edge: 0 1px 0 rgba(242, 246, 252, .06), 0 12px 32px rgba(0, 0, 0, .45);--radius-control: 12px;--radius-entity: 18px;--radius-panel: 24px;--font-display: "Sora", "Segoe UI", system-ui, sans-serif;--font-ui: "Outfit", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--product-bg: var(--oled-950);--product-surface: var(--oled-900);--product-surface-raised: var(--oled-850);--product-line: var(--border-subtle);--product-line-strong: rgba(183, 199, 226, .28);--product-ink: var(--content-primary);--product-copy: var(--content-secondary);--product-muted: var(--content-muted);--product-amber: var(--accent-primary);--product-gold: var(--resource-gold);--product-green: var(--accent-success);--product-cyan: var(--accent-info);--product-red: var(--accent-danger);--product-max: 1440px;--product-display: var(--font-display);--product-mono: var(--font-mono);--type-body-size: 1rem;--target-min: 44px;--client-dock-offset: 0px}html,body{overflow:auto;height:auto;min-height:100%}body{background:var(--product-bg);color:var(--product-ink);font-size:var(--type-body-size)}a{color:inherit;text-decoration:none}.product-root{min-height:100dvh;background:var(--product-bg);color:var(--product-ink)}.product-root :where(button,.button){min-height:var(--target-min)}.product-root :where(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--target-min)}.match-exit{min-width:var(--target-min)}.skip-link,.toast,.public-mobile-menu{background:var(--surface-elevated)}.scale-compact{--target-min: 44px;--space-4: .85rem}.scale-large{--target-min: 48px;--space-4: 1.15rem}.client-mobile-nav{display:none;position:relative;min-width:0;justify-content:space-around;align-items:center;gap:var(--space-2);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.client-mobile-nav a,.client-mobile-nav button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.25rem .5rem}.mobile-secondary-nav{position:absolute;right:var(--space-2);bottom:calc(100% + var(--space-2));left:var(--space-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-2);border:1px solid var(--product-line-strong);background:var(--oled-900);box-shadow:0 1rem 2.5rem #0000006b}.mobile-secondary-nav[hidden]{display:none}.mobile-secondary-nav a{min-width:0;min-height:44px;flex-direction:row;gap:var(--space-1);justify-content:flex-start;padding:var(--space-2);border:1px solid transparent}.mobile-secondary-nav a:hover,.mobile-secondary-nav a:focus-visible,.mobile-secondary-nav a[aria-current=page]{border-color:var(--accent-primary);background:#f4bf4514}.status-rail{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--product-line)}.status-rail[data-status-state=synced]{border-left:3px solid var(--product-green);color:var(--product-green)}.status-rail[data-status-state=error]{border-left:3px solid var(--product-red);color:var(--product-red)}.match-boot-surface{min-height:100dvh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 35%,rgba(61,128,130,.18),transparent 32rem),var(--product-bg)}.match-boot-card{width:min(34rem,100%);padding:clamp(2rem,5vw,4rem);border:1px solid rgba(126,200,232,.24);border-radius:12px;background:linear-gradient(145deg,#122330f5,#080e16fa);box-shadow:0 24px 80px #0000006b;text-align:center}.match-boot-card h1{margin:0;font:800 clamp(2rem,5vw,3.4rem)/.95 var(--product-display);letter-spacing:-.05em}.match-boot-mark{display:grid;place-items:center;width:3.3rem;height:3.3rem;margin:0 auto 1.5rem;border:1px solid var(--product-amber);color:var(--product-amber);transform:rotate(45deg);font-size:1.4rem}.match-boot-message{margin:1rem auto 0;color:var(--product-copy);line-height:1.55}.match-boot-hint{margin:.8rem auto 0;color:var(--product-muted);font-size:.82rem;line-height:1.5}.match-boot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.6rem}.match-boot-loader{display:block;width:9rem;height:.2rem;margin:1.6rem auto 0;overflow:hidden;background:#7ec8e829}.match-boot-loader:after{content:"";display:block;width:45%;height:100%;background:var(--product-amber);animation:boot-progress 1.1s ease-in-out infinite}.match-boot-surface.is-error .match-boot-mark{border-color:var(--product-red);color:var(--product-red)}.match-boot-surface.is-error .match-boot-loader{display:none}.product-root button,.product-root input{font:inherit}.product-root button:focus-visible,.product-root a:focus-visible,.product-root input:focus-visible{outline:2px solid var(--product-amber);outline-offset:4px}.wordmark{display:inline-flex;align-items:center;gap:.65rem;font:800 .8rem/1 var(--product-display);letter-spacing:.14em;min-height:44px}.wordmark i{color:var(--product-amber);font-style:normal}.wordmark-mark{display:grid;place-items:center;width:1.65rem;height:1.65rem;color:var(--product-amber);border:1px solid rgba(244,191,69,.6);transform:rotate(45deg);font-size:.85rem}.wordmark-mark:first-letter{transform:rotate(-45deg)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.6rem;border:1px solid var(--product-line-strong);border-radius:5px;padding:0 .95rem;background:transparent;color:var(--product-ink);font-weight:700;font-size:.76rem;letter-spacing:.035em;transition:background .2s ease,border-color .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px);border-color:#f4bf45cc}.button-primary{background:var(--product-amber);color:#191407;border-color:var(--product-amber)}.button-primary:hover{background:#ffd56b}.button-quiet{color:var(--product-copy);background:#ffffff06}.button-small{min-height:2.3rem;padding-inline:.75rem;font-size:.7rem}.eyebrow{margin:0 0 .75rem;color:var(--product-amber);font:700 .65rem/1.2 var(--product-display);letter-spacing:.16em}.text-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--product-copy);font-size:.78rem;font-weight:700;min-height:44px}.text-link:hover{color:var(--product-amber)}.text-link .ui-icon{width:.9rem}.status-dot,.live-dot{display:inline-block;width:.42rem;height:.42rem;border-radius:50%;background:var(--product-green);box-shadow:0 0 0 3px #64d78b1f}.public-root{background:radial-gradient(circle at 78% 27%,rgba(43,81,89,.2),transparent 27rem),linear-gradient(130deg,#070b12,#09111a 52%,#071016)}.public-header,.docs-header{width:min(100% - 3rem,var(--product-max));margin-inline:auto;min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--product-line)}.public-nav{display:flex;gap:1.8rem;margin-left:auto;color:var(--product-copy);font-size:.77rem}.public-nav a:hover,.public-footer a:hover{color:var(--product-amber)}.landing-main{width:min(100% - 3rem,var(--product-max));margin-inline:auto}.hero-block{min-height:min(720px,calc(100dvh - 5.5rem));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5rem 2.5rem 4rem}.hero-copy{max-width:38rem}.hero-copy h1,.manifesto h2,.docs-article h1,.welcome-row h2,.play-hero h2,.section-intro h2{margin:0;font:800 clamp(3rem,6vw,5.8rem)/.92 var(--product-display);letter-spacing:-.055em}.hero-copy h1 em,.manifesto h2 em,.docs-article h1 em,.welcome-row h2 em,.play-hero h2 em,.section-intro h2 em{color:var(--product-amber);font-style:normal}.hero-lede{max-width:31rem;margin:1.8rem 0 0;color:var(--product-copy);font-size:1.05rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem}.hero-proof{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:4.5rem;color:var(--product-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.hero-proof strong{display:block;margin-bottom:.25rem;color:var(--product-ink);font-size:1rem;letter-spacing:0}.hero-art{position:relative;min-height:28rem;display:grid;place-items:center}.art-glow{position:absolute;width:25rem;height:25rem;border-radius:50%;background:#3d80822e;filter:blur(45px)}.art-board{position:relative;width:min(100%,30rem);aspect-ratio:1.14;padding:1.25rem;border:1px solid rgba(126,200,232,.42);border-radius:12px;background:linear-gradient(145deg,#112630f5,#08111afa);box-shadow:25px 35px 80px #00000061,inset 0 0 60px #7ec8e80f;transform:rotate(-5deg)}.art-board:after{content:"";position:absolute;inset:.5rem;border:1px solid rgba(126,200,232,.1);border-radius:8px;pointer-events:none}.art-board-top,.art-board-footer{display:flex;align-items:center;justify-content:space-between;color:var(--product-muted);font:700 .6rem/1 var(--product-display);letter-spacing:.13em}.art-board-top{padding-bottom:1rem;border-bottom:1px solid var(--product-line)}.art-cards{position:absolute;top:4.5rem;left:2rem;display:flex;gap:-.2rem}.art-card{width:6rem;height:8.3rem;display:flex;flex-direction:column;justify-content:space-between;padding:.7rem;border:1px solid rgba(244,191,69,.55);border-radius:6px;background:linear-gradient(145deg,#304451,#111b25);box-shadow:8px 14px 24px #0000004d}.art-card+.art-card{margin-left:-1.25rem;transform:translateY(1rem) rotate(5deg)}.art-card:nth-child(3){transform:translateY(2rem) rotate(10deg)}.art-card span{color:var(--product-amber);font-size:1.8rem}.art-card b{font:800 2rem/1 var(--product-display)}.art-card small{color:var(--product-copy);font-size:.46rem;letter-spacing:.08em}.art-grid{position:absolute;right:1.7rem;bottom:4.1rem;display:grid;grid-template-columns:repeat(4,2rem);gap:.3rem;transform:skewY(-10deg)}.grid-cell{display:block;aspect-ratio:1;border:1px solid rgba(126,200,232,.25);background:#7ec8e80d}.grid-cell.active{border-color:var(--product-amber);background:#f4bf4547;box-shadow:0 0 16px #f4bf454d}.art-board-footer{position:absolute;right:1.25rem;bottom:1.25rem;left:1.25rem;padding-top:.9rem;border-top:1px solid var(--product-line)}.art-board-footer strong{color:var(--product-ink);font-size:.8rem}.mini-avatar{width:1rem;height:1rem;margin-right:.35rem;border-radius:50%;background:var(--product-amber)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 2.5rem;border-top:1px solid var(--product-line);border-bottom:1px solid var(--product-line)}.feature-kicker{color:var(--product-cyan);font:700 .62rem/1 var(--product-display);letter-spacing:.16em}.feature-strip h2{margin:1.2rem 0 .65rem;font:700 1.25rem/1.1 var(--product-display);letter-spacing:-.02em}.feature-strip p{max-width:19rem;margin:0;color:var(--product-muted);font-size:.84rem;line-height:1.6}.manifesto{padding:9rem 2.5rem 10rem}.manifesto h2{font-size:clamp(3rem,6vw,5.4rem)}.manifesto .text-link{margin-top:2.5rem}.public-footer{width:min(100% - 3rem,var(--product-max));margin-inline:auto;display:flex;justify-content:space-between;gap:1rem;padding:1.8rem 2.5rem;color:var(--product-muted);font-size:.7rem}.public-footer a{min-height:var(--target-min, 44px);display:inline-flex;align-items:center}.docs-root{background:#f0eee8;color:#17212a;min-height:100dvh}.docs-root .wordmark{color:#17212a}.docs-root .wordmark-mark{color:#ba8014;border-color:#ba8014}.docs-root .wordmark i{color:#ba8014}.docs-header{border-color:#17212a24}.docs-root .button-quiet{color:#17212a;border-color:#17212a38;background:#ffffff2e}.docs-root .button-quiet:hover{border-color:#b88116;background:#b8811614}.docs-breadcrumb{margin-left:auto;color:#7d837f;font:700 .63rem/1 var(--product-display);letter-spacing:.13em}.docs-layout{width:min(100% - 3rem,1200px);margin-inline:auto;display:grid;grid-template-columns:240px 1fr;gap:7rem;padding:5.5rem 2.5rem 8rem}.docs-sidebar nav{display:grid;gap:.35rem;margin-top:1.5rem}.docs-sidebar nav a{display:flex;justify-content:space-between;padding:.7rem .8rem;border-left:2px solid transparent;color:#727a7b;font-size:.78rem}.docs-sidebar nav a:hover,.docs-sidebar nav a.is-active{border-color:#b88116;color:#17212a;background:#b8811614}.docs-sidebar nav a span{opacity:0}.docs-sidebar nav a.is-active span{opacity:1;color:#b88116}.docs-aside-note{display:grid;grid-template-columns:auto 1fr;gap:.4rem .7rem;margin-top:5rem;padding-top:1rem;border-top:1px solid rgba(23,33,42,.14);color:#606b6a;font-size:.7rem}.docs-aside-note .status-dot{grid-row:span 2;margin-top:.2rem;background:#4b9c68}.docs-aside-note small{line-height:1.45}.docs-article{max-width:47rem}.docs-article h1{font-size:clamp(3.2rem,6vw,5.8rem);color:#17212a}.docs-article h1 em{color:#b88116}.docs-lede{max-width:35rem;margin:2rem 0 3rem;color:#647073;font-size:1.05rem;line-height:1.7}.docs-article h2{margin:3.5rem 0 1rem;font:800 1.55rem/1 var(--product-display)}.docs-article p:not(.eyebrow){color:#647073;line-height:1.7}.docs-callout{display:flex;gap:1rem;padding:1.25rem;border-left:3px solid #b88116;background:#b8811614}.docs-callout .ui-icon{color:#b88116}.docs-callout strong{font-size:.9rem}.docs-callout p{margin:.4rem 0 0;font-size:.82rem}@media(max-width:960px)and (min-width:641px){.match-outlet .game-shell{grid-template-rows:72px 0 72px minmax(0,1fr) auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits"}}@media(min-width:641px)and (max-width:960px){.match-outlet .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:72px 0 72px minmax(0,1fr) auto auto auto}}.product-root :where(button,.button,.button-small){min-height:44px}.product-root :where(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}.button{border-radius:var(--radius-control);transition-duration:var(--duration-feedback)}.button:hover{border-color:var(--abu-portal)}.button-primary{border-color:var(--abu-portal);background:var(--abu-portal);color:#071326}.button-primary:hover{border-color:#a6e3ff;background:#a6e3ff}.button-quiet:hover{border-color:var(--abu-portal);background:#78d1ff14}.wordmark-mark{position:relative;width:1.7rem;height:1.7rem;border:0;color:var(--abu-portal);font-size:0;transform:none}.wordmark-mark:before,.wordmark-mark:after{position:absolute;inset:.08rem;border:1.5px solid currentColor;border-radius:50%;content:"";box-shadow:var(--shadow-portal)}.wordmark-mark:after{inset:.38rem;border-width:1px;opacity:.62;box-shadow:none}.wordmark-mark:first-letter{transform:none}.docs-root{color-scheme:dark;background:radial-gradient(circle at 88% 8%,rgba(120,209,255,.075),transparent 28rem),var(--abu-void);color:var(--content-primary)}.docs-root .wordmark{color:var(--content-primary)}.docs-root .wordmark-mark,.docs-root .wordmark i{color:var(--abu-portal)}.docs-root .docs-header{border-color:var(--border-subtle)}.docs-root .button-quiet{color:var(--content-secondary);border-color:var(--product-line-strong);background:#0d1933d1}.docs-root .button-quiet:hover{border-color:var(--abu-portal);background:#78d1ff14}.docs-root .docs-breadcrumb{color:var(--content-muted)}.docs-root .docs-sidebar nav a{min-height:44px;align-items:center;border-left-color:transparent;border-radius:0 var(--radius-control) var(--radius-control) 0;color:var(--content-secondary)}.docs-root .docs-sidebar nav a:hover,.docs-root .docs-sidebar nav a.is-active{border-color:var(--abu-portal);background:#78d1ff14;color:var(--content-primary)}.docs-root .docs-sidebar nav a.is-active span{color:var(--abu-portal)}.docs-root .docs-aside-note{border-color:var(--border-subtle);color:var(--content-muted)}.docs-root .docs-aside-note .status-dot{background:var(--abu-life)}.docs-root .docs-article h1,.docs-root .docs-article h2,.docs-root .docs-article h3{color:var(--content-primary)}.docs-root .docs-article h1 em,.docs-root .docs-article a{color:var(--abu-portal)}.docs-root .docs-article p:not(.eyebrow),.docs-root .docs-lede{color:var(--content-secondary)}.docs-root .docs-toc{border-color:var(--abu-portal);border-radius:0 var(--radius-control) var(--radius-control) 0;background:#78d1ff0f}.docs-root .docs-toc a{color:var(--content-secondary)}.docs-root .docs-toc a:hover{color:var(--abu-portal);background:#78d1ff14}.docs-root .docs-callout{border-color:var(--abu-portal);border-radius:var(--radius-control);background:#78d1ff12}.docs-root .docs-callout .ui-icon{color:var(--abu-portal)}.docs-root .code-example,.docs-root pre{border-color:var(--product-line-strong);border-radius:var(--radius-entity);background:#09142b;color:var(--content-primary)}.docs-root code{color:#b7e9ff}.docs-root .copy-code{min-width:44px;min-height:44px}.docs-root .docs-not-found{color:var(--content-primary)}.docs-root :where(a,button):focus-visible{outline-color:var(--abu-portal)}.docs-root .wordmark{gap:.65rem}.docs-root .wordmark:before,.docs-root .wordmark:after{display:block;width:1.5rem;height:1.5rem;border:1.5px solid var(--abu-portal);border-radius:50%;content:"";box-shadow:var(--shadow-portal)}.docs-root .wordmark:after{position:absolute;left:.65rem;width:.68rem;height:.68rem;border-width:1px;border-color:var(--abu-violet);box-shadow:none}.client-sidebar{background:var(--surface-panel)}.client-frame{background:var(--surface-page)}.client-context{border-color:var(--border-subtle)}.context-avatar,.profile-avatar{border-color:#78d1ff80}.client-nav a:hover,.client-nav a.is-active,.sidebar-bottom>a:hover{background:#78d1ff12}.client-nav a{border-radius:0 var(--radius-control) var(--radius-control) 0}.client-nav a.is-active{color:var(--abu-portal)}.home-orbit .orbit-ring:before{border-color:#78d1ff33}.home-orbit .orbit-ring:after{border-color:#a69bff2e}.home-orbit .orbit-core{background:var(--surface-elevated);box-shadow:var(--shadow-portal)}.dashboard-card{border-radius:var(--radius-entity);background:linear-gradient(145deg,var(--surface-panel),var(--surface-page))}.tag{min-height:32px;align-items:center;border-radius:999px}.tag-amber{border-color:#78d1ff52;background:#78d1ff12}.collection-mark{border-radius:var(--radius-control)}.activity-icon{border-radius:50%}.client-header{border-color:var(--border-subtle)}.client-root{background:var(--surface-page)}.product-root .match-boot-mark{border:0;border-radius:50%;color:var(--abu-portal);transform:none;box-shadow:var(--shadow-portal)}.product-root .match-boot-card{border-color:var(--border-subtle);border-radius:var(--radius-panel);background:linear-gradient(145deg,var(--surface-panel),var(--surface-page))}.product-root .match-boot-loader:after{background:var(--abu-portal)}.product-root .match-boot-surface{background:radial-gradient(circle at 50% 35%,rgba(120,209,255,.12),transparent 32rem),var(--surface-page)}.settings-group label,.onboarding-form label{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer}.settings-group input[type=checkbox],.onboarding-form input[type=checkbox],.onboarding-form input[type=radio]{appearance:none;flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid var(--product-line-strong);border-radius:8px;background:#0d151fdb;display:grid;place-content:center}.settings-group input[type=checkbox]:checked,.onboarding-form input[type=checkbox]:checked{border-color:var(--product-amber);background:#f4bf4529}.settings-group input[type=checkbox]:after,.onboarding-form input[type=checkbox]:after{content:"✓";color:var(--product-amber);font:700 1.1rem/1 var(--product-display);opacity:0}.settings-group input[type=checkbox]:checked:after,.onboarding-form input[type=checkbox]:checked:after{opacity:1}.onboarding-form input[type=radio]{border-radius:50%}.onboarding-form input[type=radio]:checked{border-color:var(--product-cyan);box-shadow:inset 0 0 0 11px #0d151fdb;background:var(--product-cyan)}.settings-group input:focus-visible,.onboarding-form input:focus-visible{outline:2px solid var(--product-amber);outline-offset:3px}.steps{display:grid;gap:0;border-top:1px solid rgba(23,33,42,.14)}.steps>div{display:grid;grid-template-columns:3rem 1fr;gap:.25rem 1rem;padding:1rem 0;border-bottom:1px solid rgba(23,33,42,.14)}.steps b{grid-row:span 2;color:#b88116;font:700 .75rem/1 var(--product-display)}.steps strong{font-size:.86rem}.steps span{color:#778180;font-size:.78rem}.code-window{margin-top:2rem;border:1px solid #36434d;border-radius:6px;overflow:hidden;background:#18232b;color:#ccdae0}.code-window>div{display:flex;align-items:center;gap:.35rem;padding:.7rem .9rem;border-bottom:1px solid #36434d}.code-window>div>span{width:.45rem;height:.45rem;border-radius:50%;background:#d87865}.code-window>div>span:nth-child(2){background:#d7aa58}.code-window>div>span:nth-child(3){background:#67ab7a}.code-window small{margin-left:.5rem;color:#80909a;font-size:.63rem}.code-window pre{margin:0;padding:1.5rem;overflow-x:auto;color:#d9e6e9;font:.8rem/1.75 Cascadia Code,Consolas,monospace}.import-flow,.replay-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.import-flow>div{display:grid;gap:.4rem;padding:1.1rem;border-top:2px solid #b88116;background:#17212a0a}.import-flow span{color:#b88116;font:700 1.2rem/1 var(--product-display)}.import-flow strong{font-size:.82rem}.import-flow small{color:#778180}.docs-list{display:grid;gap:.8rem;padding:0;color:#647073;list-style:none;font-size:.84rem}.docs-list li{display:flex;align-items:center;gap:.6rem}.docs-list .ui-icon{width:1rem;color:#4b9c68}.replay-diagram{grid-template-columns:1fr auto 1fr auto 1fr auto 1.2fr;align-items:center;gap:.45rem}.replay-diagram>div{padding:.8rem .55rem;border:1px solid rgba(23,33,42,.18);text-align:center;color:#778180;font:.55rem/1.35 var(--product-display);letter-spacing:.08em}.replay-diagram strong{color:#17212a;font-size:.72rem;letter-spacing:0}.replay-diagram>span{color:#b88116}.replay-result{border-color:#4b9c68!important}.next-doc{display:inline-flex;align-items:center;gap:.5rem;margin-top:4rem;padding-top:1rem;border-top:1px solid rgba(23,33,42,.14);color:#b88116;font-weight:700;font-size:.78rem}.next-doc .ui-icon{width:1rem}.client-root{background:#080d14}.client-frame{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100dvh}.client-sidebar{display:flex;flex-direction:column;padding:2rem 1.1rem 1.1rem;border-right:1px solid var(--product-line);background:#0a1018}.client-wordmark{padding:0 .8rem 2.3rem}.client-context{display:flex;align-items:center;gap:.65rem;padding:.8rem;border-block:1px solid var(--product-line)}.context-avatar,.profile-avatar{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(244,191,69,.7);border-radius:50%;color:var(--product-amber);font:800 .65rem/1 var(--product-display)}.client-context div{display:grid;gap:.22rem;min-width:0}.client-context strong{font-size:.76rem}.client-context small,.profile-chip small{color:var(--product-muted);font-size:.62rem}.live-dot{margin-left:auto;width:.35rem;height:.35rem;box-shadow:none}.client-nav{display:grid;gap:.25rem;padding-top:1.5rem}.client-nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:.8rem;min-height:2.75rem;padding:0 .8rem;border-left:2px solid transparent;color:var(--product-muted);font-size:.76rem}.client-nav a:hover,.client-nav a.is-active,.sidebar-bottom>a:hover{border-color:var(--product-amber);color:var(--product-ink);background:#f4bf450f}.client-nav a.is-active{color:var(--product-amber)}.client-nav a span,.sidebar-bottom>a span{display:inline}.sidebar-bottom{display:grid;gap:.25rem;margin-top:auto}.profile-chip{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem .65rem;border-top:1px solid var(--product-line)}.profile-chip>span:nth-child(2){display:grid;gap:.2rem}.profile-chip>.ui-icon{margin-left:auto;width:.8rem;color:var(--product-muted)}.client-body{min-width:0}.client-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:6.8rem;padding:1.5rem 4.5rem;border-bottom:1px solid var(--product-line)}.client-kicker{color:var(--product-muted);font:700 .6rem/1 var(--product-display);letter-spacing:.15em}.client-header h1{margin:.45rem 0 0;font:700 1.6rem/1 var(--product-display);letter-spacing:-.025em}.client-header-actions{display:flex;align-items:center;gap:1.4rem}.sync-status{color:var(--product-muted);font-size:.65rem}.sync-status .live-dot{margin-right:.5rem}.client-content{width:min(100% - 9rem,1100px);margin-inline:auto;padding:4.5rem 0 6rem}.welcome-row,.play-hero,.section-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem}.welcome-row h2,.play-hero h2,.section-intro h2{font-size:clamp(2.8rem,5vw,5rem)}.welcome-row>div:first-child{max-width:41rem}.welcome-row>div:first-child>p:not(.eyebrow),.play-hero>p{color:var(--product-copy);line-height:1.6}.home-orbit{position:relative;width:14rem;height:14rem;margin-right:4rem}.orbit-ring{position:absolute;inset:.8rem;border:1px solid rgba(126,200,232,.3);border-radius:50%;box-shadow:inset 0 0 25px #7ec8e80d}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;inset:1.7rem;border:1px dashed rgba(244,191,69,.32);border-radius:50%}.orbit-ring:after{inset:3.9rem;border-style:solid;border-color:#7ec8e829}.orbit-core{position:absolute;inset:5rem;display:grid;place-items:center;border:1px solid var(--product-amber);border-radius:50%;color:var(--product-amber);background:#101b23;box-shadow:0 0 30px #f4bf452e}.orbit-label{position:absolute;color:var(--product-muted);font:.55rem/1.2 var(--product-display);letter-spacing:.1em}.orbit-label strong{color:var(--product-ink);font-size:1rem}.orbit-label-a{top:1rem;right:-1rem}.orbit-label-b{bottom:1.4rem;left:-.5rem}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem;margin-top:5rem}.dashboard-card{min-height:12.5rem;padding:1.35rem;border:1px solid var(--product-line);border-radius:6px;background:linear-gradient(140deg,#121b28e6,#0a1018e6)}.card-wide{grid-column:span 1}.card-heading,.collection-preview,.stat-line{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-card h3{margin:.55rem 0;font:700 1.4rem/1 var(--product-display)}.tag{display:inline-flex;padding:.3rem .45rem;border:1px solid;border-radius:3px;font:700 .55rem/1 var(--product-display);letter-spacing:.09em}.tag-green{color:var(--product-green);border-color:#64d78b59;background:#64d78b14}.tag-amber{color:var(--product-amber);border-color:#f4bf4559;background:#f4bf4514}.collection-preview{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--product-line)}.collection-mark{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--product-cyan);border-radius:5px;color:var(--product-cyan);font:800 1rem/1 var(--product-display)}.collection-preview>div:nth-child(2){display:grid;gap:.35rem;margin-right:auto}.collection-preview strong{font-size:.75rem}.collection-preview small,.muted{color:var(--product-muted);font-size:.65rem}.collection-preview>a,.stat-line a,.collection-card-body a,.mode-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--product-amber);font-size:.68rem;font-weight:700}.collection-preview .ui-icon,.stat-line .ui-icon{width:.8rem}.stat-line{margin-top:3.4rem;padding-top:.8rem;border-top:1px solid var(--product-line)}.stat-line strong{font:700 1.2rem/1 var(--product-display)}.activity-list{display:grid;gap:1.1rem;margin-top:2rem}.activity-list>span{display:flex;gap:.6rem;color:var(--product-copy);font-size:.7rem}.activity-list>span>span{display:grid;gap:.25rem}.activity-list small{color:var(--product-muted)}.activity-icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:1px solid var(--product-line-strong);border-radius:50%;color:var(--product-cyan);font-style:normal}.play-hero{align-items:start}.play-hero>p{max-width:18rem;margin-top:2rem}.mode-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1rem;margin-top:4rem}.mode-card{position:relative;min-height:20rem;display:flex;flex-direction:column;padding:1.4rem;border:1px solid var(--product-line);background:#0d151f;transition:transform .2s ease,border-color .2s ease}.mode-card:hover{transform:translateY(-4px);border-color:var(--product-amber)}.mode-featured{background:linear-gradient(145deg,#364a41d9,#0d151ff5);border-color:#64d78b59}.mode-number{color:var(--product-muted);font:.65rem/1 var(--product-display)}.mode-icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin:2.5rem 0 1.6rem;border:1px solid var(--product-line-strong);border-radius:50%;color:var(--product-amber)}.mode-icon .ui-icon{width:1.3rem;height:1.3rem}.mode-card h3{margin:0;font:700 1.3rem/1 var(--product-display)}.mode-card p{max-width:15rem;margin:.8rem 0;color:var(--product-copy);font-size:.78rem;line-height:1.6}.mode-link{margin-top:auto}.mode-link .ui-icon{width:.8rem}.section-intro>.button,.section-intro>.tag{margin-bottom:.3rem}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:4rem}.collection-card{overflow:hidden;border:1px solid var(--product-line);border-radius:6px;background:#0d151f}.collection-art{min-height:13rem;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(126,200,232,.24),transparent 35%),linear-gradient(140deg,#203d47,#0d151f)}.collection-art span{color:#f4bf45d9;font:800 5rem/1 var(--product-display);letter-spacing:-.1em}.collection-card-body{padding:1.25rem}.collection-card-body h3{margin:.65rem 0 .4rem;font:700 1.35rem/1 var(--product-display)}.collection-card-body p{margin:0;color:var(--product-copy);font-size:.75rem}.collection-card-body>div{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:.8rem;border-top:1px solid var(--product-line)}.collection-card-body small{color:var(--product-muted);font-size:.63rem}.collection-empty{min-height:100%;display:grid;place-content:center;justify-items:center;padding:3rem;border-style:dashed;text-align:center}.collection-empty>span{color:var(--product-amber)}.collection-empty h3{margin:1rem 0 .4rem;font:700 1.2rem/1 var(--product-display)}.collection-empty p{margin:0 0 1.5rem;color:var(--product-copy);font-size:.76rem}.collection-empty a{color:var(--product-amber);font-size:.7rem;font-weight:700}.workshop-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;margin-top:4rem}.dropzone{min-height:25rem;display:grid;place-content:center;justify-items:center;padding:2rem;border:1px dashed rgba(126,200,232,.45);border-radius:6px;background:radial-gradient(circle at 50% 0,rgba(126,200,232,.1),transparent 45%),#0d151f;text-align:center}.dropzone-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid var(--product-cyan);border-radius:50%;color:var(--product-cyan)}.dropzone h3{margin:1.2rem 0 .4rem;font:700 1.35rem/1 var(--product-display)}.dropzone p{margin:0 0 1.3rem;color:var(--product-copy);font-size:.75rem}.dropzone-or{margin:1.4rem 0 .6rem;color:var(--product-muted);font-size:.65rem}.url-input{display:flex;width:min(100%,24rem);border:1px solid var(--product-line-strong)}.url-input input{min-width:0;flex:1;border:0;padding:.7rem;outline:none;background:transparent;color:var(--product-ink);font-size:.75rem}.url-input button{display:grid;place-items:center;width:2.6rem;color:var(--product-amber);background:transparent}.url-input .ui-icon{width:.9rem}.workshop-side{display:grid;gap:1rem}.info-card,.docs-card{padding:1.3rem;border:1px solid var(--product-line);background:#0d151f}.info-card>div{display:flex;gap:.8rem;margin-top:1.4rem}.info-card b{color:var(--product-amber);font:.7rem/1 var(--product-display)}.info-card span{display:grid;gap:.25rem}.info-card strong{font-size:.75rem}.info-card small{color:var(--product-muted);font-size:.65rem}.docs-card{display:grid;gap:.45rem;color:var(--product-copy)}.docs-card>span{color:var(--product-cyan)}.docs-card strong{color:var(--product-ink);font-size:.8rem}.docs-card small{font-size:.68rem}.docs-card .ui-icon{width:.8rem}.replay-table{margin-top:4rem;border-top:1px solid var(--product-line)}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.3fr 1fr .8fr 1.2rem;gap:1rem;align-items:center}.table-head{padding:.8rem .5rem;color:var(--product-muted);font:.58rem/1 var(--product-display);letter-spacing:.1em}.table-row{min-height:4.3rem;padding:.6rem .5rem;border-top:1px solid var(--product-line);color:var(--product-copy);font-size:.72rem}.table-row:hover{background:#f4bf450d;color:var(--product-ink)}.table-row>span:first-child{display:flex;align-items:center;gap:.7rem}.table-row strong{color:var(--product-ink)}.replay-thumb{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--product-line-strong);border-radius:4px;color:var(--product-amber);font-style:normal}.result-win{color:var(--product-green)}.result-loss{color:var(--product-red)}.table-row>span:last-child{color:var(--product-amber)}.profile-hero{display:flex;align-items:center;gap:1.4rem;padding-bottom:2rem;border-bottom:1px solid var(--product-line)}.profile-large{display:grid;place-items:center;width:6rem;height:6rem;border:1px solid var(--product-amber);border-radius:50%;color:var(--product-amber);font:800 2.4rem/1 var(--product-display)}.profile-hero h2{margin:.4rem 0;font:700 2rem/1 var(--product-display)}.profile-hero p:not(.eyebrow){margin:0;color:var(--product-muted);font-size:.78rem}.profile-hero button{margin-left:auto}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;border-block:1px solid var(--product-line)}.profile-stats div{display:grid;gap:.5rem;padding:1.5rem;border-right:1px solid var(--product-line)}.profile-stats strong{color:var(--product-amber);font:700 2rem/1 var(--product-display)}.profile-stats span{color:var(--product-muted);font-size:.7rem}.settings-list{max-width:48rem}.settings-list .section-intro{margin-bottom:3rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 0;border-top:1px solid var(--product-line)}.setting-row span{display:grid;gap:.35rem}.setting-row strong{font-size:.8rem}.setting-row small{color:var(--product-muted);font-size:.7rem}.setting-row input{width:2.3rem;height:1.25rem;accent-color:var(--product-amber)}@media(max-width:900px){.hero-block{grid-template-columns:1fr;padding-top:4rem}.hero-art{min-height:24rem}.feature-strip{grid-template-columns:1fr}.docs-layout{gap:3rem}.client-frame{grid-template-columns:190px minmax(0,1fr)}.client-header{padding-inline:2rem}.client-content{width:min(100% - 4rem,1100px)}.dashboard-grid,.mode-grid{grid-template-columns:1fr 1fr}.card-wide,.mode-featured{grid-column:span 2}.product-root :where(button,.button,input:not([type=checkbox]):not([type=radio]),select),.public-nav a,.public-footer a,.docs-header a,.docs-sidebar nav a{min-height:44px}.public-nav a,.public-footer a,.docs-header a,.docs-sidebar nav a{display:inline-flex;align-items:center}.public-nav a{min-width:44px;justify-content:center}}@media(max-width:640px){.public-header,.docs-header{width:min(100% - 2rem,var(--product-max));min-height:4.5rem}.public-nav{display:none}.landing-main{width:min(100% - 2rem,var(--product-max))}.hero-block{min-height:auto;padding:4rem .5rem 3rem}.hero-copy h1,.docs-article h1{font-size:3.35rem}.hero-lede{font-size:.9rem}.hero-proof{margin-top:2.5rem}.hero-art{min-height:21rem}.art-board{transform:rotate(-3deg) scale(.88)}.feature-strip,.manifesto{padding-inline:.5rem}.manifesto{padding-block:6rem}.manifesto h2{font-size:3.3rem}.public-footer{width:min(100% - 2rem,var(--product-max));flex-wrap:wrap;padding-inline:.5rem}.docs-breadcrumb{display:none}.docs-layout{display:block;width:min(100% - 2rem,1200px);padding:3rem .5rem 5rem}.docs-sidebar{margin-bottom:3rem}.docs-sidebar nav{display:flex;flex-wrap:wrap}.docs-sidebar nav a{padding:.6rem;min-height:44px;display:inline-flex;align-items:center}.docs-aside-note{display:none}.docs-article h1{font-size:3.3rem}.replay-diagram{grid-template-columns:repeat(4,1fr)}.replay-diagram>span:nth-of-type(3){display:none}.client-frame{display:block}.client-sidebar{position:sticky;top:0;z-index:5;display:block;padding:.75rem 1rem;border-right:0;border-bottom:1px solid var(--product-line)}.client-wordmark{display:inline-flex;padding:0}.client-context,.sidebar-bottom{display:none}.client-nav{display:flex;overflow-x:auto;gap:.2rem;padding:.8rem 0 0}.client-nav a{min-height:44px;padding:0 .6rem;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}.client-nav a span{display:none}.client-nav a.is-active{border-color:var(--product-amber)}.client-header{min-height:5.5rem;padding:1.2rem 1rem}.client-header h1{font-size:1.2rem}.client-header-actions .sync-status{display:none}.client-content{width:calc(100% - 2rem);padding:2.5rem 0 4rem}.welcome-row,.play-hero,.section-intro{display:block}.welcome-row h2,.play-hero h2,.section-intro h2{font-size:3rem}.home-orbit{display:none}.dashboard-grid,.mode-grid,.collection-grid,.workshop-layout{grid-template-columns:1fr;margin-top:3rem}.card-wide,.mode-featured{grid-column:auto}.collection-preview{align-items:flex-start}.collection-preview>a{margin-left:auto}.section-intro>.button,.section-intro>.tag{margin-top:1.5rem}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:.4rem}.table-row>span:nth-child(2),.table-row>span:nth-child(4){display:none}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero button{margin:0 0 0 7.4rem}.profile-stats div{padding:1rem .5rem}.profile-stats strong{font-size:1.5rem}.setting-row{gap:1rem}}@media(prefers-reduced-motion:reduce){.button,.mode-card{transition:none}.button:hover,.mode-card:hover{transform:none}.match-boot-loader:after{animation:none}.phase-banner,.phase-banner.combat{animation:none}}.product-root.reduced-motion *,.product-root.reduced-motion *:before,.product-root.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.product-root.high-contrast{--product-copy: #d4dfeb;--product-muted: #aebdce;--product-line: rgba(231,242,255,.3);--product-line-strong: rgba(231,242,255,.5)}.match-outlet{min-height:100dvh;background:#050a10}.match-outlet .game-shell{grid-template-rows:62px 0 72px minmax(0,1fr) 292px;grid-template-areas:"top top top" "utility utility utility" "guide guide guide" "traits arena foes" "shop shop shop"}.match-outlet .advanced{display:none}.match-outlet .top-bar{display:grid;grid-template-columns:11rem minmax(0,1fr) minmax(10rem,17rem) max-content max-content;grid-template-areas:"brand stage phase economy utilities";gap:.65rem;padding-inline:1rem}.match-outlet .top-bar .brand{grid-area:brand;min-width:0}.match-outlet .top-bar .stage{grid-area:stage;min-width:0;font-size:1rem;white-space:nowrap;overflow:visible;text-overflow:clip}.match-outlet .top-bar .phase-action-rail{grid-area:phase;min-width:0;line-height:1.2}.match-outlet .top-bar .eco-cluster{grid-area:economy;display:flex;gap:.35rem}.match-outlet .eco-stat{min-width:3.7rem;padding:.3rem .45rem;border-width:1px}.match-outlet .eco-stat .val{font-size:1.45rem}.match-outlet .top-bar .replay-utilities{grid-area:utilities;min-width:0}.match-outlet .top-bar .replay-controls{display:flex;align-items:center;justify-content:end;gap:.3rem;min-width:0}.match-outlet .replay-controls .tactical-button{min-height:44px;padding:.35rem .5rem;font-size:.75rem;white-space:nowrap}.match-outlet .replay-hash{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;color:var(--content-muted);font-size:.62rem}.match-outlet .hud-flow-status{max-width:100%;margin:0;font-size:.62rem}.match-outlet .match-exit{width:max-content;margin-top:.25rem;border:0;background:transparent;color:var(--content-muted);font-size:.58rem;padding:0}.match-outlet .match-exit:hover{color:var(--accent-primary)}.match-outlet .onboarding-host{grid-template-columns:auto minmax(0,1fr);padding:.25rem .85rem}.match-outlet .onboarding-panel{grid-template-columns:auto minmax(11rem,1fr) minmax(8rem,18rem) auto;padding:.45rem .7rem}.match-outlet .onboarding-panel>p{display:none}.match-outlet .onboarding-heading{margin:0}.match-outlet .onboarding-progress{min-width:7rem}.match-outlet .onboarding-waiting{display:none}.match-outlet .traits-panel,.match-outlet .foes-panel{padding-top:.8rem;background:#050a10db}.match-outlet .trait-row{padding:.4rem}.match-outlet .trait-name{font-size:.76rem}.match-outlet .trait-count{font-size:.66rem}.match-outlet .foe-card{padding:.55rem}.match-outlet .foe-card .name{font-size:.82rem}.match-outlet .foe-card .hp-num{font-size:.68rem}.match-outlet .arena{padding:.5rem .8rem}.match-outlet .hex-field{width:min(760px,100%);border-width:1px;border-color:#7ec8e84d;border-radius:10px;background:radial-gradient(ellipse 55% 45% at 50% 48%,rgba(42,109,86,.25),transparent 70%),linear-gradient(165deg,#172b2a,#0c1720);box-shadow:0 15px 40px #00000059,inset 0 0 50px #00000040}.match-outlet .hex-cell{border-width:1px;border-radius:7px;background:#10231f99}.match-outlet .hex-cell .unit-chip .name{font-size:.65rem}.match-outlet .hex-cell .unit-chip .portrait{width:34px;height:34px}.match-outlet .bench-slot{border-width:1px;border-radius:5px}.match-outlet .combat-scene{width:min(760px,100%);min-height:0;margin:.25rem auto 0;padding:.65rem;border-color:#7ec8e833;background:#050b12e6}.match-outlet .combat-scene>.panel-title{display:inline-block;margin-bottom:0}.match-outlet .combat-controls{float:right;gap:.3rem}.match-outlet .combat-controls .tactical-button{min-height:44px;padding:.25rem .55rem;font-size:.75rem}.match-outlet .combat-status{clear:both;margin:.35rem 0;font-size:.7rem}.match-outlet .combat-units,.match-outlet .combat-log{display:none}.match-outlet .combat-scene[data-active-effect] .combat-units{display:grid}.match-outlet .shop-dock{grid-template-columns:175px minmax(0,1fr) 150px;padding:.65rem .9rem;gap:.7rem;border-top-width:1px;background:linear-gradient(0deg,#080d14,#101a25)}.match-outlet .shop-guidance{font-size:.74rem;line-height:1.4}.match-outlet .shop-controls{grid-template-columns:130px 1fr 1fr;grid-template-rows:auto;gap:.4rem}.match-outlet .shop-gold-block{grid-column:auto;min-height:2.7rem;padding:.3rem .45rem;border:1px solid rgba(244,191,69,.55);border-radius:5px;box-shadow:none;background:#402b09a6}.match-outlet .shop-gold-block .coin{width:23px;height:23px;border-width:1px}.match-outlet .shop-gold-block .g-val{font-size:1.35rem}.match-outlet .shop-gold-block .g-lbl{font-size:.5rem}.match-outlet .lvl-block,.match-outlet .xp-track{display:none}.match-outlet .shop-controls .btn-tft{min-height:44px;font-size:.75rem}.match-outlet .shop-row{gap:.45rem}.match-outlet .shop-card{min-width:0;padding:.4rem;border-radius:5px}.match-outlet .shop-card .art{height:66px;min-height:66px}.match-outlet .shop-card .title{margin-top:.3rem;font-size:.7rem}.match-outlet .shop-card .traits-line{font-size:.58rem;min-height:1rem}.match-outlet .shop-card .buy{min-height:44px;padding:.3rem;font-size:.75rem}.match-outlet .shop-end{gap:.4rem}.match-outlet .shop-end .btn-tft{min-height:44px;padding:.35rem;font-size:.75rem}@media(max-width:960px)and (min-width:641px){.match-outlet .game-shell{grid-template-rows:104px 0 72px minmax(0,1fr) 300px}.match-outlet .top-bar{grid-template-columns:9.5rem minmax(0,1fr) max-content;grid-template-areas:"brand economy utilities" "stage stage phase"}.match-outlet .top-bar .stage{white-space:normal;line-height:1.15}.match-outlet .top-bar .phase-action-rail{align-self:center}.match-outlet .top-bar .replay-controls{gap:.2rem}.match-outlet .replay-hash,.match-outlet .hud-flow-status{display:none}}@media(max-width:640px){.match-outlet .game-shell{grid-template-rows:auto auto auto auto auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits"}.match-outlet .top-bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand economy" "stage stage" "phase phase" "utilities utilities";gap:.35rem;min-height:0}.match-outlet .top-bar .stage{white-space:normal;line-height:1.15}.match-outlet .top-bar .phase-action-rail{align-self:center}.match-outlet .top-bar .replay-controls{justify-content:start;overflow-x:auto}.match-outlet .hud-flow-status{display:none}.match-outlet .onboarding-host{padding-inline:.45rem}.match-outlet .onboarding-panel{grid-template-columns:1fr auto}.match-outlet .onboarding-progress{display:none}.match-outlet .arena{min-height:360px}.match-outlet .combat-scene{min-height:4.2rem}.match-outlet .shop-dock{grid-template-columns:1fr;grid-template-areas:"guidance" "controls" "row" "end"}.match-outlet .shop-controls{grid-template-columns:1fr 1fr 1fr}.match-outlet .shop-row{overflow-x:auto;justify-content:start}.match-outlet .shop-card{min-width:122px}.match-outlet .shop-end{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:641px){.match-outlet .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:62px 0 72px minmax(0,1fr) 4.5rem}}.match-outlet .replay-controls .tactical-button{width:100%}.match-outlet .phase-banner{top:.8rem;right:1rem;left:auto;transform:none;font:700 .58rem/1 var(--product-display);letter-spacing:.16em;color:#cfdeef73}.match-outlet .phase-banner.combat{color:var(--product-red);animation:match-pulse 1.8s ease-in-out infinite}.match-outlet .hex-cell.filled .unit-chip{animation:unit-arrive .28s var(--easing-emphasized) both}.match-outlet .shop-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.match-outlet .shop-card:hover{transform:translateY(-4px);border-color:var(--product-amber)!important;background:#172333}.match-outlet .shop-card .buy{transition:background .18s ease,color .18s ease}.match-outlet .shop-card .buy:hover{background:var(--product-amber);color:#191407}.match-outlet .bench-slot:not(.empty){display:flex;align-items:center;justify-content:center;gap:.3rem}.match-outlet .bench-portrait{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--product-cyan);border-radius:4px;color:var(--product-ink);font-size:.55rem}.match-outlet .bench-name{max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem}.portrait,.bench-portrait,.shop-card .art{position:relative;overflow:hidden}.portrait img,.bench-portrait img,.shop-card .art img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%}.portrait img,.shop-card .art img{border-radius:inherit}@keyframes unit-arrive{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes match-pulse{50%{opacity:.52}}@keyframes boot-progress{0%{transform:translate(-120%)}to{transform:translate(240%)}}.client-frame{grid-template-columns:72px minmax(0,1fr)}.client-sidebar{align-items:stretch;padding:var(--space-4) var(--space-2) var(--space-2)}.client-wordmark{justify-content:center;padding:0 0 var(--space-4)}.client-wordmark span:last-child{display:none}.client-context{justify-content:center;padding:var(--space-2) 0}.client-context div,.client-context .live-dot{display:none}.client-nav{justify-items:stretch}.client-nav a,.sidebar-bottom>a{flex-direction:column;gap:var(--space-1);min-height:3.5rem;padding:var(--space-2) 0;border-left:0;border-top:2px solid transparent;font-size:.58rem;text-align:center}.client-nav a span,.sidebar-bottom>a span{display:block}.client-nav a:hover,.client-nav a.is-active,.sidebar-bottom>a:hover{border-color:var(--accent-primary)}.sidebar-bottom{justify-items:stretch}.profile-chip{flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0 0;text-align:center}.profile-chip>span:nth-child(2),.profile-chip>.ui-icon{display:none}.client-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.client-content{width:min(100% - 3rem,72rem);margin-inline:auto}@media(max-width:640px){:root{--client-dock-offset: 64px}.client-frame{display:block;padding-bottom:64px}.client-sidebar{position:fixed;inset:auto 0 0;z-index:20;flex-direction:row;align-items:center;gap:var(--space-2);height:64px;padding:0 var(--space-2);border-right:0;border-top:1px solid var(--product-line);background:var(--oled-900)}.client-wordmark,.client-context,.sidebar-bottom,.client-nav{display:none}.client-mobile-nav{display:flex;flex:1;min-width:0;height:64px;padding:0}.client-mobile-nav>a,.client-mobile-nav>.mobile-more-toggle{flex:1;min-width:0;min-height:64px;border-top:2px solid transparent}.client-mobile-nav>a:hover,.client-mobile-nav>a:focus-visible,.client-mobile-nav>a[aria-current=page],.client-mobile-nav>.mobile-more-toggle:hover,.client-mobile-nav>.mobile-more-toggle:focus-visible,.client-mobile-nav>.mobile-more-toggle.is-active{border-top-color:var(--accent-primary)}.button{min-height:44px}.client-content{padding-bottom:calc(var(--client-dock-offset) + env(safe-area-inset-bottom))}}@media(max-width:640px){.client-nav a span{display:block}}.docs-toc{margin:1.25rem 0 2rem;padding:.5rem .85rem;border-left:3px solid #b88116;background:#b881160f;border-radius:0 6px 6px 0}.docs-toc ul{display:flex;flex-wrap:wrap;gap:.35rem .75rem;list-style:none;margin:0;padding:0}.docs-toc a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem .55rem;color:#17212a;text-decoration:none;font-size:.85rem;font-weight:600;border-radius:4px}.docs-toc a:hover{color:#b88116;background:#b881161a}@media(max-width:960px){.match-outlet .game-shell{grid-template-columns:minmax(0,1fr)}.match-outlet .traits-panel,.match-outlet .foes-panel,.match-outlet .trait-row,.match-outlet .trait-meta{min-width:0}.match-outlet .traits-panel{overflow-x:hidden}.match-outlet .trait-name,.match-outlet .trait-count{overflow-wrap:anywhere}}@media(max-width:960px)and (min-width:641px){.match-outlet .game-shell{grid-template-rows:104px 0 72px minmax(0,1fr) auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits"}}@media(min-width:641px)and (max-width:960px){.match-outlet .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:104px 0 72px minmax(0,1fr) auto auto auto}}@media(max-width:640px){.match-outlet .game-shell{grid-template-columns:minmax(0,1fr)}}.button,.card{transition:transform var(--duration-interaction, .18s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)),opacity var(--duration-interaction, .18s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)),background-color var(--duration-feedback, .12s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)),border-color var(--duration-feedback, .12s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)),color var(--duration-feedback, .12s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1))}.button:hover:not(:disabled),.card-selectable:hover{transform:translateY(-2px)}.button:active:not(:disabled),.card-selectable:active{transform:translateY(0) scale(.99)}.button:focus-visible,.card-selectable:focus-visible{outline:2px solid var(--accent-primary, #d7a72f);outline-offset:2px}.button:disabled,.card-selectable:disabled{opacity:.38;cursor:not-allowed;transform:none}.button[aria-pressed=true],.card-selected{border-color:var(--accent-primary, #d7a72f);transform:translateY(-2px);box-shadow:var(--shadow-edge)}.button.is-loading,.card.is-loading{opacity:.7;pointer-events:none}.button.is-loading:after{content:"";width:.9em;height:.9em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:motion-spin var(--duration-scene, .42s) linear infinite}.is-error{border-color:var(--accent-danger, #ff5c5c)}.is-success{border-color:var(--accent-success, #3dde72)}.motion-shake{animation:motion-shake var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1))}.motion-rise{animation:motion-rise var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)) both}.motion-fade{animation:motion-fade var(--duration-interaction, .18s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)) both}.motion-buy,.motion-place,.motion-sell{animation:motion-confirm .18s cubic-bezier(.2,0,0,1) both}.motion-feedback{animation:motion-feedback .12s cubic-bezier(.2,0,0,1) both}.motion-result{animation:motion-result .42s cubic-bezier(.2,0,0,1) both}.motion-stagger>*{animation:motion-rise var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)) both}.motion-stagger>*:nth-child(2){animation-delay:40ms}.motion-stagger>*:nth-child(3){animation-delay:80ms}.motion-stagger>*:nth-child(4){animation-delay:.12s}.motion-stagger>*:nth-child(n+5){animation-delay:.14s}@keyframes motion-spin{to{transform:rotate(360deg)}}@keyframes motion-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes motion-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}@keyframes motion-confirm{50%{transform:translateY(-2px) scale(1.01)}}@keyframes motion-feedback{50%{filter:brightness(1.2)}}@keyframes motion-result{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.button,.card,.card-selectable{transition:none}.button:hover:not(:disabled),.card-selectable:hover,.button:active:not(:disabled),.card-selectable:active,.button[aria-pressed=true],.card-selected{transform:none}.button.is-loading:after,.motion-shake,.motion-rise,.motion-fade,.motion-buy,.motion-place,.motion-sell,.motion-feedback,.motion-result,.motion-stagger>*{animation:none}.motion-rise,.motion-fade,.motion-stagger>*{opacity:1}.reveal,.reveal.is-visible,.enter-fade,.enter-rise{animation:none;opacity:1;transform:none;transition:none}}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)),transform var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1))}.reveal.is-visible{opacity:1;transform:none}.enter-fade{animation:motion-fade var(--duration-interaction, .18s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)) both}.enter-rise{animation:reveal-rise var(--duration-panel, .26s) var(--ease-standard, cubic-bezier(.2, 0, 0, 1)) both}@keyframes reveal-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ui-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;align-self:center;vertical-align:-.18em;fill:currentColor}.ui-icon-sm{width:.8rem;height:.8rem;vertical-align:-.12em}.ui-icon-lg{width:1.35rem;height:1.35rem;vertical-align:-.24em}.icon-label{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);white-space:nowrap}.icon-tone-success{color:var(--accent-success)}.icon-tone-info{color:var(--accent-info)}.icon-tone-danger{color:var(--accent-danger)}.icon-tone-decision{color:var(--accent-primary)}.icon-tone-muted{color:var(--content-muted)}.ui-icon[aria-hidden=true]{pointer-events:none}.ui-icon[data-state=error]{color:var(--accent-danger)}.ui-icon[data-state=success]{color:var(--accent-success)}.client-nav .ui-icon,.button .ui-icon{margin-inline:0}:root{color-scheme:dark;--surface-panel-raised: var(--surface-elevated);--surface-card: linear-gradient(180deg, var(--surface-elevated), var(--surface-panel));--shadow-panel: 0 12px 36px rgba(0, 0, 0, .45);--shadow-card: 0 4px 12px rgba(0, 0, 0, .4);--panel-padding: var(--space-3, .75rem) var(--space-2, .5rem);--card-radius: var(--radius-entity);--button-height: 44px;--target-min: 44px;--button-radius: var(--radius-control);--button-bg: var(--accent-primary);--button-border: var(--accent-primary);--focus-ring: 3px solid var(--border-focus);--duration-fast: var(--duration-feedback, .12s);--duration-normal: var(--duration-interaction, .18s);--duration-slow: var(--duration-panel, .26s);--easing-standard: var(--ease-standard, cubic-bezier(.2, 0, 0, 1));--easing-emphasized: var(--ease-standard, cubic-bezier(.2, 0, 0, 1));--bg0: var(--surface-page, #05080e);--gold: var(--resource-gold);--gold-deep: var(--resource-gold);--gold-ink: var(--abu-void);--hp: var(--accent-success);--hp-deep: var(--accent-success);--blue: var(--accent-info);--danger: var(--accent-danger);--text: var(--content-primary);--muted: var(--content-muted);--panel: var(--surface-panel)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:auto;overflow:auto;font-family:var(--font-ui);color:var(--text);background:var(--bg0)}.skip-link{position:fixed;left:.75rem;top:.75rem;z-index:1000;padding:.65rem .85rem;border:2px solid var(--accent-primary);border-radius:var(--button-radius);color:var(--gold-ink);background:var(--accent-primary);font-weight:800;transform:translateY(-180%);transition:transform var(--duration-fast) var(--easing-standard)}.skip-link:focus-visible{transform:translateY(0)}body{background:radial-gradient(ellipse 90% 55% at 50% 42%,rgba(45,95,70,.28),transparent 62%),radial-gradient(ellipse 70% 45% at 50% 100%,rgba(30,50,90,.35),transparent 55%),linear-gradient(180deg,#0b1520,#04070c 55%,#02040a)}button{font-family:inherit;cursor:pointer;border:none}button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.3)}button:focus-visible,[role=button]:focus-visible,summary:focus-visible,input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.tactical-panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-color:var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--panel-padding)}.panel-title{margin:0 0 .55rem .25rem;color:var(--content-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em}.tactical-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--card-radius);box-shadow:var(--shadow-card)}.tactical-button{background:var(--button-bg);border:2px solid var(--button-border);min-height:var(--button-height);border-radius:var(--button-radius);color:#071326}.fallback-art{position:relative;isolation:isolate;overflow:hidden;background-size:140% 140%}.fallback-art:before{position:absolute;inset:10%;content:"";border:1px solid currentColor;border-radius:35% 65% 50% 50%;opacity:.3;transform:rotate(-18deg)}.fallback-art:after{position:absolute;inset:0;content:"";background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.06) 10px 11px);mix-blend-mode:screen;opacity:.55;pointer-events:none}.fallback-art.art-ember{background:radial-gradient(circle at 28% 22%,#ffd18b 0 5%,transparent 26%),linear-gradient(145deg,#ff9b52,#b94332 48%,#431b2b);color:#ffe4b5}.fallback-art.art-jade{background:radial-gradient(circle at 72% 24%,#c1ffca 0 5%,transparent 27%),linear-gradient(145deg,#68d99d,#197b69 48%,#103941);color:#d9ffe2}.fallback-art.art-azure{background:radial-gradient(circle at 30% 20%,#d0f2ff 0 5%,transparent 27%),linear-gradient(145deg,#61c7f4,#2868b6 48%,#172656);color:#def7ff}.fallback-art.art-violet{background:radial-gradient(circle at 70% 22%,#f0d2ff 0 5%,transparent 27%),linear-gradient(145deg,#cb91f4,#7649b7 48%,#291e59);color:#f2dcff}.fallback-art.art-empty{background:radial-gradient(circle at 50% 50%,rgba(154,171,191,.2),transparent 35%),linear-gradient(145deg,#273544,#0e141c);color:var(--content-muted)}@media(prefers-reduced-motion:reduce){.product-root:not(.public-root),.product-root:not(.public-root) *,.product-root:not(.public-root) *:before,.product-root:not(.public-root) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}.phase-banner.combat,.boot-bar span,.motion-buy,.motion-phase,.motion-place,.motion-sell,.motion-result,.motion-upgrade{animation:none!important}.hex-cell,.shop-card,.bench-slot,.trait-row,.eco-stat,.btn-tft{transition:none!important}}.boot-screen{position:fixed;inset:0;display:grid;place-items:center;z-index:100;background:#04070c}.boot-screen.is-complete{opacity:0;pointer-events:none}.boot-card{text-align:center;min-width:280px}.boot-logo{font-family:var(--font-display);letter-spacing:.18em;font-size:1.35rem;color:var(--gold)}.boot-sub{color:var(--muted);margin:.75rem 0 1.25rem;font-size:.95rem}.boot-bar{height:4px;background:#1a2433;border-radius:2px;overflow:hidden}.boot-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));animation:boot-slide 1.1s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes combat-flash{0%,to{opacity:1}50%{opacity:.6}}@keyframes damage-pulse{0%{box-shadow:0 0 #ff5c5c99,0 0 18px #ff5c5c59}to{box-shadow:0 0 0 8px #ff5c5c00,0 0 #ff5c5c00}}@keyframes heal-pulse{0%{box-shadow:0 0 #3dde7299,0 0 18px #3dde7259}to{box-shadow:0 0 0 8px #3dde7200,0 0 #3dde7200}}@keyframes gold-gain{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.combat-flash{animation:combat-flash var(--duration-fast) var(--easing-emphasized)}.damage-pulse{animation:damage-pulse var(--duration-normal) var(--easing-emphasized)}.heal-pulse{animation:heal-pulse var(--duration-normal) var(--easing-emphasized)}.gold-gain{animation:gold-gain var(--duration-slow) var(--easing-emphasized)}.motion-buy{animation:gold-gain var(--duration-normal) var(--easing-emphasized)}.motion-phase{animation:combat-flash var(--duration-fast) var(--easing-emphasized)}.motion-place{animation:heal-pulse var(--duration-normal) var(--easing-emphasized)}.motion-sell{animation:damage-pulse var(--duration-normal) var(--easing-emphasized)}.motion-result{animation:gold-gain var(--duration-slow) var(--easing-emphasized)}.game-shell{position:relative;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-rows:64px auto auto minmax(0,1fr) auto;grid-template-columns:210px minmax(0,1fr) 200px;grid-template-areas:"top top top" "utility utility utility" "guide guide guide" "traits arena foes" "shop shop shop"}.top-bar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 1rem 0 1.1rem;gap:.65rem;background:linear-gradient(180deg,#080e18fa,#060a12d9);border-bottom:2px solid rgba(255,213,74,.22);box-shadow:0 8px 24px #00000073;z-index:5}.top-bar .brand{display:grid;gap:.08rem;font-family:var(--font-display);color:var(--gold);min-width:8rem}.brand-wordmark{font-size:.72rem;letter-spacing:.16em}.brand-pack{display:flex;align-items:center;gap:.28rem;min-width:0;color:var(--content-muted);font-family:var(--font-ui);font-size:.62rem;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar .stage{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 19rem;font-size:.98rem;letter-spacing:.045em;font-weight:700;text-transform:uppercase}.top-bar .stage em{font-style:normal;color:var(--accent-primary);font-size:1.15rem}.eco-cluster{display:flex;align-items:stretch;gap:.35rem;min-width:0;flex:0 1 auto}.eco-stat{display:flex;flex-direction:column;justify-content:center;min-width:4.5rem;padding:.2rem .55rem .28rem;border-radius:10px;border:2px solid transparent;background:#0000008c;line-height:1.05;transition:border-color var(--duration-normal) var(--easing-standard),background var(--duration-normal) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard)}.eco-stat .lbl{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.eco-stat .val{font-weight:800;font-size:1.85rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.eco-stat.gold{border-color:#ffd54abf;background:linear-gradient(165deg,#503708f2,#140e04fa);box-shadow:0 0 0 1px #ffd54a40,0 0 22px #ffc82840,inset 0 1px #fff0b433}.eco-stat.gold .lbl{color:#ffe9a0}.eco-stat.gold .val{color:var(--gold);text-shadow:0 0 18px rgba(255,200,40,.55);font-size:1.9rem}.eco-stat.hp{border-color:#3dde728c;background:linear-gradient(165deg,#0c2818f2,#06100cfa)}.eco-stat.hp .lbl{color:#9dffc0}.eco-stat.hp .val{color:var(--hp);font-size:1.85rem}.eco-stat.lvl{border-color:#5eb0ff80;background:linear-gradient(165deg,#0c1c30f2,#060c16fa)}.eco-stat.lvl .lbl{color:#b8dcff}.eco-stat.lvl .val{color:var(--blue)}.traits-panel{grid-area:traits;padding:.75rem .55rem;overflow-y:auto;background:linear-gradient(90deg,#0000008c,#0000000d);border-right:1px solid rgba(255,255,255,.05)}.traits-panel h3,.foes-panel h3{margin:0 0 .55rem .25rem;font-size:.72rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:700}.trait-row{display:grid;grid-template-columns:34px 1fr;gap:.45rem;align-items:center;padding:.45rem .5rem;margin-bottom:.4rem;border-radius:8px;background:var(--surface-panel-raised);border:1px solid var(--border-subtle);transition:border-color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.trait-row.active{border-color:#78d1ff8c;background:#78d1ff1a;box-shadow:inset 0 0 14px #78d1ff14}.trait-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.75rem;font-weight:800;background:#152030;border:2px solid #4a6580;color:#d8e8ff}.trait-icon svg{display:block;width:74%;height:74%}.trait-row.active .trait-icon{border-color:var(--accent-primary);color:var(--accent-primary)}.trait-name{font-size:.92rem;font-weight:700}.trait-count{font-size:.8rem;color:var(--muted);font-weight:600}.trait-row.active .trait-count{color:var(--accent-primary)}.arena{grid-area:arena;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .5rem;min-height:0;overflow:hidden}.hex-field{position:relative;width:min(720px,98%);height:100%;max-height:100%;min-height:0;border-radius:16px;display:flex;flex-direction:column;padding:.55rem .75rem .45rem;gap:.35rem;background:radial-gradient(ellipse 55% 45% at 50% 48%,rgba(70,140,100,.35),transparent 70%),linear-gradient(165deg,#243a30,#14241c 40%,#1a2835);border:3px solid rgba(140,200,160,.35);box-shadow:0 0 0 1px #000c,0 16px 48px #0000008c,inset 0 0 80px #00000059;overflow:hidden}.board-stack{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.45rem;z-index:2}.board-label{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c8dcd273;padding-left:.15rem;line-height:1}.board-label.enemy{color:#ff8c968c}.board-label.player{color:#8cc8ff8c}.board-side{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(var(--target-min),auto));gap:.35rem .4rem;width:100%}.hex-cell{position:relative;min-height:var(--target-min);min-width:var(--target-min);border-radius:10px;background:#12201cb8;border:2px solid rgba(100,160,130,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard);overflow:hidden}.hex-cell:hover{border-color:#ffd54ab3;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.hex-cell .unit-chip .portrait{width:32px;height:32px}.hex-cell .unit-chip .cost{display:none}.hex-select{display:grid;place-items:center;width:100%;height:100%;min-height:var(--target-min);padding:.2rem;color:inherit;background:transparent;border:0;border-radius:8px}.hex-empty-label{color:var(--content-muted);font-size:.64rem;font-weight:700}.hex-cell.filled{background:linear-gradient(165deg,#2a4058,#152030)}.hex-cell.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #78d1ff52,0 0 18px #78d1ff38}.hex-cell.valid-target{border-color:var(--hp);background:#196e3e80;box-shadow:inset 0 0 18px #3dde7233,0 0 12px #3dde7238}.hex-cell.valid-target:hover{border-color:var(--accent-primary)}.hex-cell.enemy-filled{background:linear-gradient(165deg,#4a2834,#1e1218);border-color:#dc646e8c;cursor:default}.hex-cell.enemy-filled:hover{transform:none;border-color:#dc646e8c}.unit-chip{width:100%;text-align:center;min-height:0}.unit-chip .portrait{width:clamp(28px,6vmin,42px);height:clamp(28px,6vmin,42px);margin:0 auto .12rem;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:clamp(.7rem,1.6vmin,.9rem);border:2px solid;background:linear-gradient(160deg,#1a2838,#0a1018);box-shadow:0 2px 8px #00000073}.unit-chip .name{font-size:clamp(.62rem,1.4vmin,.78rem);font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px #000}.unit-chip .cost{font-size:clamp(.58rem,1.2vmin,.7rem);font-weight:700;color:#c5d0dc}.unit-star{display:block;min-height:.7rem;color:#ffe07a;font-size:clamp(.52rem,1.15vmin,.66rem);line-height:1;letter-spacing:.08em;text-align:center;text-shadow:0 0 8px rgba(255,202,62,.72)}.unit-star.star-2{color:#fff0a8}.unit-star.star-3{color:#fff8d4;animation:unit-star-pulse 1.8s ease-in-out infinite}@keyframes unit-star-pulse{50%{opacity:.72;text-shadow:0 0 14px rgba(255,224,122,.95)}}.motion-upgrade{animation:unit-upgrade-burst .62s cubic-bezier(.2,.85,.25,1)}@keyframes unit-upgrade-burst{0%{transform:scale(1);filter:brightness(1)}42%{transform:scale(1.12);filter:brightness(1.75) saturate(1.25)}to{transform:scale(1);filter:brightness(1)}}.bench-row{flex:0 0 auto;display:flex;gap:.35rem;justify-content:center;flex-wrap:nowrap;z-index:3;padding-top:.15rem;overflow-x:auto}.bench-entry{display:flex;flex:0 0 auto;gap:.2rem;align-items:stretch}.bench-slot{flex:0 0 auto;min-width:64px;max-width:88px;padding:.32rem .4rem;min-height:44px;border-radius:8px;background:#04080ee6;border:2px solid #5a6e84;cursor:pointer;text-align:center;font-size:.72rem;font-weight:800;color:var(--text);box-shadow:0 2px 6px #0006;transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.unit-action{min-width:var(--target-min);min-height:var(--target-min);padding:.25rem;border:1px solid rgba(255,150,150,.45);border-radius:6px;color:#ffd0d0;background:#46121ce6;font:inherit;font-size:.68rem;font-weight:800;text-transform:uppercase}.unit-action:hover:not(:disabled){border-color:var(--danger);background:#781c26f2}.hex-cell .unit-action{position:absolute;right:.2rem;bottom:.2rem}.bench-slot.selected{box-shadow:0 0 0 3px var(--accent-primary),0 4px 12px #78d1ff3d}.bench-slot.empty{opacity:.4;cursor:default;border-style:dashed;font-weight:600;color:var(--muted);min-width:48px}.phase-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.5rem);letter-spacing:.22em;color:#ffffff14;text-transform:uppercase;z-index:1}.phase-banner.combat{color:#ff5a5a4d;animation:damage-pulse 1.2s var(--easing-emphasized) infinite}.replay-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.35rem;min-width:0;flex:0 1 auto;overflow-x:auto;overflow-y:visible}.replay-controls .tactical-button{min-height:var(--target-min);min-width:var(--target-min);flex:0 0 auto;padding:.3rem .45rem;font-size:.64rem;white-space:nowrap}.replay-hash,.replay-status{max-width:8rem;flex:0 1 8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-muted);font-size:.68rem}.replay-status[role=alert]{color:var(--danger)}.match-over{position:absolute;inset:0;display:grid;place-items:center;background:#0000009e;z-index:6;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.16em;color:var(--gold);text-shadow:0 0 30px rgba(255,200,40,.4)}.combat-scene-host{flex:0 0 auto;width:min(720px,98%);margin-top:.45rem;z-index:4}.combat-scene{display:grid;gap:.55rem;padding:.65rem .75rem;border:1px solid rgba(94,176,255,.28);border-radius:var(--radius-entity, 10px);background:linear-gradient(180deg,#09111ef5,#050910e6);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0000004d}.combat-summary{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.6rem;min-width:0}.combat-summary>.panel-title,.combat-summary>.combat-status{min-width:0;margin:0}.combat-review-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--target-min, 44px);padding:.4rem .65rem;white-space:nowrap}.brand-pack-mark{display:inline-grid;flex:0 0 auto;width:.95rem;height:.95rem;color:var(--gold)}.brand-pack-mark svg{width:100%;height:100%}.combat-review-icon{display:inline-flex;flex:0 0 auto}.combat-details{display:grid;gap:.55rem;min-width:0}.combat-details[hidden],.combat-review-toggle[hidden]{display:none!important}.combat-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.combat-controls .tactical-button{min-height:var(--target-min);padding:.35rem .6rem;color:var(--content-primary);font-size:.75rem;font-weight:800}.combat-speed-label{display:inline-flex;align-items:center;gap:.3rem;color:var(--content-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.combat-speed{min-height:44px!important;color:var(--content-primary);background:var(--surface-elevated)}.combat-status{min-height:1.2rem;margin:0;color:var(--content-secondary);font-size:.78rem;line-height:1.3}.combat-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.combat-unit-card{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,auto) minmax(0,1fr);align-items:center;gap:.4rem;min-width:0;padding:.45rem .55rem;border-color:#ffffff1f;transition:border-color var(--duration-fast) var(--easing-standard),background var(--duration-normal) var(--easing-standard)}.combat-unit-card[data-combat-unit]{animation:combat-unit-enter var(--duration-normal) var(--easing-emphasized)}.combat-unit-identity,.combat-unit-hp,.combat-unit-shield,.combat-unit-action{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-unit-identity{color:var(--content-primary);font-size:.82rem}.combat-unit-hp{color:var(--accent-success);font-size:.72rem;font-variant-numeric:tabular-nums}.combat-unit-shield{color:var(--accent-info);font-size:.72rem;font-variant-numeric:tabular-nums}.combat-unit-action{color:var(--content-muted);font-size:.68rem;text-align:right}.combat-scene[data-active-effect=DAMAGE] .combat-unit-card,.combat-scene[data-active-effect=STUN] .combat-unit-card{border-color:#ff5c5c80}.combat-scene[data-active-effect=HEAL] .combat-unit-card{border-color:#3dde7280}.combat-scene[data-active-effect=SHIELD] .combat-unit-card{border-color:#5eb0ff85}.combat-unit-card[data-dead=true]{opacity:.62;filter:grayscale(.65);border-color:#ff5c5cb8;animation:combat-death var(--duration-slow) var(--easing-emphasized)}.combat-log{display:grid;gap:.25rem;max-height:9rem;margin:0;padding:0 .15rem 0 1.5rem;overflow-y:auto;color:var(--content-secondary);font-size:.72rem;scrollbar-color:var(--border-subtle) transparent}.combat-units:empty,.combat-log:empty{display:none}.combat-log-entry{padding:.28rem .4rem;border-left:2px solid var(--border-subtle);animation:combat-log-enter var(--duration-normal) var(--easing-emphasized)}.combat-log-entry.combat-damage,.combat-log-entry.combat-stun{border-color:var(--accent-danger)}.combat-log-entry.combat-heal{border-color:var(--accent-success)}.combat-log-entry.combat-shield{border-color:var(--accent-info)}.combat-log-entry.combat-diagnostic{border-color:var(--accent-primary);color:var(--accent-primary)}.combat-scene[data-paused=true]{border-color:#ffd54a7a}.combat-scene.reduced-motion .combat-unit-card,.combat-scene.reduced-motion .combat-log-entry{animation:none}@keyframes combat-unit-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes combat-log-enter{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes combat-death{0%{opacity:1;transform:scale(1)}55%{opacity:.5;transform:scale(.98)}to{opacity:.62;transform:scale(1)}}@media(max-width:560px){.combat-scene-host{width:100%}.combat-scene{padding:.55rem}.combat-summary{grid-template-columns:minmax(0,1fr) auto}.combat-summary>.panel-title{grid-column:1;grid-row:1}.combat-summary>.combat-status{grid-column:1;grid-row:2}.combat-review-toggle{grid-column:2;grid-row:1 / span 2}.combat-controls>.combat-skip{flex:1 1 100%}.combat-units{grid-template-columns:1fr}.combat-unit-card{grid-template-columns:minmax(0,1fr) auto auto}.combat-unit-action{grid-column:1 / -1;text-align:left}}@media(prefers-reduced-motion:reduce){.combat-unit-card,.combat-log-entry{animation:none!important}}.onboarding-host{grid-area:guide;position:relative;z-index:4;width:100%;min-width:0;pointer-events:none;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.3rem .85rem;overflow:hidden}.onboarding-host>*{pointer-events:auto}.onboarding-host>.game-state-chip{margin-left:0}.onboarding-panel,.flow-state-panel,.result-feedback{display:grid;gap:.55rem;padding:.8rem;border-color:#ffd54a61;background:linear-gradient(180deg,#111a2afa,#050910f5)}.onboarding-panel{grid-column:2;grid-template-columns:auto minmax(8rem,.8fr) minmax(10rem,1.6fr) minmax(8rem,1fr) auto;align-items:center;min-width:0;padding:.45rem .7rem;gap:.7rem}.onboarding-panel h2{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-panel p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-panel .onboarding-actions{flex-wrap:nowrap}.onboarding-panel .onboarding-actions .tactical-button{flex:0 0 auto}.onboarding-host>.next-action{display:none}.onboarding-heading{display:flex;justify-content:space-between;color:var(--gold);font-size:.68rem;letter-spacing:.12em}.onboarding-panel h2,.result-title{margin:0;font-size:1.05rem}.onboarding-panel p,.flow-state-panel p,.result-feedback p{margin:0;color:var(--content-secondary);font-size:.82rem;line-height:1.35}.onboarding-progress{height:5px;overflow:hidden;border-radius:99px;background:var(--surface-elevated)}.onboarding-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width var(--duration-normal) var(--easing-standard)}.onboarding-actions{display:flex;gap:.4rem;flex-wrap:wrap}.onboarding-actions .tactical-button{flex:1 1 12rem;min-height:44px}.onboarding-waiting{flex:1 1 12rem;padding:.55rem .65rem;color:var(--content-muted);border:1px dashed var(--border-subtle);border-radius:var(--button-radius);font-size:.75rem}.onboarding-dismiss,.onboarding-reopen{min-height:44px;padding:.4rem .6rem;color:var(--content-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--button-radius)}.onboarding-reopen{display:block;width:100%;color:var(--content-primary);background:var(--surface-elevated)}.game-state-chip{display:inline-flex;margin-left:.45rem;padding:.18rem .38rem;border:1px solid var(--border-subtle);border-radius:99px;color:var(--content-muted);font-size:.58rem;letter-spacing:.08em}.hud-flow-status{margin:0;min-width:0;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-muted);font-size:.68rem}.result-feedback.victory{border-color:#3dde7294}.result-feedback.defeat{border-color:#ff5c5c94}@media(max-width:560px){html{min-height:100%;overflow:auto}body{min-height:100%;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.onboarding-host{position:relative;top:auto;right:auto;width:calc(100vw - 1rem);max-height:none;margin:.5rem auto;overflow:visible;padding-bottom:env(safe-area-inset-bottom)}.onboarding-panel,.flow-state-panel,.result-feedback{padding:.65rem}}.foes-panel{grid-area:foes;padding:.75rem .6rem;overflow-y:auto;background:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.foe-card{padding:.6rem .7rem;margin-bottom:.45rem;border-radius:10px;background:var(--surface-card);border:2px solid var(--border-subtle)}.foe-card.you{border-color:#5eb0ff8c;box-shadow:0 0 16px #5096ff1f}.foe-card .name{font-weight:800;font-size:1rem}.hp-bar{margin-top:.4rem;height:10px;border-radius:5px;background:#142018;overflow:hidden;border:1px solid rgba(61,222,114,.25)}.hp-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--hp-deep),var(--hp));border-radius:4px;box-shadow:0 0 8px #3dde7273}.foe-card .hp-num{font-size:.82rem;font-weight:700;color:#c5d4c8;margin-top:.25rem}.shop-dock{grid-area:shop;display:grid;grid-template-columns:180px minmax(0,1fr) 170px;grid-template-rows:auto auto;grid-template-areas:"guidance controls end" "guidance row end";gap:.6rem;align-items:center;padding:.55rem .85rem .65rem;background:linear-gradient(0deg,#060a12,#101a28);border-top:3px solid rgba(255,213,74,.35);box-shadow:0 -12px 36px #00000080;z-index:5;flex-shrink:0;max-height:42vh;overflow:hidden}.shop-guidance{grid-area:guidance;align-self:center;max-width:17rem;margin:0;padding:0 .45rem;color:var(--content-secondary);font-size:.9rem;line-height:1.35}.shop-controls{grid-area:controls;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.35rem .4rem;align-content:center}.shop-gold-block{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;border-radius:10px;border:3px solid var(--gold);background:linear-gradient(135deg,#5a4010,#1a1204);box-shadow:0 0 20px #ffc82847,inset 0 1px #fff0b440}.shop-gold-block .coin{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,var(--gold) 45%,var(--gold-deep));border:2px solid #fff3c4;box-shadow:0 2px 6px #00000073;flex-shrink:0}.shop-gold-block .g-meta{display:flex;flex-direction:column;line-height:1}.shop-gold-block .g-lbl{font-size:.65rem;font-weight:800;letter-spacing:.14em;color:#ffe9a0;text-transform:uppercase}.shop-gold-block .g-val{font-size:2rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,200,40,.5);line-height:1}.lvl-block{grid-column:1 / -1;font-size:.88rem;font-weight:700;color:#c5d4e4}.lvl-block strong{color:var(--blue);font-size:1.1rem}.xp-track{grid-column:1 / -1;height:7px;background:#121a28;border-radius:4px;overflow:hidden;border:1px solid rgba(94,176,255,.25)}.xp-track>i{display:block;height:100%;background:linear-gradient(90deg,#2a6fd4,#7ec4ff);box-shadow:0 0 8px #64b4ff66}.shop-controls .btn-tft{width:100%}.btn-tft{border-radius:8px;padding:.45rem .5rem;font-weight:800;font-size:.82rem;letter-spacing:.03em;color:#fff;background:var(--button-bg);border:2px solid var(--button-border);box-shadow:0 2px #163570;text-transform:uppercase;white-space:nowrap;transition:filter var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.btn-tft:hover:not(:disabled){filter:brightness(1.1)}.btn-tft.gold-btn{background:linear-gradient(180deg,#ffd54a,#c49212);border-color:#fff0b0;box-shadow:0 2px #6a4e08;color:var(--gold-ink)}.btn-tft.ready{background:linear-gradient(180deg,#3dce6a,#1d7a3c);border-color:#a0ffbe73;box-shadow:0 2px #0f3d20;font-size:.95rem;padding:.65rem .5rem}.shop-row{grid-area:row;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;align-items:stretch;min-height:0;max-height:100%}.shop-card{position:relative;border-radius:10px;background:var(--surface-card);border:3px solid var(--border-subtle);padding:.4rem .4rem .45rem;display:flex;flex-direction:column;min-width:0;min-height:0;transition:transform var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);box-shadow:0 4px 12px #0006}.shop-card:not(.empty):hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.shop-card.empty{opacity:.45;border-style:dashed;background:#0e141c}.shop-card .cost-tag{position:absolute;top:5px;right:5px;z-index:2;min-width:1.45rem;height:1.45rem;padding:0 .3rem;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:.9rem;background:#0a0e14;border:2px solid currentColor;box-shadow:0 2px 6px #00000080}.shop-card .art{height:48px;border-radius:8px;margin-bottom:.3rem;display:grid;place-items:center;font-family:var(--font-display);font-size:1.15rem;font-weight:700;border:2px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),transparent 50%),linear-gradient(160deg,#3a5068,#152030);box-shadow:inset 0 0 16px #00000059;flex-shrink:0}.shop-card .title{font-weight:800;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.shop-card .traits-line{font-size:.68rem;font-weight:600;color:#b8c8d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1rem 0 .3rem}.shop-card button.buy{margin-top:auto;width:100%;border-radius:6px;padding:.35rem;font-weight:800;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;background:var(--button-bg);color:#071326;border:2px solid var(--button-border);min-height:var(--button-height)}.shop-card button.buy:hover:not(:disabled){background:linear-gradient(180deg,#4a90e8,#2a5aab);border-color:#a8d0ff}.shop-end{grid-area:end;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.toast{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:#1e0808f2;border:2px solid var(--danger);color:#ffc4c4;padding:.55rem 1rem;border-radius:8px;font-weight:700;font-size:1rem;z-index:50;max-width:90vw;box-shadow:0 8px 24px #00000080}.advanced{grid-area:utility;position:relative;justify-self:end;align-self:center;margin:.25rem .85rem 0;z-index:60}.advanced summary{cursor:pointer;color:var(--muted);font-size:.75rem;font-weight:700;list-style:none;background:#000000a6;padding:.3rem .55rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.advanced .panel{position:absolute;top:calc(100% + .35rem);right:0;margin-top:0;padding:.65rem;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:260px;font-size:.8rem}.advanced input{width:100%;margin:.25rem 0 .45rem;background:#0a1018;border:1px solid #334050;color:var(--text);border-radius:4px;padding:.3rem .4rem}@media(max-width:960px){html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits";height:auto;min-height:100dvh;max-height:none;overflow:visible}.onboarding-host{position:relative;width:100%;max-height:none;margin:0;grid-template-columns:1fr;padding:.35rem .55rem;overflow:visible}.onboarding-host>.game-state-chip{justify-self:start}.onboarding-panel{grid-column:1;grid-template-columns:1fr;gap:.45rem;padding:.65rem}.onboarding-panel h2,.onboarding-panel p{white-space:normal;overflow:visible}.onboarding-panel .onboarding-actions{flex-wrap:wrap}.foes-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.55rem;overflow:visible;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.foes-panel h3{grid-column:1 / -1;margin:0 0 .05rem}.foe-card{min-width:0;margin:0;padding:.45rem .5rem}.foe-card .name{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foe-card .hp-num{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;grid-template-areas:"brand economy" "stage economy" "controls controls" "flow flow";align-items:center;gap:.1rem .45rem;min-height:78px;padding:.45rem .55rem}.top-bar .brand{grid-area:brand;min-width:0;white-space:nowrap}.brand-wordmark{font-size:.62rem}.brand-pack{font-size:.56rem}.top-bar .stage{grid-area:stage;min-width:0;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eco-cluster{grid-area:economy;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:.25rem;align-self:stretch}.eco-stat{min-width:0;padding:.2rem .28rem;border-width:1px;border-radius:8px;align-items:center}.eco-stat .lbl{font-size:.5rem;letter-spacing:.08em}.eco-stat .val,.eco-stat.gold .val,.eco-stat.hp .val,.eco-stat.lvl .val{font-size:1.25rem}.arena{min-height:0;padding:.45rem .5rem;overflow:visible}.hex-field{width:100%;height:auto;min-height:310px;max-height:none;padding:.55rem .5rem .5rem;gap:.4rem}.board-stack{flex:0 0 auto;min-height:228px}.board-side{flex:0 0 98px;min-height:98px;grid-template-rows:repeat(2,minmax(44px,1fr));gap:.3rem}.bench-row{justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}.shop-dock{grid-template-columns:1fr;grid-template-areas:"guidance" "controls" "row" "end";max-height:none;overflow:visible;padding:.55rem .55rem .65rem}.shop-controls{grid-area:controls;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.35rem}.shop-controls .btn-tft,.shop-gold-block{min-height:44px}.shop-row{grid-area:row;display:flex;justify-content:flex-start;gap:.45rem;overflow-x:auto;overflow-y:hidden;padding:.15rem .05rem .3rem;scroll-snap-type:x proximity}.shop-card{flex:0 0 clamp(132px,38vw,164px);min-height:188px;scroll-snap-align:start;padding:.45rem .45rem .5rem}.shop-card .art{height:64px}.shop-card .title{min-height:2.2em;font-size:.92rem;line-height:1.1;white-space:normal}.shop-card .traits-line{min-height:1.9em;line-height:1.05;white-space:normal}.shop-card button.buy,.shop-end .btn-tft{min-height:44px}.shop-end{grid-area:end;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.shop-end .btn-tft{width:100%}.shop-guidance{max-width:none;padding:0;font-size:.86rem}.advanced{justify-self:stretch;margin:.3rem .55rem 0}.advanced summary{width:max-content;margin-left:auto}.advanced .panel{position:relative;top:auto;right:auto;width:100%}.replay-controls{grid-area:controls;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;overflow:visible;padding-bottom:0}.replay-controls .tactical-button{width:100%;flex:0 0 auto}.replay-hash,.replay-status{grid-column:1 / -1;max-width:none;min-width:0}.hud-flow-status{grid-area:flow;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.phase-action-rail{margin:0;font-size:.78rem;color:var(--content-secondary);letter-spacing:.02em}.replay-utilities{display:flex;gap:.35rem;align-items:center}.shop-dock[data-shop-decision=buy]{border-color:#f4bf454d}.shop-dock[data-shop-decision=ready] .shop-end .ready{box-shadow:0 0 12px #4ade8066}.hex-cell[data-decision-state=legal-target]{box-shadow:0 0 8px #4ade8066;border-color:#4ade80cc}.hex-cell[data-decision-state=legal-target] .hex-select{animation:none}.hex-field[data-game-phase=combat] .unit-actions{display:none}.combat-log-entry:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.4rem}.combat-log-entry.combat-damage:before{background-color:var(--accent-danger)}.combat-log-entry.combat-heal:before{background-color:var(--accent-success)}.combat-log-entry.combat-shield:before{background-color:var(--accent-info)}@media(prefers-reduced-motion:reduce){.hex-cell[data-decision-state=legal-target] .hex-select{animation:none}}.public-root #screen-outlet{scroll-margin-top:5.5rem}.public-root #screen-outlet:focus{outline:none}.public-root #screen-outlet:focus-visible{outline:2px solid var(--border-focus);outline-offset:6px}.public-root .landing-section{width:min(100%,72rem);margin-inline:auto;padding:4rem 2.5rem;border-top:1px solid var(--border-subtle)}.public-root .landing-section h2{margin:0;max-width:22ch;font:800 clamp(1.9rem,3.4vw,3rem)/1 var(--product-display);letter-spacing:-.03em;color:var(--product-ink)}.public-root .landing-section>p:not(.eyebrow){max-width:38rem;margin:1rem 0 0;color:var(--product-copy);line-height:1.65}.public-root .landing-section .text-link{margin-top:1.5rem;min-height:var(--target-min, 44px);color:var(--content-secondary);display:inline-flex;align-items:center}.public-root .landing-section .text-link:hover{color:var(--accent-primary)}.public-root .landing-section .eyebrow{margin-bottom:.9rem;color:var(--accent-primary)}.public-root .product-story .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;border-top:0}.public-root .product-story .steps>div{display:grid;gap:.55rem;align-content:start;padding:1.4rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-entity);background:var(--surface-panel);box-shadow:var(--shadow-edge)}.public-root .product-story .steps b{color:var(--accent-primary);font:700 .75rem/1 var(--product-mono);letter-spacing:.12em}.public-root .product-story .steps strong{color:var(--product-ink);font-size:1rem}.public-root .product-story .steps span{color:var(--product-copy);font-size:.82rem;line-height:1.6}.public-root .product-story>.text-link{margin-top:2rem}.public-root .hero-copy{animation:landing-rise .6s cubic-bezier(.16,1,.3,1) both}.public-root .landing-portal{animation:landing-rise .8s cubic-bezier(.16,1,.3,1) .08s both}.public-root .hero-actions .button,.public-root .landing-section .text-link{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.public-root .hero-actions .button:hover,.public-root .product-story .steps>div:hover{transform:translateY(-2px)}.public-root .product-story .steps>div{transition:transform .18s ease,border-color .18s ease}.public-root .product-story .steps>div:hover{border-color:#78d1ff73}@keyframes landing-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.public-root .product-story .steps{grid-template-columns:1fr}.public-root .landing-section{padding:3rem 1rem}}@media(max-width:640px){.collection-grid{grid-template-columns:1fr}}.pack-spine{border-left:2px solid var(--accent-primary)}.public-root .landing-proof{position:relative;overflow:hidden;background:radial-gradient(ellipse 65% 55% at 90% 90%,rgba(120,209,255,.07),transparent 60%),linear-gradient(135deg,var(--surface-panel),var(--surface-page));border-top:1px solid var(--border-subtle)}.public-root .landing-proof:after{content:"";position:absolute;right:2%;bottom:2%;width:min(24rem,85vw);height:min(16rem,70vw);border:1px solid rgba(120,209,255,.16);box-shadow:inset 0 0 20px #a69bff0f;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.public-root .landing-proof-lede{max-width:42rem}.public-root .landing-proof-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;border:1px solid var(--border-subtle);background:var(--border-subtle);counter-reset:proof}.public-root .landing-proof-card{position:relative;display:grid;gap:.65rem;min-height:12rem;padding:1.35rem;border:0;color:inherit;text-align:left;font:inherit;background:var(--surface-panel);overflow:hidden;cursor:pointer}.public-root .landing-proof-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--product-line-strong)}.public-root .landing-proof-card.is-collection:before{background:var(--accent-info)}.public-root .landing-proof-card.is-shop:before{background:var(--accent-primary)}.public-root .landing-proof-card.is-replay:before{background:var(--accent-success)}.public-root .landing-proof-index{color:var(--product-muted);font:700 .7rem/1 var(--product-mono);letter-spacing:.12em}.public-root .landing-proof-label{color:var(--product-muted);font:700 .58rem/1 var(--product-display);letter-spacing:.15em}.public-root .landing-proof-title{align-self:end;color:var(--product-ink);font:700 clamp(1.15rem,2vw,1.65rem)/1 var(--product-display);letter-spacing:-.02em}.public-root .landing-proof-detail{max-width:24ch;color:var(--product-copy);font-size:.76rem;line-height:1.55}.public-root .landing-proof-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.8rem}.public-root .landing-proof-actions .button,.public-root .landing-proof-actions .text-link{min-height:var(--target-min, 44px)}.public-root .landing-proof-card:focus-visible{z-index:2;outline:2px solid var(--border-focus);outline-offset:-2px}.public-root .landing-proof-card[aria-selected=true]{background:var(--surface-elevated);box-shadow:inset 0 0 0 1px var(--product-line-strong)}.public-root .landing-proof-panel{max-width:58ch;margin:1rem 0 0;padding:.85rem 1rem;border-left:2px solid var(--accent-primary);color:var(--product-copy);font-size:.8rem;line-height:1.55;background:#14264a40;border-radius:0 8px 8px 0}.public-root .landing-proof-card{transition:transform .22s var(--ease-standard),border-color .22s ease,background-color .22s ease}.public-root .landing-proof-card:hover{transform:translateY(-4px);z-index:1}.public-root .landing-proof-card.is-collection:hover{border-color:#6bc8ff8c}.public-root .landing-proof-card.is-shop:hover{border-color:#78d1ff8c}.public-root .landing-proof-card.is-replay:hover{border-color:#5dd8a48c}@media(max-width:900px){.public-root .landing-proof-stages{grid-template-columns:1fr}.public-root .landing-proof-card{min-height:9rem}}.public-root{overflow-x:clip;background:radial-gradient(ellipse 70% 50% at 75% 15%,rgba(120,209,255,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(166,155,255,.05),transparent 50%),linear-gradient(175deg,var(--abu-void) 0%,var(--abu-night) 45%,var(--abu-void) 100%);color:var(--content-primary);--landing-grid-line: var(--border-subtle);--landing-panel: var(--surface-panel)}.public-root .public-header{position:relative;z-index:10;width:min(calc(100% - 2rem),var(--product-max));min-height:5.75rem;padding-inline:clamp(.5rem,2vw,1.5rem);border-bottom:1px solid var(--border-subtle)}.public-root .wordmark{gap:.8rem;color:var(--product-ink)}.public-root .wordmark .landing-icon{color:var(--accent-primary)}.public-root .wordmark .landing-icon .ui-icon{width:1.25rem;height:1.25rem}.public-root .public-nav{gap:clamp(1rem,2.2vw,2rem)}.public-root .public-nav a{color:var(--content-secondary)}.public-root .public-nav a:hover,.public-root .public-footer a:hover{color:var(--accent-primary)}.public-root .public-header>.button{min-width:8rem;min-height:var(--target-min, 44px)}.public-root .public-menu-toggle{display:none;min-height:var(--target-min, 44px)}.public-root .landing-main{width:min(calc(100% - 2rem),var(--product-max))}.public-root .landing-hero{position:relative;min-height:min(52rem,calc(100dvh - 5.75rem));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(4rem,8vw,7.5rem) clamp(.5rem,3.2vw,3.5rem) clamp(3.5rem,6vw,5.5rem)}.public-root .landing-hero:before{position:absolute;inset:7% 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(120,209,255,.18),transparent);pointer-events:none}.public-root .hero-copy{position:relative;z-index:2;max-width:43rem}.public-root .hero-copy h1{max-width:10ch;font:800 clamp(4rem,7.5vw,7.2rem)/.92 var(--product-display);letter-spacing:-.05em;text-wrap:balance}.public-root .landing-title-line{display:block}.public-root .landing-title-line.is-accent{color:var(--accent-primary)}.public-root .hero-lede{max-width:35rem;margin-top:2rem;color:var(--content-secondary);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.public-root .hero-actions{gap:1.15rem;margin-top:2.35rem}.public-root .hero-actions .button-primary{min-width:10.5rem;min-height:var(--target-min, 44px);background:var(--accent-primary);color:var(--abu-void);border-color:var(--accent-primary);box-shadow:0 0 20px #78d1ff47}.public-root .hero-actions .button-primary:hover{background:#a0ddff;border-color:#a0ddff;box-shadow:0 0 28px #78d1ff73}.public-root .hero-actions .text-link{min-height:var(--target-min, 44px);color:var(--content-secondary)}.public-root .hero-actions .text-link:hover{color:var(--accent-primary)}.public-root .landing-hero-notes{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;margin-top:3.4rem;color:var(--product-muted);font:700 .59rem/1.2 var(--product-mono);letter-spacing:.1em}.public-root .landing-hero-notes span{display:inline-flex;align-items:center;gap:.45rem}.public-root .landing-hero-notes span:before{width:.35rem;height:.35rem;content:"";border-radius:50%;background:var(--accent-success);box-shadow:0 0 0 .25rem #5dd8a41f}.public-root .landing-stage{min-height:clamp(27rem,42vw,38rem);isolation:isolate;overflow:visible;position:relative;display:grid;place-items:center}.public-root .landing-stage:before{content:"";position:absolute;width:min(38rem,92vw);height:min(38rem,92vw);border-radius:50%;border:1px solid rgba(120,209,255,.22);box-shadow:inset 0 0 32px #78d1ff14,0 0 36px #78d1ff1f;pointer-events:none;z-index:0}.public-root .landing-stage:after{content:"";position:absolute;width:min(43rem,104vw);height:min(43rem,104vw);border-radius:50%;border:1px dashed rgba(166,155,255,.2);box-shadow:0 0 48px #a69bff0f;pointer-events:none;z-index:0}.public-root .landing-stage-glow{position:absolute;width:min(34rem,86vw);height:min(34rem,86vw);border-radius:50%;background:radial-gradient(circle,transparent 45%,rgba(120,209,255,.16) 72%,rgba(166,155,255,.09) 86%,transparent 100%),radial-gradient(circle at 50% 50%,rgba(120,209,255,.05),transparent 52%);filter:blur(8px);pointer-events:none;z-index:0}.public-root .landing-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:.65rem;min-width:10rem;padding:.75rem .8rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-panel);box-shadow:0 .9rem 2rem #0000006b}.public-root .landing-float-card .landing-icon{color:var(--accent-primary)}.public-root .landing-float-card .ui-icon{width:1.05rem;height:1.05rem}.public-root .landing-float-copy{display:grid;gap:.22rem}.public-root .landing-float-copy small{color:var(--product-muted);font:700 .5rem/1 var(--product-mono);letter-spacing:.12em}.public-root .landing-float-copy strong{color:var(--product-ink);font:700 .72rem/1 var(--product-display)}.public-root .landing-float-pack{top:7%;right:-3%}.public-root .landing-signal-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 1rem,76rem);margin-inline:auto;border-block:1px solid var(--border-subtle)}.public-root .landing-metric{display:flex;align-items:flex-start;gap:.8rem;min-width:0;padding:1.45rem clamp(.75rem,2vw,1.6rem);border-right:1px solid var(--border-subtle)}.public-root .landing-metric:last-child{border-right:0}.public-root .landing-metric>.landing-icon{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--border-subtle);border-radius:50%;color:var(--accent-primary);background:var(--surface-panel)}.public-root .landing-metric .ui-icon{width:1rem;height:1rem}.public-root .landing-metric-copy{display:grid;gap:.25rem;min-width:0}.public-root .landing-metric-copy small{color:var(--product-muted);font:700 .55rem/1 var(--product-mono);letter-spacing:.12em}.public-root .landing-metric-copy strong{color:var(--product-ink);font:800 1rem/1 var(--product-display);letter-spacing:.04em}.public-root .landing-metric-copy>span{overflow:hidden;color:var(--product-copy);font-size:.68rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.public-root .landing-section{width:min(100%,76rem);padding:clamp(4.5rem,9vw,8rem) clamp(.5rem,3.2vw,3.5rem);border-top:1px solid var(--border-subtle)}.public-root .landing-section-lede{max-width:45rem;margin-top:1.2rem;color:var(--product-copy);line-height:1.65}.public-root .landing-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.public-root .landing-section-head>div{min-width:0}.public-root .landing-section-head h2{max-width:16ch}.public-root .landing-section-head>.text-link{flex:0 0 auto;min-height:var(--target-min, 44px)}.public-root .landing-story{position:relative}.public-root .landing-story:before{position:absolute;top:0;right:3.5rem;width:10rem;height:10rem;content:"";border:1px solid rgba(120,209,255,.14);border-radius:50%;box-shadow:0 0 0 1.5rem #78d1ff06,0 0 0 3rem #a69bff05;pointer-events:none}.public-root .landing-story .steps{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3.2rem;border:1px solid var(--border-subtle);background:var(--border-subtle)}.public-root .landing-story .step-card{display:grid;grid-template-columns:auto 1fr;gap:.65rem .8rem;min-height:15rem;padding:1.5rem;border:0;border-radius:0;background:var(--surface-panel)}.public-root .landing-story .step-card>.landing-icon{grid-column:span 2;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;border:1px solid var(--border-subtle);border-radius:50%;color:var(--accent-primary);background:var(--surface-elevated)}.public-root .landing-story .step-card .ui-icon{width:1.2rem;height:1.2rem}.public-root .landing-story .step-card b{color:var(--product-muted);font:700 .65rem/1 var(--product-mono);letter-spacing:.12em}.public-root .landing-story .step-card strong{color:var(--product-ink);font:700 1.2rem/1 var(--product-display)}.public-root .landing-story .step-card>span:last-child{grid-column:span 2;align-self:end;color:var(--product-copy);font-size:.78rem;line-height:1.6}.public-root .landing-collection-showcase{background:radial-gradient(ellipse 60% 40% at 10% 50%,rgba(166,155,255,.04),transparent 60%),linear-gradient(180deg,transparent,rgba(13,25,51,.3) 50%,transparent)}.public-root .landing-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.25rem}.public-root .landing-pack-card{min-width:0;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-entity);background:var(--surface-panel);box-shadow:var(--shadow-edge)}.public-root .landing-pack-art{position:relative;min-height:16rem;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(120,209,255,.15),rgba(166,155,255,.05) 50%,transparent 70%),linear-gradient(150deg,var(--surface-elevated),var(--surface-panel))}.public-root .landing-pack-art:before{position:absolute;inset:18% 20%;border:1px solid rgba(120,209,255,.28);border-radius:50%;content:"";transform:rotate(-20deg) skew(-16deg)}.public-root .landing-pack-art:after{position:absolute;inset:30% 32%;border:1px dashed rgba(166,155,255,.35);border-radius:50%;content:"";transform:rotate(20deg) skew(-14deg)}.public-root .landing-pack-mark{position:relative;z-index:1;display:grid;place-items:center;width:5.5rem;height:5.5rem;border:1px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);font:800 2rem/1 var(--product-display);background:var(--surface-page);box-shadow:var(--shadow-portal);transform:rotate(45deg)}.public-root .landing-pack-mark:first-letter{transform:rotate(-45deg)}.public-root .landing-pack-orbit{position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent-info);box-shadow:0 0 0 .3rem #6bc8ff26}.public-root .landing-pack-orbit.orbit-a{top:23%;left:25%}.public-root .landing-pack-orbit.orbit-b{right:23%;bottom:25%;background:var(--accent-success)}.public-root .landing-pack-art .landing-icon{position:relative;z-index:1;display:grid;place-items:center;width:4rem;height:4rem;border:1px solid var(--accent-info);border-radius:50%;color:var(--accent-info);background:var(--surface-page)}.public-root .landing-pack-art .landing-icon .ui-icon{width:1.6rem;height:1.6rem}.public-root .landing-pack-art-label{position:absolute;right:1.2rem;bottom:1rem;color:var(--product-muted);font:700 .58rem/1 var(--product-mono);letter-spacing:.15em}.public-root .landing-pack-body{padding:1.35rem}.public-root .landing-pack-body h3{margin:.8rem 0 .45rem;color:var(--product-ink);font:700 1.5rem/1 var(--product-display)}.public-root .landing-pack-body p{max-width:32rem;margin:0;color:var(--product-copy);font-size:.8rem;line-height:1.55}.public-root .landing-pack-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:.85rem;border-top:1px solid var(--border-subtle);color:var(--product-muted);font:.65rem/1 var(--product-mono)}.public-root .landing-pack-meta strong{color:var(--product-ink)}.public-root .landing-pack-body>.text-link{margin-top:1.6rem;min-height:var(--target-min, 44px)}.public-root .landing-contract{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);gap:clamp(2rem,7vw,7rem);align-items:center}.public-root .landing-contract-trace{position:relative;display:grid;gap:.8rem;padding:1.1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-entity);background:var(--surface-panel);box-shadow:var(--shadow-edge)}.public-root .landing-trace-item{display:grid;grid-template-columns:2.25rem 1fr;column-gap:.75rem;align-items:center;min-height:3.7rem;padding:.55rem .6rem;border:1px solid transparent}.public-root .landing-trace-item+.landing-trace-arrow{display:block;margin:-.45rem 0 -.45rem 1.05rem;color:var(--accent-primary);font:1rem/1 var(--product-mono)}.public-root .landing-trace-item>.landing-icon{grid-row:span 2;display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--border-subtle);border-radius:50%;color:var(--accent-primary);background:var(--surface-elevated)}.public-root .landing-trace-item .ui-icon{width:1rem;height:1rem}.public-root .landing-trace-item small{color:var(--product-muted);font:700 .53rem/1 var(--product-mono);letter-spacing:.14em}.public-root .landing-trace-item strong{color:var(--product-ink);font:700 .9rem/1 var(--product-display)}.public-root .landing-final-cta{position:relative;overflow:hidden;border-top:1px solid var(--border-subtle);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(120,209,255,.08),transparent 70%),var(--surface-page);text-align:center}.public-root .landing-final-cta:before{position:absolute;top:1rem;left:50%;width:22rem;height:22rem;border:1px solid rgba(120,209,255,.16);border-radius:50%;box-shadow:0 0 40px #a69bff14;content:"";transform:translate(-50%);pointer-events:none}.public-root .landing-final-cta>*{position:relative;z-index:1}.public-root .landing-final-cta h2{max-width:none}.public-root .landing-final-cta .landing-section-lede{margin-inline:auto}.public-root .landing-final-cta .button{margin-top:1.8rem;min-height:var(--target-min, 44px)}.public-root .public-footer{width:min(calc(100% - 2rem),var(--product-max));padding-inline:clamp(.5rem,3.2vw,3.5rem);border-top:1px solid var(--border-subtle)}.public-root .public-mobile-menu{inset:.75rem;display:grid;align-content:start;gap:1.25rem;width:auto;padding:1.2rem;border:1px solid var(--product-line-strong);border-radius:var(--radius-control);background:var(--surface-elevated);box-shadow:0 1.5rem 4rem #0000008c}.public-root .public-mobile-menu[hidden]{display:none}.public-root .public-menu-close{justify-self:end;min-height:var(--target-min, 44px)}.public-root .public-menu-close,.public-root .public-menu-toggle{gap:.45rem;min-height:var(--target-min, 44px)}.public-root .public-menu-close .ui-icon,.public-root .public-menu-toggle .ui-icon{width:1rem;height:1rem}.public-root .public-mobile-links{display:grid;gap:.35rem}.public-root .public-mobile-links>a:not(.button){min-height:var(--target-min, 44px);display:flex;align-items:center;padding:.6rem .25rem;border-bottom:1px solid var(--border-subtle);color:var(--product-copy)}.public-root .public-mobile-links>a:not(.button):hover{color:var(--accent-primary)}.public-root .landing-portal-artwork{animation:portal-breathe 8s ease-in-out infinite}.public-root .landing-portal-orbit.orbit-a{animation:portal-orbit-a 48s linear infinite}.public-root .landing-portal-orbit.orbit-b{animation:portal-orbit-b 62s linear infinite}.public-root .landing-float-pack{animation:landing-float-in 5s ease-in-out .25s infinite}.public-root .landing-float-replay{animation:landing-float-in 5.5s ease-in-out 1s infinite reverse}.public-root .landing-metric>.landing-icon{animation:landing-signal 3s ease-in-out infinite}.public-root .landing-metric:nth-child(2)>.landing-icon{animation-delay:.4s}.public-root .landing-metric:nth-child(3)>.landing-icon{animation-delay:.8s}.public-root .landing-pack-art:before{animation:landing-orbit 12s linear infinite}.public-root .landing-pack-art:after{animation:landing-orbit 9s linear infinite reverse}.public-root .landing-stage:after{animation:landing-orbit 24s linear infinite}@keyframes landing-float-in{0%,to{transform:translateY(0)}50%{transform:translateY(-.35rem)}}@keyframes landing-signal{0%,to{box-shadow:0 0 #78d1ff00}50%{box-shadow:0 0 0 .35rem #78d1ff26}}@keyframes landing-orbit{to{transform:rotate(360deg)}}@keyframes portal-breathe{0%,to{transform:scale(.985)}50%{transform:scale(1.025)}}@keyframes portal-orbit-a{0%{transform:rotate(-26deg)}to{transform:rotate(334deg)}}@keyframes portal-orbit-b{0%{transform:rotate(58deg)}to{transform:rotate(418deg)}}@media(max-width:900px){.public-root .landing-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:5rem}.public-root .landing-stage{min-height:31rem}.public-root .landing-hero-notes{margin-top:2.5rem}.public-root .landing-float-pack{right:0}.public-root .landing-contract{grid-template-columns:1fr}}@media(max-width:700px){.public-root .public-header{min-height:4.75rem}.public-root .public-header>.button,.public-root .public-nav{display:none}.public-root .public-menu-toggle{display:inline-flex}.public-root .landing-hero{padding-top:4.5rem}.public-root .hero-copy h1{max-width:8.5ch;font-size:clamp(3.7rem,16vw,5.8rem)}.public-root .hero-lede{margin-top:1.5rem;font-size:.96rem}.public-root .hero-actions{align-items:stretch;flex-direction:column;gap:.7rem}.public-root .hero-actions .button-primary{width:100%;min-height:var(--target-min, 44px)}.public-root .hero-actions .text-link{justify-content:center;min-height:var(--target-min, 44px)}.public-root .landing-hero-notes{display:grid;gap:.7rem;margin-top:2.2rem}.public-root .landing-stage{min-height:23rem;margin-top:1rem}.public-root .landing-portal{inset:0}.public-root .landing-portal-artwork{width:100%}.public-root .landing-float-card{min-width:8.4rem;padding:.6rem}.public-root .landing-float-pack{top:0;right:-.15rem}.public-root .landing-float-replay{right:0;bottom:0}.public-root .landing-signal-bar{grid-template-columns:1fr;width:calc(100% - 1rem)}.public-root .landing-metric{border-right:0;border-bottom:1px solid var(--border-subtle)}.public-root .landing-metric:last-child{border-bottom:0}.public-root .landing-story .steps,.public-root .landing-collection-grid{grid-template-columns:1fr}.public-root .landing-section-head{display:block}.public-root .landing-section-head>.text-link{margin-top:1rem}.public-root .landing-story .step-card{min-height:12rem}.public-root .landing-section{padding-block:4rem}.public-root .landing-section h2{font-size:clamp(2.1rem,10vw,3.2rem)}.public-root .landing-pack-art{min-height:13rem}.public-root .landing-contract-trace{margin-top:1rem}.public-root .public-footer{align-items:flex-start;flex-direction:column;padding-block:1.5rem}}.public-root .landing-stage{min-height:clamp(28rem,43vw,40rem);overflow:visible}.public-root .landing-portal{position:absolute;inset:0;z-index:2;display:grid;place-items:center;isolation:isolate}.public-root .landing-portal-artwork{position:relative;z-index:0;display:block;width:100%;height:100%;max-height:40rem;object-fit:cover;object-position:62% 52%;filter:saturate(.84) drop-shadow(0 1.5rem 2rem rgba(1,9,24,.48));mask-image:radial-gradient(ellipse 78% 82% at 62% 52%,#000 54%,transparent 100%)}.public-root .landing-portal-orbit{position:absolute;z-index:1;display:block;border:1px solid rgba(156,220,255,.2);border-radius:50%;pointer-events:none}.public-root .landing-portal-orbit.orbit-a{inset:12% 3%;transform:rotate(-26deg);border-color:#84d7ff47}.public-root .landing-portal-orbit.orbit-b{inset:0 20%;transform:rotate(58deg);border-style:dashed;border-color:#aea6ff33}.public-root .landing-portal-orbit:before{position:absolute;top:15%;left:13%;width:.42rem;height:.42rem;content:"";border:1px solid rgba(218,247,255,.8);border-radius:50%;background:var(--abu-portal);box-shadow:0 0 1.2rem #78d1ffd9}.public-root .landing-portal-orbit.orbit-b:before{inset:auto 11% 18% auto;width:.28rem;height:.28rem;background:#c6baff;box-shadow:0 0 1rem #a69bffcc}.public-root .landing-float-card{border-color:#a5cff12e;border-radius:1rem;background:#09142bbd;backdrop-filter:blur(16px)}.public-root .landing-float-pack{top:8%;right:-1%}.public-root .landing-float-replay{bottom:9%;left:-2%}.public-root .landing-float-replay .landing-icon{color:#c4bdff}.public-root .hero-copy h1{max-width:9ch;font-size:clamp(3.8rem,7vw,6.8rem);font-weight:600;letter-spacing:-.075em;line-height:.95}.public-root .hero-copy h1 .is-accent{color:var(--abu-portal);text-shadow:0 0 2rem rgba(120,209,255,.18)}.public-root .landing-title-line{animation:landing-title-arrive .72s cubic-bezier(.2,.8,.2,1) both}.public-root .landing-title-line:nth-child(2){animation-delay:.09s}.public-root .landing-title-line:nth-child(3){animation-delay:.18s}.public-root .landing-hero-notes span{animation:landing-note-arrive .55s cubic-bezier(.2,.8,.2,1) both}.public-root .landing-hero-notes span:nth-child(2){animation-delay:.16s}.public-root .landing-hero-notes span:nth-child(3){animation-delay:.24s}@keyframes landing-title-arrive{0%{opacity:0;transform:translateY(1.15rem)}to{opacity:1;transform:translateY(0)}}@keyframes landing-note-arrive{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.public-root .landing-section:not(.landing-final-cta){animation:landing-scroll-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 26%}.public-root .landing-story .step-card,.public-root .landing-pack-card,.public-root .landing-proof-card,.public-root .landing-trace-item{animation:landing-card-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 34%}.public-root .landing-story .step-card:nth-child(2),.public-root .landing-collection-grid .landing-pack-card:nth-child(2),.public-root .landing-proof-card:nth-child(2),.public-root .landing-trace-item:nth-child(3){animation-range:entry 5% entry 39%}.public-root .landing-story .step-card:nth-child(3),.public-root .landing-proof-card:nth-child(3),.public-root .landing-trace-item:nth-child(5){animation-range:entry 10% entry 44%}}@keyframes landing-scroll-arrive{0%{opacity:.55;translate:0 1.1rem}to{opacity:1;translate:0 0}}@keyframes landing-card-arrive{0%{opacity:.35;translate:0 1rem;scale:.985}to{opacity:1;translate:0 0;scale:1}}.public-root .public-nav a,.public-root .public-footer a,.public-root .public-mobile-links a,.public-root .public-header>.button,.public-root .public-menu-toggle,.public-root .public-menu-close,.public-root .landing-proof-actions .button,.public-root .landing-proof-actions .text-link{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.public-root .hero-actions .button:hover,.public-root .public-header>.button:hover,.public-root .public-menu-toggle:hover,.public-root .public-menu-close:hover,.public-root .landing-proof-actions .button:hover{transform:translateY(-2px)}.public-root .hero-actions .button:active,.public-root .landing-proof-actions .button:active{transform:translateY(1px) scale(.985)}.public-root .public-nav a:focus-visible,.public-root .public-footer a:focus-visible,.public-root .landing-section a:focus-visible,.public-root .public-menu-toggle:focus-visible,.public-root .public-menu-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:4px}.public-root .landing-story .step-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .35s ease,box-shadow .35s ease}.public-root .landing-story .step-card:hover{z-index:2;transform:translateY(-5px);background:var(--surface-elevated);box-shadow:0 1rem 2.5rem #0003}.public-root .landing-story .step-card>.landing-icon{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.public-root .landing-story .step-card:hover>.landing-icon{transform:rotate(-8deg) scale(1.06);border-color:var(--accent-primary);box-shadow:0 0 1.2rem #78d1ff29}.public-root .landing-pack-card{transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .38s ease}.public-root .landing-pack-card:hover{transform:translateY(-6px);border-color:#78d1ff61;box-shadow:0 1.3rem 3rem #00000047,0 0 2rem #78d1ff0f}.public-root .landing-pack-art{transition:background-color .35s ease}.public-root .landing-pack-mark,.public-root .landing-pack-art>.landing-icon{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.public-root .landing-pack-card:hover .landing-pack-mark{transform:rotate(50deg) scale(1.05);box-shadow:0 0 2.2rem #78d1ff38}.public-root .landing-pack-card:hover .landing-pack-art>.landing-icon{transform:scale(1.1) rotate(-6deg)}.public-root .landing-contract-trace{transition:border-color .3s ease,box-shadow .3s ease}.public-root .landing-contract-trace:hover{border-color:#78d1ff4d;box-shadow:0 1.2rem 2.8rem #00000042,0 0 2rem #78d1ff0d}.public-root .landing-trace-item{transition:background-color .24s ease,border-color .24s ease}.public-root .landing-trace-item:hover{border-color:var(--border-subtle);background:#78d1ff0b}.public-root .landing-trace-item>.landing-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease}.public-root .landing-trace-item:hover>.landing-icon{transform:scale(1.08);border-color:var(--accent-primary)}.public-root .landing-proof-card[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--product-line-strong),0 .8rem 1.8rem #050c1a2e}.public-root .landing-final-cta:before{animation:landing-final-orbit 30s linear infinite}@keyframes landing-final-orbit{to{transform:translate(-50%) rotate(360deg)}}.public-root .landing-portal-artwork{animation:portal-breathe 9s cubic-bezier(.4,0,.2,1) infinite}.public-root .landing-portal-orbit.orbit-a{animation:portal-orbit-a 54s linear infinite}.public-root .landing-portal-orbit.orbit-b{animation:portal-orbit-b 72s linear infinite}.public-root .landing-stage-glow{animation:portal-halo 7s cubic-bezier(.4,0,.2,1) infinite}.public-root .landing-float-pack{animation:landing-float-in 6s cubic-bezier(.4,0,.2,1) .2s infinite}.public-root .landing-float-replay{animation:landing-float-in 7s cubic-bezier(.4,0,.2,1) 1s infinite reverse}@keyframes portal-halo{0%,to{opacity:.48;transform:scale(.98)}50%{opacity:.78;transform:scale(1.025)}}@media(max-width:900px){.public-root .hero-copy{max-width:min(100%,28rem)}.public-root .landing-stage{position:absolute;inset:0 -1rem 0 auto;width:min(62%,34rem);height:auto;min-height:0;margin:0;opacity:.5}.public-root .landing-float-pack{right:0}.public-root .landing-float-replay{display:none}}@media(max-width:700px){.public-root .landing-hero{min-height:min(38rem,calc(100svh - 4.75rem));align-items:start;padding-top:3.5rem;padding-bottom:2rem}.public-root .hero-copy{z-index:2;max-width:29rem}.public-root .hero-copy h1{max-width:12ch;font-size:clamp(3rem,13.7vw,4.3rem);line-height:.92}.public-root .hero-lede{max-width:29ch;margin-top:1.1rem;font-size:.92rem;line-height:1.55}.public-root .hero-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.55rem .8rem;margin-top:1.4rem}.public-root .hero-actions .button-primary{width:auto;min-width:10.5rem}.public-root .hero-actions .text-link{justify-content:flex-start}.public-root .landing-hero-notes{display:flex;flex-wrap:wrap;gap:.6rem .8rem;max-width:24rem;margin-top:1.35rem;font-size:.52rem}.public-root .landing-stage{position:absolute;top:5.25rem;right:-1rem;z-index:1;width:calc(100% + 2rem);height:22rem;min-height:0;margin:0;opacity:.42;pointer-events:none}.public-root .landing-stage:before,.public-root .landing-stage:after{z-index:3}.public-root .landing-portal-artwork{object-position:64% 50%}.public-root .landing-portal-orbit.orbit-a{inset:12% 0}.public-root .landing-portal-orbit.orbit-b{inset-inline:15%}.public-root .landing-float-card{display:none}}.public-root .eyebrow,.public-root .landing-hero-notes,.public-root .landing-float-copy small,.public-root .landing-metric-copy small,.public-root .landing-metric-copy>span,.public-root .landing-story .step-card b,.public-root .landing-proof-index,.public-root .landing-proof-label,.public-root .landing-pack-art-label,.public-root .landing-pack-meta,.public-root .landing-trace-item small{font-size:max(.75rem,12px);line-height:1.4}.public-root .landing-hero-notes{letter-spacing:.04em}.public-root .landing-metric-copy>span{overflow:visible;text-overflow:clip;white-space:normal}.public-root .landing-pack-meta{flex-wrap:wrap}.public-root.reduced-motion .hero-copy,.public-root.reduced-motion .landing-portal,.public-root.reduced-motion .landing-title-line,.public-root.reduced-motion .landing-hero-notes span,.public-root.reduced-motion .landing-portal-artwork,.public-root.reduced-motion .landing-portal-orbit,.public-root.reduced-motion .landing-stage-glow,.public-root.reduced-motion .landing-float-pack,.public-root.reduced-motion .landing-float-replay,.public-root.reduced-motion .landing-metric>.landing-icon,.public-root.reduced-motion .landing-pack-art:before,.public-root.reduced-motion .landing-pack-art:after,.public-root.reduced-motion .landing-stage:after,.public-root.reduced-motion .landing-final-cta:before,.public-root.reduced-motion .landing-section:not(.landing-final-cta),.public-root.reduced-motion .landing-story .step-card,.public-root.reduced-motion .landing-pack-card,.public-root.reduced-motion .landing-proof-card,.public-root.reduced-motion .landing-trace-item,.reduced-motion .public-root .hero-copy,.reduced-motion .public-root .landing-portal,.reduced-motion .public-root .landing-title-line,.reduced-motion .public-root .landing-hero-notes span,.reduced-motion .public-root .landing-portal-artwork,.reduced-motion .public-root .landing-portal-orbit,.reduced-motion .public-root .landing-stage-glow,.reduced-motion .public-root .landing-float-pack,.reduced-motion .public-root .landing-float-replay,.reduced-motion .public-root .landing-metric>.landing-icon,.reduced-motion .public-root .landing-pack-art:before,.reduced-motion .public-root .landing-pack-art:after,.reduced-motion .public-root .landing-stage:after,.reduced-motion .public-root .landing-final-cta:before,.reduced-motion .public-root .landing-section:not(.landing-final-cta),.reduced-motion .public-root .landing-story .step-card,.reduced-motion .public-root .landing-pack-card,.reduced-motion .public-root .landing-proof-card,.reduced-motion .public-root .landing-trace-item{animation:none!important;animation-timeline:none!important}.public-root.reduced-motion .hero-actions .button,.public-root.reduced-motion .public-mobile-links a,.public-root.reduced-motion .public-header>.button,.public-root.reduced-motion .public-menu-toggle,.public-root.reduced-motion .public-menu-close,.public-root.reduced-motion .landing-proof-actions .button,.public-root.reduced-motion .landing-proof-actions .text-link,.public-root.reduced-motion .landing-section .text-link,.public-root.reduced-motion .product-story .steps>div,.public-root.reduced-motion .landing-proof-card,.public-root.reduced-motion .landing-story .step-card,.public-root.reduced-motion .landing-story .step-card>.landing-icon,.public-root.reduced-motion .landing-pack-card,.public-root.reduced-motion .landing-pack-mark,.public-root.reduced-motion .landing-pack-art,.public-root.reduced-motion .landing-pack-art>.landing-icon,.public-root.reduced-motion .landing-contract-trace,.public-root.reduced-motion .landing-trace-item,.public-root.reduced-motion .landing-trace-item>.landing-icon,.reduced-motion .public-root .hero-actions .button,.reduced-motion .public-root .public-mobile-links a,.reduced-motion .public-root .public-header>.button,.reduced-motion .public-root .public-menu-toggle,.reduced-motion .public-root .public-menu-close,.reduced-motion .public-root .landing-proof-actions .button,.reduced-motion .public-root .landing-proof-actions .text-link,.reduced-motion .public-root .landing-section .text-link,.reduced-motion .public-root .product-story .steps>div,.reduced-motion .public-root .landing-proof-card,.reduced-motion .public-root .landing-story .step-card,.reduced-motion .public-root .landing-story .step-card>.landing-icon,.reduced-motion .public-root .landing-pack-card,.reduced-motion .public-root .landing-pack-mark,.reduced-motion .public-root .landing-pack-art,.reduced-motion .public-root .landing-pack-art>.landing-icon,.reduced-motion .public-root .landing-contract-trace,.reduced-motion .public-root .landing-trace-item,.reduced-motion .public-root .landing-trace-item>.landing-icon{transition:none!important}.public-root.reduced-motion .hero-actions .button:hover,.public-root.reduced-motion .hero-actions .button:active,.public-root.reduced-motion .public-header>.button:hover,.public-root.reduced-motion .public-menu-toggle:hover,.public-root.reduced-motion .public-menu-close:hover,.public-root.reduced-motion .landing-proof-actions .button:hover,.public-root.reduced-motion .landing-proof-actions .button:active,.public-root.reduced-motion .product-story .steps>div:hover,.public-root.reduced-motion .landing-proof-card:hover,.public-root.reduced-motion .landing-story .step-card:hover,.public-root.reduced-motion .landing-story .step-card:hover>.landing-icon,.public-root.reduced-motion .landing-pack-card:hover,.public-root.reduced-motion .landing-pack-card:hover .landing-pack-mark,.public-root.reduced-motion .landing-pack-card:hover .landing-pack-art>.landing-icon,.public-root.reduced-motion .landing-contract-trace:hover,.public-root.reduced-motion .landing-trace-item:hover,.public-root.reduced-motion .landing-trace-item:hover>.landing-icon,.reduced-motion .public-root .hero-actions .button:hover,.reduced-motion .public-root .hero-actions .button:active,.reduced-motion .public-root .public-header>.button:hover,.reduced-motion .public-root .public-menu-toggle:hover,.reduced-motion .public-root .public-menu-close:hover,.reduced-motion .public-root .landing-proof-actions .button:hover,.reduced-motion .public-root .landing-proof-actions .button:active,.reduced-motion .public-root .product-story .steps>div:hover,.reduced-motion .public-root .landing-proof-card:hover,.reduced-motion .public-root .landing-story .step-card:hover,.reduced-motion .public-root .landing-story .step-card:hover>.landing-icon,.reduced-motion .public-root .landing-pack-card:hover,.reduced-motion .public-root .landing-pack-card:hover .landing-pack-mark,.reduced-motion .public-root .landing-pack-card:hover .landing-pack-art>.landing-icon,.reduced-motion .public-root .landing-contract-trace:hover,.reduced-motion .public-root .landing-trace-item:hover,.reduced-motion .public-root .landing-trace-item:hover>.landing-icon{transform:none!important}@media(prefers-reduced-motion:reduce){.public-root .hero-copy,.public-root .landing-portal,.public-root .landing-title-line,.public-root .landing-hero-notes span,.public-root .landing-portal-artwork,.public-root .landing-portal-orbit,.public-root .landing-stage-glow,.public-root .landing-float-pack,.public-root .landing-float-replay,.public-root .landing-metric>.landing-icon,.public-root .landing-pack-art:before,.public-root .landing-pack-art:after,.public-root .landing-stage:after,.public-root .landing-final-cta:before,.public-root .landing-section:not(.landing-final-cta),.public-root .landing-story .step-card,.public-root .landing-pack-card,.public-root .landing-proof-card,.public-root .landing-trace-item{animation:none!important;animation-timeline:none!important}.public-root .hero-actions .button,.public-root .public-mobile-links a,.public-root .public-header>.button,.public-root .public-menu-toggle,.public-root .public-menu-close,.public-root .landing-proof-actions .button,.public-root .landing-proof-actions .text-link,.public-root .landing-section .text-link,.public-root .product-story .steps>div,.public-root .landing-proof-card,.public-root .landing-story .step-card,.public-root .landing-story .step-card>.landing-icon,.public-root .landing-pack-card,.public-root .landing-pack-mark,.public-root .landing-pack-art,.public-root .landing-pack-art>.landing-icon,.public-root .landing-contract-trace,.public-root .landing-trace-item,.public-root .landing-trace-item>.landing-icon{transition:none!important}.public-root .hero-actions .button:hover,.public-root .hero-actions .button:active,.public-root .public-header>.button:hover,.public-root .public-menu-toggle:hover,.public-root .public-menu-close:hover,.public-root .landing-proof-actions .button:hover,.public-root .landing-proof-actions .button:active,.public-root .product-story .steps>div:hover,.public-root .landing-proof-card:hover,.public-root .landing-story .step-card:hover,.public-root .landing-story .step-card:hover>.landing-icon,.public-root .landing-pack-card:hover,.public-root .landing-pack-card:hover .landing-pack-mark,.public-root .landing-pack-card:hover .landing-pack-art>.landing-icon,.public-root .landing-contract-trace:hover,.public-root .landing-trace-item:hover,.public-root .landing-trace-item:hover>.landing-icon{transform:none!important}}.result-draw{color:var(--product-amber)}.result-unfinished{color:var(--product-cyan)}.empty-state{min-height:100dvh;display:grid;place-content:center;justify-items:start;gap:1rem;width:min(100% - 3rem,54rem);margin-inline:auto;padding-block:5rem}.empty-state h1,.empty-state h2{max-width:38rem;margin:0;font:700 clamp(2.6rem,7vw,5rem)/.92 var(--product-display);letter-spacing:-.04em}.empty-state p:not(.eyebrow){max-width:32rem;margin:0;color:var(--product-copy);line-height:1.6}.empty-state-mark{color:var(--product-amber);font:800 1rem/1 var(--product-mono);letter-spacing:.16em}.empty-state-path{color:var(--product-muted);font:.7rem/1 var(--product-mono)}.empty-state.compact{min-height:auto;width:auto;padding:3rem 0}.client-content .empty-state{min-height:auto;width:min(100%,54rem);margin-inline:0;padding-block:2rem}.match-outlet .game-shell{--theater-brass: #d8a936;--theater-brass-soft: rgba(216, 169, 54, .24);--theater-felt: #0b211c;--theater-iron: #071018;isolation:isolate;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(32,88,70,.18),transparent 42%),linear-gradient(145deg,#070d13,#03070c 72%)}.match-outlet .top-bar{min-height:0;border-bottom:1px solid var(--theater-brass-soft);background:linear-gradient(90deg,rgba(216,169,54,.055) 1px,transparent 1px) 0 0 / 24px 100%,linear-gradient(180deg,#0d151e,#070c12);box-shadow:0 8px 24px #00000061,inset 0 -1px #ffffff06}.match-outlet .eco-stat{display:grid;grid-template-columns:1.05rem auto;grid-template-rows:auto auto;column-gap:.35rem;align-content:center;border-radius:6px}.match-outlet .eco-icon{grid-row:1 / -1;display:grid;place-items:center;color:currentColor}.match-outlet .eco-icon .ui-icon{width:1rem;height:1rem}.match-outlet .eco-stat .lbl{grid-column:2;font-size:.56rem}.match-outlet .eco-stat .val{grid-column:2;line-height:.9}.match-outlet .hex-field{border-radius:12px;border:1px solid rgba(216,169,54,.38);background:repeating-linear-gradient(25deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 45%,rgba(42,104,79,.34),transparent 66%),linear-gradient(145deg,#102b23,var(--theater-felt));box-shadow:0 18px 46px #00000080,inset 0 0 0 4px #03080a9e,inset 0 0 52px #0000005c}.match-outlet .hex-cell{border-radius:9px;border:1px solid rgba(158,202,177,.24);background:linear-gradient(145deg,#11342aa3,#071815b8);box-shadow:inset 0 1px #ffffff06,inset 0 -8px 18px #00000029}.match-outlet .hex-socket{width:clamp(1.5rem,4vw,2.25rem);aspect-ratio:1;border:1px solid rgba(156,200,178,.2);border-radius:50%;box-shadow:inset 0 4px 10px #0000006b,0 1px #ffffff06}.match-outlet .hex-cell.valid-target .hex-socket,.match-outlet .hex-cell.valid-target .hex-empty-label{color:#baffd2}.match-outlet .phase-banner{font-size:clamp(.78rem,1.8vw,1.15rem);font-weight:750;letter-spacing:.12em;text-transform:none;color:#e1eee50e}.match-outlet .unit-action.icon-only{display:grid;place-items:center;width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0;border-radius:999px;opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease,background .14s ease}.match-outlet .unit-action.icon-only .ui-icon{width:.85rem;height:.85rem}.match-outlet .hex-cell:is(:hover,:focus-within,.selected) .unit-action.icon-only,.match-outlet .bench-entry:is(:hover,:focus-within) .unit-action.icon-only{opacity:1;transform:none}.match-outlet .bench-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;overflow:visible}.match-outlet .bench-entry{min-width:0;position:relative}.match-outlet .bench-slot{width:100%;min-width:0;max-width:none}.match-outlet .bench-slot.empty{min-width:0;background:#02080b47;border:1px dashed rgba(143,184,168,.18);box-shadow:inset 0 4px 10px #00000047}.match-outlet .bench-entry>.unit-action{position:absolute;right:-.12rem;top:-.28rem;z-index:4}.match-outlet .shop-dock{border-top:1px solid rgba(216,169,54,.38);background:linear-gradient(90deg,rgba(216,169,54,.04) 1px,transparent 1px) 0 0 / 28px 100%,linear-gradient(180deg,#0c151e,#070c12);box-shadow:0 -12px 34px #0000006b}.match-outlet .shop-controls .btn-tft,.match-outlet .shop-end .btn-tft,.match-outlet .shop-card .buy{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--product-display, var(--font-display));font-weight:750;letter-spacing:.015em;text-transform:none}.match-outlet .button-icon{display:inline-grid;place-items:center;flex:0 0 auto}.match-outlet .button-icon .ui-icon{width:.95rem;height:.95rem}.match-outlet .shop-card.empty{opacity:.34}.match-outlet .shop-card.empty .art-empty{border-style:dashed;background:radial-gradient(circle,rgba(216,169,54,.08),transparent 62%)}.remote-match-outlet .top-bar .status-rail{grid-area:utilities;justify-self:end;width:auto;min-width:0;min-height:1.75rem;margin:0;padding:.28rem .55rem;border:1px solid rgba(70,204,126,.28);border-radius:999px;background:#05120eb8;font-size:.6rem;line-height:1;white-space:nowrap}.remote-match-outlet .top-bar .status-rail:before{content:"";width:.42rem;height:.42rem;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.remote-match-outlet .top-bar .status-rail[data-status-state=synced] .status-rail-message{max-width:9rem}@media(max-width:1100px){.match-outlet .game-shell,.remote-match-outlet .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 0 minmax(0,1fr) minmax(13.5rem,31dvh);grid-template-areas:"top" "guide" "arena" "shop";height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.match-outlet .traits-panel,.match-outlet .foes-panel{display:none}.match-outlet .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"brand economy" "stage phase";padding:.45rem .65rem}.match-outlet .top-bar .replay-utilities{display:none}.remote-match-outlet .top-bar .status-rail{position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.match-outlet .arena{min-height:0;padding:.35rem;overflow:hidden}.match-outlet .hex-field{width:100%;height:100%;min-height:0;max-height:100%;padding:.42rem .55rem}.match-outlet .board-stack,.match-outlet .board-side{min-height:0}.match-outlet .shop-dock{grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) minmax(7rem,9rem);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"guidance guidance guidance" "controls row end";gap:.45rem;min-height:0;max-height:none;overflow:hidden;padding:.45rem .55rem .55rem}.match-outlet .shop-guidance{grid-area:guidance;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-outlet .shop-controls{grid-area:controls;grid-template-columns:1fr;align-content:stretch;min-width:0}.match-outlet .shop-gold-block{grid-column:auto}.match-outlet .shop-row{grid-area:row;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;width:100%;min-width:0;overflow:hidden;padding:0}.match-outlet .shop-card{width:auto;min-width:0;min-height:0;height:100%}.match-outlet .shop-end{grid-area:end;grid-template-columns:1fr;align-content:stretch;min-width:0}.match-outlet .shop-controls .btn-tft,.match-outlet .shop-end .btn-tft{min-width:0;padding:.42rem}}@media(max-width:640px){.match-outlet .game-shell,.remote-match-outlet .game-shell{grid-template-rows:auto minmax(0,1fr) minmax(14.25rem,29dvh);grid-template-areas:"top" "arena" "shop"}.match-outlet .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"brand economy" "stage stage" "phase phase";gap:.2rem .4rem}.match-outlet .brand-pack,.match-outlet .phase-action-rail{display:none}.match-outlet .eco-stat{min-width:2.9rem;padding:.2rem .28rem;grid-template-columns:.8rem auto;column-gap:.2rem}.match-outlet .eco-stat .lbl{display:none}.match-outlet .eco-stat .val{font-size:1.15rem}.match-outlet .eco-icon .ui-icon{width:.78rem;height:.78rem}.match-outlet .stage{font-size:.72rem}.remote-match-outlet .top-bar .status-rail{top:auto;bottom:.35rem;left:auto;right:.55rem;transform:none}.match-outlet .hex-field{padding:.35rem .4rem;gap:.2rem}.match-outlet .board-stack{gap:.22rem}.match-outlet .board-label{font-size:.5rem}.match-outlet .board-side{gap:.22rem;grid-template-rows:repeat(2,minmax(2.7rem,1fr))}.match-outlet .bench-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem}.match-outlet .bench-entry:nth-child(n+6),.match-outlet .bench-slot.empty:nth-child(n+6){grid-row:2}.match-outlet .bench-name{display:none}.match-outlet .shop-dock{grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"guidance controls" "row row" "end end";gap:.35rem;padding:.38rem .42rem max(.42rem,env(safe-area-inset-bottom))}.match-outlet .shop-guidance{align-self:center;font-size:.58rem}.match-outlet .shop-controls{grid-template-columns:repeat(2,minmax(3.2rem,1fr));grid-template-rows:auto}.match-outlet .lvl-block,.match-outlet .xp-track{display:none}.match-outlet .shop-controls .button-label{font-size:0}.match-outlet .shop-controls .button-label:after{content:attr(data-short-label);font-size:.66rem}.match-outlet .shop-row{gap:.22rem}.match-outlet .shop-card{padding:.25rem;min-height:7.6rem}.match-outlet .shop-card .art{min-height:2.8rem}.match-outlet .shop-card .title{font-size:.56rem;line-height:1.05}.match-outlet .shop-card .traits-line{display:none}.match-outlet .shop-card .buy{min-height:var(--target-min, 44px);padding:.2rem;font-size:.75rem}.match-outlet .shop-card .buy .button-icon{display:none}.match-outlet .shop-end{grid-template-columns:repeat(2,minmax(0,1fr))}.match-outlet .shop-end .btn-tft{min-height:var(--target-min, 44px);font-size:.75rem}}@media(prefers-reduced-motion:reduce){.match-outlet .unit-action.icon-only{transition:none}.match-outlet .phase-banner.combat{animation:none}}.onboarding-screen,.lobby-screen{max-width:70rem}.client-lede{max-width:34rem;color:var(--product-copy);line-height:1.65}.onboarding-steps{display:grid;gap:.75rem;max-width:48rem;margin-top:3rem}.onboarding-steps a{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border:1px solid var(--product-line);color:var(--product-ink);background:#0d151fdb;transition:border-color .18s ease,transform .18s ease,background .18s ease}.onboarding-steps a:hover{border-color:var(--product-amber);transform:translate(4px);background:#f4bf450f}.onboarding-steps b{color:var(--product-amber);font:700 .75rem/1 var(--product-mono)}.onboarding-steps span{display:grid;gap:.3rem}.onboarding-steps strong{font-size:.9rem}.onboarding-steps small{color:var(--product-muted);font-size:.72rem}.onboarding-steps .ui-icon{width:1rem;color:var(--product-amber)}.lobby-screen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;align-items:start}.lobby-screen>:first-child{grid-column:1 / -1;margin-bottom:2rem}.lobby-primary-action{display:grid;gap:var(--space-3);padding-block:var(--space-2);border-block:1px solid var(--product-line)}.lobby-primary-action .lobby-actions{margin:0}.lobby-reproducibility{display:grid;gap:var(--space-3);color:var(--product-muted)}.lobby-reproducibility:not([open])>:not(summary){display:none!important}.lobby-reproducibility summary{cursor:pointer;color:var(--product-copy);font:700 .72rem/1.2 var(--product-display)}.lobby-reproducibility[open] summary{color:var(--product-amber)}.lobby-reproducibility[open] .lobby-pack-identity{display:block;overflow-wrap:anywhere}.workshop-guidance{margin:0;padding:.7rem .85rem;border-left:3px solid var(--product-green);color:var(--product-copy);background:#3dde720f;font:.72rem/1.4 var(--product-mono)}.workshop-guidance[data-guidance-state=blocked]{border-left-color:var(--product-amber);color:var(--product-amber);background:#d7a72f14}.lobby-card,.lobby-roster{display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--product-line);background:linear-gradient(145deg,#14232deb,#0a1018f5)}.lobby-mode-picker{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1;margin-top:1.4rem}.lobby-mode-button{display:grid;gap:.3rem;min-width:11rem;padding:.8rem 1rem;border:1px solid var(--product-line);color:var(--product-muted);background:#0a1018b8;text-align:left;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}.lobby-mode-button:hover,.lobby-mode-button:focus-visible{border-color:var(--product-amber);color:var(--product-ink);transform:translateY(-1px)}.lobby-mode-button.is-active{border-color:var(--product-amber);color:var(--product-ink);background:#f4bf4514;box-shadow:inset 3px 0 var(--product-amber)}.lobby-mode-button strong{font:700 .78rem/1 var(--product-display)}.lobby-mode-button small{color:var(--product-muted);font-size:.68rem}.lobby-card[hidden]{display:none}.lobby-card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.lobby-card-heading h3{margin:.35rem 0 0;color:var(--product-ink);font:700 clamp(1.35rem,3vw,2rem)/.98 var(--product-display)}.lobby-server-card{min-width:0}.lobby-server-card code{color:var(--product-amber);font-family:var(--product-mono)}.lobby-server-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding-top:.85rem;border-top:1px solid var(--product-line);color:var(--product-muted);font:.68rem/1.4 var(--product-mono)}.lobby-server-meta [data-server-connection]{color:var(--product-green)}.lobby-status[data-status-tone=error]{color:var(--product-red)}.lobby-status[data-status-tone=warning]{color:var(--product-amber)}.lobby-status[data-status-tone=success]{color:var(--product-green)}.lobby-code-label{color:var(--product-muted);font:.62rem/1 var(--product-display);letter-spacing:.14em}.lobby-code{color:var(--product-amber);font:800 clamp(2rem,5vw,3.4rem)/1 var(--product-mono);letter-spacing:.08em}.lobby-card p{min-height:1.2rem;margin:0;color:var(--product-green);font-size:.72rem}.lobby-roster>div:not(.lobby-empty){display:grid;grid-template-columns:2rem 1fr;align-items:center;column-gap:.7rem}.lobby-roster>div:not(.lobby-empty) strong,.lobby-roster>div:not(.lobby-empty) small{grid-column:2}.lobby-roster>div:not(.lobby-empty) small{color:var(--product-muted);font-size:.68rem}.lobby-roster>div:not(.lobby-empty) .profile-avatar{grid-row:1 / span 2}.lobby-empty{padding:1.2rem;border:1px dashed var(--product-line-strong);color:var(--product-muted);font-size:.75rem;line-height:1.5}.collection-detail-hero{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(0,1fr);gap:2rem;align-items:center}.collection-detail-art{min-height:22rem;border:1px solid var(--product-line-strong)}.collection-detail-hero h2{margin:.55rem 0 .8rem;font:700 clamp(2.3rem,5vw,4rem)/.95 var(--product-display)}.collection-detail-hero p:not(.eyebrow){max-width:30rem;color:var(--product-copy);line-height:1.6}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-block:1px solid var(--product-line)}.detail-metrics div{display:grid;gap:.45rem;padding:1.4rem;border-right:1px solid var(--product-line)}.detail-metrics div:last-child{border-right:0}.detail-metrics strong{color:var(--product-amber);font:700 1.35rem/1 var(--product-display)}.detail-metrics span{color:var(--product-muted);font-size:.68rem}.match-result-panel{position:relative;z-index:4;display:grid;justify-items:center;gap:.8rem;max-width:32rem;margin:1.5rem auto;padding:2.4rem;border:1px solid var(--product-amber);background:radial-gradient(circle at 50% 0,rgba(244,191,69,.16),transparent 56%),#0b131c;box-shadow:0 1.5rem 4rem #00000052;text-align:center;animation:result-reveal .42s cubic-bezier(.2,.8,.2,1) both}.match-result-panel[data-result=victory]{border-color:var(--product-green);background:radial-gradient(circle at 50% 0,rgba(100,215,139,.16),transparent 56%),#0b131c}.match-result-panel[data-result=defeat]{border-color:var(--product-red);background:radial-gradient(circle at 50% 0,rgba(235,102,102,.13),transparent 56%),#0b131c}.match-result-panel h2{margin:0;color:var(--product-ink);font:800 clamp(2.5rem,7vw,4.8rem)/.9 var(--product-display);letter-spacing:-.04em}.match-result-detail{margin:0;color:var(--product-copy);font-size:.76rem;line-height:1.5}.match-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.6rem}@keyframes result-reveal{0%{opacity:0;transform:translateY(1rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.combat-unit-card{position:relative;overflow:visible;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.combat-unit-card.combat-cast{animation:combat-cast .36s ease both}.combat-unit-card.combat-affected{animation:combat-affected .42s ease both}.combat-unit-card.combat-damage{border-color:var(--danger, #eb6666);box-shadow:0 0 1.4rem #eb666640}.combat-unit-card.combat-heal{border-color:var(--success, #64d78b);box-shadow:0 0 1.4rem #64d78b33}.combat-unit-card.combat-shield{border-color:var(--cyan, #7ec8e8);box-shadow:0 0 1.4rem #7ec8e833}.combat-float-number{position:absolute;top:.2rem;right:.6rem;z-index:2;pointer-events:none;font:800 1.15rem/1 var(--product-display);animation:combat-float .76s ease-out both}.combat-float-number.combat-damage{color:var(--danger, #eb6666)}.combat-float-number.combat-heal{color:var(--success, #64d78b)}.combat-float-number.combat-shield{color:var(--cyan, #7ec8e8)}@keyframes combat-cast{0%,to{transform:translateY(0)}35%{transform:translateY(-.22rem) scale(1.02)}}@keyframes combat-affected{0%,to{transform:translate(0)}22%{transform:translate(-.22rem)}44%{transform:translate(.18rem)}}@keyframes combat-float{0%{opacity:0;transform:translateY(.5rem) scale(.8)}22%{opacity:1}to{opacity:0;transform:translateY(-1.8rem) scale(1)}}@media(prefers-reduced-motion:reduce){.combat-unit-card.combat-cast,.combat-unit-card.combat-affected,.combat-float-number{animation:none}}@media(prefers-reduced-motion:reduce){.match-result-panel{animation:none}}@media(max-width:760px){.empty-state{width:min(100% - 2rem,54rem)}.lobby-screen,.collection-detail-hero{display:block}.lobby-screen>*+*,.collection-detail-hero>*+*{margin-top:1rem}.collection-detail-art{min-height:14rem}.detail-metrics{grid-template-columns:repeat(2,1fr)}.detail-metrics div:nth-child(2){border-right:0}.detail-metrics div:nth-child(-n+2){border-bottom:1px solid var(--product-line)}}@media(max-width:640px){.client-content{width:calc(100% - 2rem);max-width:100%;min-width:0}.client-content>*{max-width:100%;min-width:0}.lobby-screen{width:100%;max-width:100%;min-width:0}.lobby-card{min-width:0}.lobby-card>label,.lobby-card>p,.lobby-card>.lobby-fields,.lobby-card>.lobby-actions,.lobby-card>.lobby-pack-identity{width:100%;max-width:100%;min-width:0}.lobby-card select,.lobby-card input{width:100%;max-width:100%;min-width:0;min-height:44px;padding:.6rem .75rem}.lobby-pack-identity,.section-intro h2{overflow-wrap:anywhere}.lobby-screen>:first-child{margin-bottom:.75rem}.lobby-screen .section-intro{align-items:flex-start;gap:.75rem}.lobby-screen .section-intro h2{font-size:clamp(2.25rem,11vw,3rem);line-height:.94}.lobby-screen .client-lede{margin-top:.75rem;font-size:.86rem;line-height:1.5}.lobby-screen .section-intro .tag{align-self:flex-start}.lobby-mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lobby-mode-button{min-width:0;min-height:44px;padding:.65rem .7rem}}.collection-technical{min-width:0;max-width:100%}.collection-technical dl{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:.45rem 1rem;min-width:0;margin:1rem 0 0}.collection-technical dt,.collection-technical dd{min-width:0}.collection-technical dd{margin:0;overflow-wrap:anywhere;word-break:break-word}.remote-match-outlet .status-rail{position:relative;z-index:2;border-bottom-color:#d7a72f38;background:#080d16f0;letter-spacing:.04em}.lobby-server-card [hidden]{display:none!important}@media(max-width:640px){.remote-match-outlet .status-rail{padding:.75rem .9rem;font-size:.7rem}}.match-outlet .replay-controls>button:nth-of-type(n+2){display:inline-flex}.match-outlet .game-shell:has(.stage[data-combat-phase=shop]) .combat-scene{display:grid}.match-outlet .game-shell:has(.stage[data-combat-phase=shop][data-combat-event-count="0"]) .combat-scene{display:none}.match-outlet .replay-controls{overflow-x:auto;scrollbar-width:thin}.match-outlet .replay-controls .replay-hash{display:inline-flex;flex:0 1 8rem}.match-outlet .hud-flow-status{display:none}.match-outlet .shop-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.match-outlet .combat-scene .combat-units,.match-outlet .combat-scene .combat-log{display:grid}.match-outlet .combat-scene .combat-units:empty,.match-outlet .combat-scene .combat-log:empty{display:none}.match-outlet .combat-summary{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.6rem;min-width:0}.match-outlet .combat-summary>.panel-title,.match-outlet .combat-summary>.combat-status{margin:0;min-width:0;clear:none}.match-outlet .combat-review-toggle{min-height:44px;padding:.4rem .65rem;gap:.45rem;font-size:.8rem;font-weight:800;white-space:nowrap}.match-outlet .combat-details{display:grid;gap:.55rem;min-width:0}.match-outlet .combat-details[hidden],.match-outlet .combat-review-toggle[hidden]{display:none!important}.match-outlet .combat-scene[data-result-ready=true]:not([data-collapsed=true]) .combat-details{max-height:min(11rem,24dvh);overflow-y:auto;overscroll-behavior:contain}.match-outlet .combat-scene[data-result-ready=true]:not([data-collapsed=true]) .combat-log{max-height:none;overflow:visible}.match-outlet .arena{overflow-y:auto;justify-content:flex-start}.match-outlet .hex-field{height:auto;min-height:0;flex:1 1 auto}.match-outlet .hex-cell.filled{overflow:visible}.match-outlet .hex-cell.filled .unit-actions{position:static;display:flex;width:100%}.match-outlet .hex-field[data-game-phase=combat] .unit-actions{display:none}.match-outlet .hex-cell.filled .unit-actions .unit-action{position:static;width:100%;min-height:44px;font-size:.75rem}.match-outlet .replay-controls .tactical-button{min-width:var(--target-min);min-height:var(--target-min);flex:0 0 auto;font-size:.75rem}.match-outlet .combat-controls .tactical-button,.match-outlet .shop-controls .btn-tft,.match-outlet .shop-card .buy,.match-outlet .shop-end .btn-tft{min-height:44px;font-size:.75rem}.match-outlet .client-nav a span,.match-outlet .app-bottom-nav a span{display:block}.match-outlet .shop-dock[data-shop-decision=combat] .shop-controls,.match-outlet .shop-dock[data-shop-decision=combat] .shop-row,.match-outlet .shop-dock[data-shop-decision=combat] .shop-end{display:none}.match-outlet .shop-dock[data-shop-decision=combat]{grid-template-areas:"guidance";grid-template-columns:minmax(0,1fr);min-height:0;max-height:none;align-content:start}@media(max-width:640px){.match-outlet .combat-summary{grid-template-columns:minmax(0,1fr) auto}.match-outlet .combat-summary>.panel-title{grid-column:1;grid-row:1}.match-outlet .combat-summary>.combat-status{grid-column:1;grid-row:2}.match-outlet .combat-review-toggle{grid-column:2;grid-row:1 / span 2}.match-outlet .replay-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.match-outlet .replay-controls .replay-hash{grid-column:1 / -1;max-width:none}.match-outlet .hex-field{min-height:390px}.match-outlet .board-stack{min-height:300px}.match-outlet .board-side{flex-basis:132px;min-height:132px}.match-outlet .hex-cell.filled .unit-actions .unit-action{min-height:44px;padding:.1rem .2rem;font-size:.75rem}}@media(max-width:760px){.lobby-card .button,.onboarding-steps a{min-height:44px}}.match-outlet .onboarding-heading{min-width:0;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.match-outlet .onboarding-heading strong{flex:0 1 auto;white-space:nowrap}.match-outlet .onboarding-heading span{flex:0 0 auto}@media(min-width:641px)and (max-width:1440px){.match-outlet .onboarding-panel{grid-template-columns:minmax(10rem,11rem) minmax(0,1fr) minmax(8rem,18rem) auto}}@media(max-width:640px){.match-outlet .onboarding-host,.match-outlet .onboarding-panel{grid-template-columns:minmax(0,1fr)}.match-outlet .onboarding-heading{justify-content:space-between;flex-wrap:nowrap}.match-outlet .onboarding-panel h2,.match-outlet .onboarding-progress,.match-outlet .onboarding-actions{grid-column:1}}@media(max-width:640px){.match-outlet .shop-dock[data-shop-decision=combat] .shop-controls,.match-outlet .shop-dock[data-shop-decision=combat] .shop-row,.match-outlet .shop-dock[data-shop-decision=combat] .shop-end{display:none}.match-outlet .shop-dock[data-shop-decision=combat]{grid-template-areas:"guidance";grid-template-columns:1fr;padding:.5rem .75rem;min-height:0}}.ui-panel{margin-top:1.5rem;padding:1.1rem 0;border-top:1px solid var(--product-line)}.ui-panel-title{margin:0 0 .7rem;color:var(--product-muted);font:700 .65rem/1 var(--product-display);letter-spacing:.12em;text-transform:uppercase}.ui-panel-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem 1rem;min-width:0;color:var(--product-copy)}.ui-panel-body>strong,.ui-panel-body>small,.ui-panel-body>p{grid-column:1;min-width:0;margin:0}.ui-panel-body>small{color:var(--product-muted);font-size:.72rem}.ui-panel-body>p{line-height:1.5}.ui-panel-body>.status-badge{grid-column:2;grid-row:1 / span 2;align-self:center}.ui-panel-body>div:not(.home-quick-actions){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem 1rem;min-width:0}.ui-panel-body>div:not(.home-quick-actions)>strong,.ui-panel-body>div:not(.home-quick-actions)>small,.ui-panel-body>div:not(.home-quick-actions)>p{grid-column:1;min-width:0;margin:0}.ui-panel-body>div:not(.home-quick-actions)>small{color:var(--product-muted);font-size:.72rem}.ui-panel-body>div:not(.home-quick-actions)>p{line-height:1.5}.ui-panel-body>div:not(.home-quick-actions)>.status-badge{grid-column:2;grid-row:1 / span 2;align-self:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:.25rem .5rem;border:1px solid var(--product-line-strong);border-radius:999px;color:var(--product-muted);font:700 .58rem/1 var(--product-display);letter-spacing:.08em;text-transform:uppercase}.status-success{border-color:#64d78b73;color:var(--product-green)}.status-warning{border-color:#f4bf4580;color:var(--product-amber)}.home-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}.collections-import{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--product-line);background:linear-gradient(145deg,#14232db8,#0a1018d6)}.collections-import h2{margin:0 0 .65rem;font:700 1.2rem/1 var(--product-display)}.collections-import>p{max-width:34rem;margin:0;color:var(--product-copy);line-height:1.5}.import-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.import-row input{flex:1 1 14rem;min-width:0}.collections-toolbar{margin-top:.75rem}.collections-toolbar input{width:min(100%,22rem)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:1.5rem;min-width:0}.collection-card{min-width:0;overflow:hidden;border:1px solid var(--product-line);background:#0d151f}.pack-spine{min-height:10rem;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(126,200,232,.24),transparent 42%),linear-gradient(145deg,#203d47,#0d151f)}.pack-spine span{color:#f4bf45e6;font:800 clamp(3rem,10vw,5rem)/1 var(--product-display);letter-spacing:-.08em}.collection-card-body{min-width:0;padding:1.1rem}.collection-card-body h3{margin:0 0 .4rem;font:700 1.25rem/1 var(--product-display)}.collection-card-body p{margin:0;color:var(--product-copy);font-size:.76rem}.collection-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--product-line)}.collection-card-actions .button{flex:1 1 8rem}.collection-technical{margin-top:.85rem;color:var(--product-muted);font-size:.7rem}.collection-technical summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.collection-technical dl{grid-template-columns:minmax(4rem,auto) minmax(0,1fr);gap:.35rem .75rem}.workshop-steps{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.5rem 0 .75rem}.workshop-steps button{min-height:44px;padding:.55rem .7rem;border:1px solid var(--product-line);color:var(--product-muted);background:transparent}.workshop-steps button[aria-current=step],.workshop-steps button:hover,.workshop-steps button:focus-visible{border-color:var(--product-amber);color:var(--product-ink)}.workshop-form{display:grid;gap:.5rem;max-width:36rem}.workshop-field{min-width:0}.workshop-field>label{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);align-items:center;gap:.75rem;min-height:44px;color:var(--product-copy)}.workshop-field>label>input{width:100%;min-width:0}.workshop-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.settings-group>div{display:grid;gap:.35rem}@media(max-width:560px){.ui-panel-body{grid-template-columns:minmax(0,1fr)}.ui-panel-body>.status-badge{grid-column:1;grid-row:auto;justify-self:start}.workshop-field>label{grid-template-columns:minmax(5.75rem,auto) minmax(0,1fr);gap:.5rem}.import-row input{flex-basis:100%}.import-row .button{flex:1 1 auto}}.lobby-card>label,.lobby-card .lobby-fields>label{display:grid;align-content:start;gap:.45rem;min-width:0;color:var(--product-ink);line-height:1.3}.lobby-card input,.lobby-card select{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:.65rem .75rem;line-height:1.25}.lobby-card .lobby-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}.lobby-card .lobby-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-width:0}.lobby-card .lobby-actions .button{flex:1 1 12rem}.lobby-card .lobby-actions .text-link{min-height:44px;padding:.65rem .5rem}@media(max-width:960px){.match-outlet .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 0 auto auto auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits";height:auto;min-height:100dvh;max-height:none;overflow:visible}.match-outlet .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;grid-template-areas:"brand economy" "stage stage" "phase phase" "utilities utilities";align-items:center;min-height:0;height:auto;padding:.55rem .75rem;overflow:visible}.match-outlet .top-bar .stage{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}.match-outlet .top-bar .phase-action-rail{max-width:100%;white-space:normal}.match-outlet .top-bar .replay-utilities{justify-self:start}.match-outlet .arena{overflow:visible}.match-outlet .shop-dock{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"guidance" "controls" "row" "end";align-items:stretch;width:100%;min-width:0;max-height:none;overflow:visible;padding:.75rem max(.75rem,env(safe-area-inset-right)) .85rem max(.75rem,env(safe-area-inset-left))}.match-outlet .shop-guidance{max-width:none;padding:0}.match-outlet .shop-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;width:100%;min-width:0}.match-outlet .shop-gold-block{grid-column:1 / -1}.match-outlet .shop-row{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.2rem .1rem .35rem;overscroll-behavior-x:contain}.match-outlet .shop-card{flex:0 0 clamp(148px,30vw,190px);width:auto;min-width:0;min-height:188px;height:auto}.match-outlet .shop-card button.buy{white-space:normal;overflow-wrap:anywhere;line-height:1.15}.match-outlet .shop-end{width:100%;min-width:0}}@media(max-width:640px){.lobby-card .lobby-fields{grid-template-columns:minmax(0,1fr);gap:.85rem}.match-outlet .top-bar,.match-outlet .shop-dock{padding-inline:.65rem}.match-outlet .shop-card{flex-basis:clamp(144px,42vw,172px)}}@media(min-width:961px)and (max-width:1100px){.match-outlet .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 0 auto auto auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits";height:auto;min-height:100dvh;max-height:none;overflow:visible}.match-outlet .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;grid-template-areas:"brand economy" "stage stage" "phase phase" "utilities utilities";height:auto;min-height:0;padding:.55rem .75rem;overflow:visible}.match-outlet .top-bar .stage{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.1}.match-outlet .top-bar .phase-action-rail{max-width:100%;white-space:normal}.match-outlet .top-bar .replay-utilities{justify-self:start}.match-outlet .arena{overflow:visible}.match-outlet .hex-field{width:100%;height:auto;min-height:clamp(310px,40vw,390px);max-height:none}.match-outlet .board-stack{min-height:clamp(228px,30vw,300px)}.match-outlet .bench-row{justify-content:flex-start;overflow-x:auto}.match-outlet .shop-dock{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"guidance" "controls" "row" "end";align-items:stretch;width:100%;min-width:0;max-height:none;overflow:visible;padding:.75rem max(.75rem,env(safe-area-inset-right)) .85rem max(.75rem,env(safe-area-inset-left))}.match-outlet .shop-guidance{max-width:none;padding:0}.match-outlet .shop-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;width:100%;min-width:0}.match-outlet .shop-row{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.2rem .1rem .35rem}.match-outlet .shop-card{flex:0 0 clamp(148px,24vw,190px);min-width:0;min-height:188px;height:auto}.match-outlet .shop-card button.buy{white-space:normal;overflow-wrap:anywhere;line-height:1.15}.match-outlet .shop-end{width:100%;min-width:0}}@media(max-width:1100px){.match-outlet .hex-cell .unit-chip .portrait{width:24px;height:24px;border-width:1px}.match-outlet .hex-cell .unit-chip .unit-star,.match-outlet .hex-cell .unit-star{min-height:.55rem;font-size:.46rem}.match-outlet .hex-cell .unit-chip .name{font-size:.54rem;line-height:1}}.remote-match-outlet .game-shell{grid-template-rows:auto auto 0 minmax(0,1fr) auto;grid-template-areas:"top top top" "utility utility utility" "guide guide guide" "traits arena foes" "shop shop shop"}.remote-match-outlet .status-rail{grid-area:utility;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;min-height:2.25rem;margin:0;padding:.45rem .85rem;overflow-wrap:anywhere;white-space:normal}.remote-match-outlet .shop-controls .btn-tft,.remote-match-outlet .shop-end .btn-tft{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--target-min, 44px);padding:.65rem .8rem;font:800 clamp(.84rem,1.1vw,1rem)/1.1 var(--product-display, var(--font-display, sans-serif));letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}.remote-match-outlet .combat-unit-card{padding-right:4.1rem}@media(max-width:1100px){.remote-match-outlet .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 0 auto auto auto auto;grid-template-areas:"top" "utility" "guide" "arena" "foes" "shop" "traits";height:auto;min-height:100dvh;max-height:none;overflow:visible}}@media(min-width:641px)and (max-width:1100px){.remote-match-outlet .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:auto auto 0 auto auto auto auto}}@media(min-width:1101px){.remote-match-outlet .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:auto auto 0 minmax(0,1fr) auto}}@media(max-width:800px){.remote-match-outlet .hex-field[data-game-phase=combat] .hex-cell.filled,.remote-match-outlet .hex-field[data-game-phase=combat] .hex-cell.enemy-filled{min-height:3.5rem;justify-content:flex-start;overflow:visible}.remote-match-outlet .hex-field[data-game-phase=combat] .hex-cell.filled .hex-select{height:auto;min-height:3.1rem;padding:.1rem}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled{min-height:calc(var(--target-min, 44px) * 2 + .35rem);justify-content:flex-start;overflow:visible}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled .hex-select{flex:0 0 var(--target-min, 44px);width:100%;height:var(--target-min, 44px);min-height:var(--target-min, 44px);padding:.1rem}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled .unit-chip .portrait{width:20px;height:20px}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled .unit-chip .unit-star{min-height:.5rem;font-size:.44rem}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled .unit-chip .name{font-size:.56rem;line-height:1}.remote-match-outlet .hex-field[data-game-phase=shop] .hex-cell.filled .unit-actions{flex:0 0 var(--target-min, 44px);width:100%;min-width:0}.remote-match-outlet .shop-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));width:100%;min-width:0;overflow:visible}.remote-match-outlet .shop-card{width:100%;min-width:0;flex:0 1 auto}.remote-match-outlet .combat-unit-card{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:.25rem .4rem;padding:.5rem 4.1rem .5rem .55rem}.remote-match-outlet .combat-unit-action{grid-column:1 / -1;text-align:left}.remote-match-outlet .combat-float-number{top:.45rem;right:.65rem;font-size:1rem}}.product-root .match-outlet .game-shell,.product-root .remote-match-outlet .game-shell{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.product-root .remote-match-outlet .top-bar .status-rail{grid-area:utilities;width:auto;min-height:1.75rem;margin:0;padding:.28rem .55rem}.product-root .match-outlet .bench-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));overflow:visible}.product-root .match-outlet .bench-slot{min-width:0;width:100%}@media(max-width:1100px){.product-root .match-outlet .game-shell,.product-root .remote-match-outlet .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) minmax(13.5rem,31dvh);grid-template-areas:"top" "guide" "arena" "shop";height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.product-root .match-outlet .traits-panel,.product-root .match-outlet .foes-panel{display:none}.product-root .match-outlet .arena{min-height:0;overflow:hidden}.product-root .match-outlet .hex-field{width:100%;height:100%;min-height:0;max-height:100%}.product-root .match-outlet .shop-dock{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"guidance guidance" "controls end" "row row";min-height:0;max-height:none;overflow:hidden}.product-root .match-outlet .shop-controls,.product-root .match-outlet .shop-end{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px;align-content:start;min-width:0;width:100%}.product-root .match-outlet .shop-controls .btn-tft,.product-root .match-outlet .shop-end .btn-tft{width:100%;min-width:0;min-height:44px;height:44px;padding:.3rem .4rem;white-space:normal;line-height:1.05}.product-root .match-outlet .shop-controls .button-label,.product-root .match-outlet .shop-end .button-label{min-width:0;overflow-wrap:anywhere}.product-root .match-outlet .shop-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;overflow:hidden}.product-root .match-outlet .shop-card{width:auto;min-width:0;min-height:0;height:100%}}@media(max-width:640px){.product-root .match-outlet .game-shell,.product-root .remote-match-outlet .game-shell{grid-template-rows:auto auto minmax(0,1fr) minmax(15.25rem,30dvh);grid-template-areas:"top" "guide" "arena" "shop"}.product-root .match-outlet .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"brand economy" "stage stage" "phase phase"}.product-root .match-outlet .bench-row{grid-template-columns:repeat(5,minmax(0,1fr))}.product-root .match-outlet .shop-dock{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"guidance guidance" "controls end" "row row"}.product-root .match-outlet .shop-controls{grid-template-columns:repeat(2,minmax(3.2rem,1fr));grid-template-rows:auto}.product-root .match-outlet .shop-controls .button-label{font-size:.62rem}.product-root .match-outlet .shop-controls .button-label:after{content:none}.product-root .match-outlet .shop-row{display:flex;gap:.45rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin}.product-root .match-outlet .shop-card{flex:0 0 clamp(7.75rem,36vw,9rem);height:100%;scroll-snap-align:start}.product-root .match-outlet .shop-end{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-root .match-outlet .hex-field,.product-root .remote-match-outlet .hex-field{width:min(100%,960px);padding:clamp(.45rem,1.2vw,.9rem);border:1px solid rgba(183,205,156,.34);border-radius:1.15rem;background:radial-gradient(ellipse 68% 48% at 50% 48%,rgba(104,143,91,.31),transparent 74%),radial-gradient(ellipse 32% 28% at 15% 12%,rgba(181,137,78,.15),transparent 78%),linear-gradient(155deg,#283a30,#1b3028 54%,#202d31);box-shadow:inset 0 1px #ffffff14,inset 0 -2rem 4rem #050c0a59,0 1rem 2.4rem #00000057}.product-root .match-outlet .board-side,.product-root .remote-match-outlet .board-side{gap:.2rem .3rem}.product-root .match-outlet .hex-cell,.product-root .remote-match-outlet .hex-cell{min-height:clamp(4.25rem,9vh,6rem);padding:.12rem;overflow:visible;border:0;border-radius:.35rem;background:transparent;box-shadow:none;transform:none}.product-root .match-outlet .hex-cell:before,.product-root .remote-match-outlet .hex-cell:before{content:"";position:absolute;z-index:0;inset:1px;border:1px solid rgba(191,210,167,.24);border-radius:.32rem;background:linear-gradient(145deg,#829d6e33,#11221c52);box-shadow:inset 0 1px #ffffff14,inset 0 -9px 15px #050e0b2e;pointer-events:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.product-root .match-outlet .hex-cell:after,.product-root .remote-match-outlet .hex-cell:after{content:"";position:absolute;z-index:0;left:23%;right:23%;bottom:12%;height:12%;border-radius:50%;background:#03090852;filter:blur(5px);pointer-events:none}.product-root .match-outlet .hex-cell:hover,.product-root .remote-match-outlet .hex-cell:hover{border-color:transparent;transform:none;box-shadow:none}.product-root .match-outlet .hex-cell:hover:before,.product-root .remote-match-outlet .hex-cell:hover:before{border-color:#dadaa885;background:linear-gradient(145deg,#99b17c45,#1b2f2466)}.product-root .match-outlet .hex-cell.filled:before,.product-root .remote-match-outlet .hex-cell.filled:before,.product-root .match-outlet .hex-cell.enemy-filled:before,.product-root .remote-match-outlet .hex-cell.enemy-filled:before{background:linear-gradient(145deg,#7d9e694d,#14271e73)}.product-root .match-outlet .hex-cell.selected:before,.product-root .remote-match-outlet .hex-cell.selected:before{border-color:#ffda69eb;box-shadow:inset 0 0 0 1px #ffda696b,0 0 1rem #f2c34a45}.product-root .match-outlet .hex-cell.valid-target:before,.product-root .remote-match-outlet .hex-cell.valid-target:before{border-color:#70dd93c7;background:linear-gradient(145deg,#3f9d5b4d,#11412a61);box-shadow:inset 0 0 1rem #47c47021}.product-root .match-outlet .hex-cell>.hex-select,.product-root .remote-match-outlet .hex-cell>.hex-select,.product-root .match-outlet .hex-cell>.unit-chip,.product-root .remote-match-outlet .hex-cell>.unit-chip{position:relative;z-index:1}.product-root .match-outlet .hex-cell>.hex-select,.product-root .remote-match-outlet .hex-cell>.hex-select{min-height:100%;padding:0;border:0;border-radius:.35rem;background:transparent}.product-root .match-outlet .hex-cell .unit-chip,.product-root .remote-match-outlet .hex-cell .unit-chip{position:relative;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;width:100%;text-align:center}.product-root .match-outlet .hex-cell .unit-chip .portrait,.product-root .remote-match-outlet .hex-cell .unit-chip .portrait{width:clamp(2.6rem,5vmin,3.4rem);height:clamp(2.6rem,5vmin,3.4rem);margin:0;overflow:hidden;border-width:2px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#476b6c,#142521 74%);box-shadow:0 3px 9px #030a0994!important}.product-root .match-outlet .hex-cell .unit-chip .portrait img,.product-root .remote-match-outlet .hex-cell .unit-chip .portrait img{width:100%;height:100%;border-radius:inherit;object-fit:contain}.product-root .match-outlet .hex-cell .unit-chip .unit-star,.product-root .remote-match-outlet .hex-cell .unit-chip .unit-star{position:absolute;top:.02rem;right:calc(50% - clamp(1.3rem,2.5vmin,1.7rem));z-index:2;display:inline-flex;min-height:0;align-items:center;padding:.08rem .22rem;border:1px solid rgba(255,224,122,.48);border-radius:99px;background:#091010e0;font-size:.56rem;line-height:1;text-shadow:none}.product-root .match-outlet .hex-cell .unit-chip .name,.product-root .remote-match-outlet .hex-cell .unit-chip .name{max-width:calc(100% + .5rem);padding:.12rem .28rem;border-radius:.22rem;background:linear-gradient(90deg,transparent,rgba(8,14,15,.8) 18%,rgba(8,14,15,.8) 82%,transparent);font-size:clamp(.58rem,.7vw,.72rem);line-height:1.05}@media(max-width:640px){.product-root .match-outlet .hex-field,.product-root .remote-match-outlet .hex-field{padding:.35rem;border-radius:.8rem}.product-root .match-outlet .hex-cell,.product-root .remote-match-outlet .hex-cell{min-height:clamp(2.85rem,6.3vh,3.5rem)}.product-root .match-outlet .hex-cell .unit-chip .portrait,.product-root .remote-match-outlet .hex-cell .unit-chip .portrait{width:clamp(1.8rem,4.4vmin,2.1rem);height:clamp(1.8rem,4.4vmin,2.1rem)}.product-root .match-outlet .hex-cell .unit-chip .unit-star,.product-root .remote-match-outlet .hex-cell .unit-chip .unit-star{font-size:.48rem}.product-root .match-outlet .hex-cell .unit-chip .name,.product-root .remote-match-outlet .hex-cell .unit-chip .name{font-size:.52rem}}.client-root .result-screen,.client-root .replay-detail-screen{width:min(100%,62rem);margin:0 auto}.client-root .result-screen{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"hero summary" "hero traits" "hero validation" "hero actions";align-content:center;align-items:start;gap:.9rem 1.25rem;min-height:min(40rem,calc(100dvh - 18rem));width:min(100%,68rem)}.client-root .result-hero{grid-area:hero;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2rem);border:1px solid rgba(126,200,232,.28);border-left:3px solid var(--product-cyan);border-radius:10px;background:linear-gradient(112deg,#2364912e,#0a142266 68%);animation:result-summary-arrive .38s cubic-bezier(.2,.75,.25,1) both}.client-root .result-hero .eyebrow{margin-bottom:.65rem;color:var(--product-cyan)}.client-root .result-hero h2{margin:0;color:var(--product-ink);font:800 clamp(2.3rem,6vw,4rem)/.98 var(--product-display);letter-spacing:-.045em}.client-root .result-winner{margin:.65rem 0 0;color:var(--product-copy);font-size:clamp(.9rem,1.6vw,1.05rem)}.client-root .result-hero--defeat{border-left-color:var(--product-red);background:linear-gradient(112deg,#90394929,#0a142266 68%)}.client-root .result-hero--draw,.client-root .result-hero--unfinished{border-left-color:var(--product-line-strong)}.client-root .result-summary{grid-area:summary;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;border-block:1px solid var(--product-line)}.client-root .result-stat{display:grid;gap:.42rem;min-width:0;padding:1rem 1.1rem;border-right:1px solid var(--product-line)}.client-root .result-stat:last-child{border-right:0}.client-root .result-stat span{color:var(--product-muted);font-size:.72rem}.client-root .result-stat strong{color:var(--product-cyan);font:700 1.2rem/1.2 var(--product-display);overflow-wrap:anywhere}.client-root .result-stat.is-unavailable strong{color:var(--product-muted);font:500 .86rem/1.3 var(--font-body, sans-serif)}.client-root .result-traits{grid-area:traits;min-width:0}.client-root .result-traits h3{margin:0 0 .5rem;color:var(--product-ink);font:700 .95rem/1.3 var(--product-display)}.client-root .result-traits ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.client-root .result-traits li{padding:.4rem .65rem;border:1px solid var(--product-line);border-radius:999px;color:var(--product-copy);font-size:.75rem}.client-root .replay-validation{grid-area:validation;margin:0;color:var(--product-muted);font-size:.76rem;line-height:1.5}.client-root .replay-validation[data-replay-validated=true]{color:var(--product-cyan)}.client-root .result-actions,.client-root .replay-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.25rem}.client-root .result-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin-top:0}.client-root .result-actions>*{min-width:0}.client-root .result-actions .text-link{grid-column:1 / -1;justify-self:start}.client-root .result-actions>*,.client-root .replay-detail-actions>*{flex:0 0 auto}.client-root .result-actions .button-primary,.client-root .replay-detail-actions .button-primary{box-shadow:0 7px 22px #3ea1d52e}.client-root .result-actions .button:hover,.client-root .replay-detail-actions .button:hover{transform:translateY(-2px)}.client-root .result-actions .button:active,.client-root .replay-detail-actions .button:active{transform:translateY(0) scale(.98)}.client-root .replay-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.client-root .replay-detail-hero>div{min-width:0}.client-root .replay-detail-hero .eyebrow{color:var(--product-cyan)}.client-root .replay-detail-hero h2{margin:0;font:800 clamp(1.9rem,4vw,3rem)/1.02 var(--product-display);letter-spacing:-.04em;overflow-wrap:anywhere}.client-root .replay-detail-hero .client-lede{max-width:42rem;margin:.65rem 0 0;color:var(--product-copy);line-height:1.55}.client-root .replay-detail-hero .tag{flex:0 0 auto;margin-top:1.55rem}.client-root .replay-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem;border-block:1px solid var(--product-line)}.client-root .replay-stat{display:grid;gap:.42rem;padding:1rem 1.1rem;border-right:1px solid var(--product-line)}.client-root .replay-stat:last-child{border-right:0}.client-root .replay-stat span{color:var(--product-muted);font-size:.72rem}.client-root .replay-stat strong{color:var(--product-cyan);font:700 1.25rem/1.2 var(--product-display)}.client-root .replay-stat.is-unavailable strong{color:var(--product-muted);font-size:.9rem;font-weight:500}.client-root .replay-verification{margin-top:1rem;border-top:1px solid var(--product-line);color:var(--product-muted)}.client-root .replay-verification summary{width:fit-content;min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--product-copy);font-size:.76rem;font-weight:700}.client-root .replay-verification summary:hover{color:var(--product-cyan)}.client-root .replay-verification summary:focus-visible{outline:2px solid var(--product-cyan);outline-offset:3px}.client-root .replay-verification dl{display:grid;gap:.65rem;margin:.5rem 0 0;padding:.9rem 1rem;border:1px solid var(--product-line);border-radius:8px;background:#08111d9e}.client-root .replay-verification dl>div{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);gap:.8rem;align-items:start}.client-root .replay-verification dt{color:var(--product-muted);font-size:.7rem}.client-root .replay-verification dd{min-width:0;margin:0;color:var(--product-copy);font-size:.72rem;overflow-wrap:anywhere}.client-root .replay-verification code{color:var(--product-cyan);font:.7rem/1.5 var(--product-mono);overflow-wrap:anywhere}@keyframes result-summary-arrive{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.client-root .result-screen{display:block;min-height:0}.client-root .result-hero{min-height:0}.client-root .result-summary,.client-root .result-traits,.client-root .replay-validation,.client-root .result-actions{margin-top:1rem}.client-root .result-actions{display:flex}.client-root .result-actions .text-link{grid-column:auto}.client-root .result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.client-root .result-stat:nth-child(2){border-right:0}.client-root .result-stat:first-child{border-bottom:1px solid var(--product-line)}.client-root .result-stat:nth-child(2){border-bottom:1px solid var(--product-line)}.client-root .replay-detail-hero{display:block}.client-root .replay-detail-hero .tag{display:inline-flex;margin-top:.85rem}.client-root .replay-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.client-root .replay-stat{gap:.25rem;padding:.7rem .75rem}.client-root .replay-stat strong{font-size:1rem}.client-root .replay-verification{margin-top:.5rem}.client-root .replay-verification dl{gap:.45rem;margin-top:.25rem;padding:.7rem .75rem}.client-root .result-actions>*,.client-root .replay-detail-actions>*{flex:1 1 100%}.client-root .result-actions .text-link,.client-root .replay-detail-actions .text-link{justify-content:flex-start}.client-root .replay-verification dl>div{grid-template-columns:1fr;gap:.2rem}}.boot-error-message{max-width:28rem;color:#ff8e8e}.boot-error-hint{color:var(--muted);font-size:.85rem}.advanced-description{margin:0 0 .4rem;color:var(--muted)}.advanced-action{width:100%;margin-top:.35rem}.advanced-status{margin:.4rem 0 0;color:var(--muted)}.advanced-error{margin:.4rem 0 0;color:var(--danger)}.trait-empty-message{padding:0 .35rem;color:var(--muted);font-size:.85rem;font-weight:600}.product-root :is(.match-outlet,.remote-match-outlet){--match-ink: var(--surface-page);--match-panel: var(--surface-panel);--match-panel-raised: var(--surface-elevated);--match-copy: var(--content-primary);--match-muted: var(--content-secondary);--match-subtle: var(--content-muted);--match-action: var(--accent-primary);--match-blue: var(--accent-info);--match-violet: var(--accent-violet);--match-life: var(--accent-success);--match-gold: var(--resource-gold);--match-danger: var(--accent-danger);--match-line: var(--border-subtle);--match-line-strong: rgba(183, 199, 226, .28);--match-portal-glow: var(--shadow-portal);color:var(--match-copy)}.product-root :is(.match-outlet,.remote-match-outlet) .swirl-bg-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;image-rendering:auto}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.product-root :is(.match-outlet,.remote-match-outlet) .swirl-bg-canvas{display:none}}.product-root.reduced-motion :is(.match-outlet,.remote-match-outlet) .swirl-bg-canvas{display:none}.product-root.high-contrast :is(.match-outlet,.remote-match-outlet) .swirl-bg-canvas{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-rows:clamp(3.5rem,6vh,4.15rem) 0 auto minmax(0,1fr) clamp(11rem,19vh,13.5rem);grid-template-columns:clamp(9rem,10.4vw,11rem) minmax(0,1fr) clamp(9.5rem,11.2vw,12rem);grid-template-areas:"top top top" "utility utility utility" "guide guide guide" "traits arena foes" "shop shop shop";gap:0;min-width:0;width:100%;max-width:100vw;overflow-x:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(120,209,255,.05),transparent 60%),linear-gradient(180deg,#0d19338c,#070d1f99 78%);color:var(--match-copy)}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:clamp(3.5rem,6vh,4.15rem) 0 auto minmax(0,1fr) minmax(3.2rem,auto)}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar{display:flex;align-items:center;min-width:0;padding:.35rem clamp(.65rem,1.6vw,1.4rem);gap:clamp(.55rem,1.4vw,1.35rem);border:0;border-bottom:1px solid var(--border-subtle);background:linear-gradient(90deg,rgba(120,209,255,.03) 1px,transparent 1px) 0 0 / 2.5rem 100%,linear-gradient(180deg,#14264ad9,#0d1933eb);box-shadow:0 7px 22px #00000047}.product-root :is(.match-outlet,.remote-match-outlet) .brand{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;flex:0 1 13rem;min-width:7rem;gap:.06rem;color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark{font-size:.7rem;letter-spacing:.15em}.product-root :is(.match-outlet,.remote-match-outlet) .brand-pack{color:var(--content-secondary);font-size:.61rem}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark,.product-root :is(.match-outlet,.remote-match-outlet) .brand-pack{grid-column:1}.product-root :is(.match-outlet,.remote-match-outlet) .brand .match-exit{grid-column:2;grid-row:1 / 3;min-width:44px;min-height:44px;margin:0;padding:.3rem .5rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .stage{flex:0 1 17rem;min-width:0;max-width:17rem;overflow:hidden;font-size:.82rem;letter-spacing:.055em;color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .stage em{color:var(--accent-primary);font-size:1.1rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .phase-action-rail{display:flex;flex:1 1 auto;min-width:0;min-height:2.5rem;align-items:center;margin:0;padding:0 .55rem;overflow:hidden;border-left:1px solid var(--border-subtle);color:var(--content-secondary);font-size:.76rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.product-root .match-outlet .top-bar .phase-action-rail{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .eco-cluster{flex:0 0 auto;gap:.15rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat{display:grid;grid-template-columns:1rem auto;grid-template-rows:auto auto;min-width:3.6rem;padding:.1rem .38rem;column-gap:.28rem;border:0;border-radius:0;border-left:1px solid var(--border-subtle);background:transparent;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .eco-icon{grid-row:1 / -1;align-self:center;color:var(--resource-gold)}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat.hp .eco-icon{color:var(--accent-success)}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat.lvl .eco-icon{color:var(--accent-info)}.product-root :is(.match-outlet,.remote-match-outlet) .eco-icon .ui-icon{width:.9rem;height:.9rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .lbl{grid-column:2;color:var(--content-muted);font-size:.55rem;letter-spacing:.09em}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .val{grid-column:2;color:var(--content-primary);font-size:1.05rem;line-height:1}.product-root :is(.match-outlet,.remote-match-outlet) .advanced{z-index:12;min-height:0;margin:0;padding:0 .8rem;align-self:center}.product-root :is(.match-outlet,.remote-match-outlet) .advanced>summary{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:.12rem .55rem;border:1px solid var(--border-subtle);border-radius:99px;background:var(--surface-elevated);color:var(--content-secondary);font-size:.62rem;cursor:pointer}.product-root :is(.match-outlet,.remote-match-outlet) .advanced[open] .panel{position:absolute;top:1.65rem;right:.8rem;z-index:20;width:min(27rem,calc(100vw - 2rem));padding:.85rem;border:1px solid var(--border-subtle);border-radius:.7rem;background:var(--surface-panel);box-shadow:0 1rem 2rem #00000080}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-host{min-height:0;max-height:none;padding:.15rem clamp(.65rem,1.5vw,1.3rem)}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel,.product-root :is(.match-outlet,.remote-match-outlet) .flow-state-panel,.product-root :is(.match-outlet,.remote-match-outlet) .result-feedback{gap:.55rem;padding:.35rem .65rem;border:0;border-left:2px solid var(--accent-primary);border-radius:0;background:linear-gradient(90deg,rgba(120,209,255,.1),transparent 85%);box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel h2{color:var(--content-primary);font-size:.78rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel p,.product-root :is(.match-outlet,.remote-match-outlet) .flow-state-panel p,.product-root :is(.match-outlet,.remote-match-outlet) .result-feedback p{color:var(--content-secondary);font-size:.7rem}.product-root :is(.match-outlet,.remote-match-outlet) .contract-error{position:absolute;z-index:30;top:4.8rem;left:50%;width:min(35rem,calc(100% - 2rem));margin:0;transform:translate(-50%)}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{min-width:0;min-height:0;padding:.75rem .7rem;overflow:auto;border:0;border-radius:0;background:linear-gradient(90deg,#0d1933e0,#070d1f59);box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{background:linear-gradient(270deg,#0d1933e0,#070d1f59)}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{margin:0 0 .65rem;padding-bottom:.42rem;border-bottom:1px solid var(--border-subtle);color:var(--content-secondary);font-size:.66rem;letter-spacing:.14em}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row{display:grid;grid-template-columns:1.85rem minmax(0,1fr);align-items:center;gap:.48rem;min-height:2.65rem;padding:.3rem 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row.active{border-bottom-color:#78d1ff59;background:linear-gradient(90deg,rgba(120,209,255,.14),transparent)}.product-root :is(.match-outlet,.remote-match-outlet) .trait-icon{width:1.65rem;height:1.65rem;border:1px solid var(--border-subtle);border-radius:.35rem;background:var(--surface-panel);color:var(--content-muted);font-size:.63rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row.active .trait-icon{border-color:#78d1ff99;background:#14264ae6;color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name{overflow:hidden;color:var(--content-primary);font-size:.73rem;text-overflow:ellipsis}.product-root :is(.match-outlet,.remote-match-outlet) .trait-count{color:var(--content-muted);font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row.active .trait-count{color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .trait-empty-message{color:var(--content-muted);font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .35rem;align-items:center;margin:0;padding:.42rem 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name{overflow:hidden;color:var(--content-primary);font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card.you .name{color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .hp-bar{grid-column:1 / -1;height:.28rem;margin:.08rem 0;border-radius:99px;background:#070d1fcc}.product-root :is(.match-outlet,.remote-match-outlet) .hp-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--accent-success),var(--abu-life))}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .hp-num{color:var(--content-secondary);font-size:.58rem;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .arena{position:relative;display:grid;min-width:0;min-height:0;padding:.35rem .65rem;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-content:stretch;place-items:stretch;background:radial-gradient(ellipse 72% 58% at 50% 46%,transparent 64%,rgba(120,209,255,.11) 68%,rgba(166,155,255,.06) 71%,transparent 74%),radial-gradient(ellipse 84% 68% at 50% 46%,transparent 70%,rgba(107,200,255,.07) 74%,transparent 78%),radial-gradient(ellipse 55% 45% at 50% 46%,rgba(20,38,74,.25) 0%,rgba(13,25,51,.4) 60%,transparent 100%),radial-gradient(ellipse 90% 80% at 50% 50%,transparent 45%,rgba(7,13,31,.65) 80%,var(--abu-void) 100%),linear-gradient(180deg,#0a142c,#070d1f 65%,#050914)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field{position:relative;display:flex;flex-direction:column;width:100%;max-width:none;height:100%;min-height:0;max-height:none;padding:clamp(.55rem,1.2vw,1rem) clamp(.45rem,1.1vw,.9rem) .4rem;gap:.35rem;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .phase-banner{position:absolute;z-index:0;top:45%;left:50%;max-width:90%;overflow:hidden;transform:translate(-50%,-50%);color:#b7c7e20d;font-size:clamp(2rem,5.2vw,5rem);font-weight:850;letter-spacing:.12em;line-height:1;pointer-events:none;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .board-stack{position:relative;z-index:1;display:grid;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr);min-height:0;gap:clamp(.12rem,.5vh,.38rem)}.product-root :is(.match-outlet,.remote-match-outlet) .board-label{padding:.15rem .4rem;color:var(--content-muted);font-size:.61rem;letter-spacing:.18em}.product-root :is(.match-outlet,.remote-match-outlet) .board-label.enemy{color:var(--accent-danger)}.product-root :is(.match-outlet,.remote-match-outlet) .board-label.player{color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .board-side{display:grid;width:100%;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell{position:relative;display:grid;min-width:0;min-height:0;padding:0;overflow:visible;border:0;border-radius:.35rem;background:transparent;box-shadow:none;transform:none;isolation:isolate}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(88%,11.5rem);height:76%;transform:translate(-50%,-50%);border:1px solid var(--border-subtle);border-radius:50%;background:radial-gradient(ellipse,rgba(120,209,255,.03),rgba(13,25,51,.2) 70%,transparent 100%);box-shadow:none;opacity:.14;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:after{display:none;content:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:hover:before{border-color:#78d1ff80;background:radial-gradient(ellipse,rgba(120,209,255,.14),rgba(13,25,51,.2) 64%,transparent 100%);opacity:.72}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:is(.filled,.enemy-filled):before{opacity:.42}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.enemy .hex-cell:before{border-color:#ff819433}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.player .hex-cell:before{border-color:#78d1ff33}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.enemy .hex-cell.enemy-filled:before{background:linear-gradient(180deg,#ff81941f,#0d193340)}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.player .hex-cell.filled:before{background:linear-gradient(180deg,#78d1ff1f,#0d193340)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.selected{z-index:2}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.selected:before{border-color:var(--accent-primary);background:radial-gradient(ellipse,rgba(120,209,255,.24),rgba(20,38,74,.18) 68%,transparent 100%);box-shadow:var(--shadow-portal);opacity:1}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.valid-target:before{border-color:#6bc8ffcc;border-style:dashed;background:radial-gradient(ellipse,rgba(107,200,255,.2),rgba(20,38,74,.15) 68%,transparent 100%);box-shadow:0 0 1rem #6bc8ff40;opacity:1}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select{position:absolute;inset:0;z-index:1;display:flex;width:100%;height:100%;min-height:44px;min-width:0;padding:.18rem;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:visible;border:0;border-radius:.35rem;background:transparent;color:inherit}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .advanced>summary:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .match-exit:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .btn-tft:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy:focus-visible,.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.product-root :is(.match-outlet,.remote-match-outlet) .hex-socket{width:clamp(1.2rem,3vw,2rem);aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:50%;background:radial-gradient(circle,rgba(13,25,51,.6),rgba(7,13,31,.1) 68%,transparent 70%);box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-empty-label{padding:.18rem .35rem;border-radius:99px;background:#0d1933d9;color:var(--content-secondary);font-size:.63rem}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip{position:relative;display:flex;width:100%;min-height:0;align-items:center;justify-content:flex-end;flex-direction:column;gap:.1rem;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;transition:transform .16s ease,filter .16s ease}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip:before{content:"";position:absolute;z-index:0;bottom:.86rem;left:50%;width:52%;height:.48rem;transform:translate(-50%);border:0;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),rgba(0,0,0,.2) 48%,transparent 74%);filter:blur(2px);box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait{position:relative;z-index:1;display:grid;width:clamp(2.5rem,6vh,3.3rem);height:clamp(2.5rem,6vh,3.3rem);margin:0 auto -.02rem;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 .3rem .3rem rgba(0,0,0,.5)) saturate(1.04);place-items:end center}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait:has(img){background:transparent!important;font-size:0}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait:has(img):before,.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait:has(img):after{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait img{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center bottom}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .unit-star{position:absolute;z-index:3;top:-.1rem;right:calc(50% - 1.5rem);display:inline-flex;min-height:0;padding:.08rem .24rem;border:1px solid rgba(246,203,115,.52);border-radius:99px;background:#0d1933eb;color:var(--resource-gold);font-size:.55rem;line-height:1;text-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .name{position:relative;z-index:2;max-width:calc(100% + .5rem);overflow:hidden;padding:.08rem .18rem;border:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(7,13,31,.82) 16%,rgba(7,13,31,.82) 84%,transparent);color:var(--content-primary)!important;font-size:clamp(.58rem,.69vw,.7rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip .cost{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.selected .unit-chip{transform:translateY(-.18rem) scale(1.06);filter:brightness(1.12)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.enemy-filled .unit-chip:before{border-color:#ff819466}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:has(.unit-chip.has-unit-sprite){z-index:3;overflow:visible}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select,.product-root :is(.match-outlet,.remote-match-outlet) .board-side,.product-root :is(.match-outlet,.remote-match-outlet) .board-stack{overflow:visible}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.has-unit-sprite{height:100%;overflow:visible;isolation:isolate}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.has-unit-sprite .portrait{display:none!important}.product-root :is(.match-outlet,.remote-match-outlet) .unit-figure{position:absolute;z-index:1;left:50%;bottom:0;display:block;width:145%;height:168%;overflow:visible;transform:translate(-50%);transform-origin:50% 100%;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .unit-sprite{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;object-fit:contain;object-position:center bottom;transform:translate(var(--sprite-offset-x, 0%),var(--sprite-offset-y, 0%)) scale(var(--sprite-scale, 1));transform-origin:50% 100%;filter:drop-shadow(0 .42rem .35rem rgba(0,0,0,.58)) saturate(1.06);pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.has-unit-sprite .name{position:absolute;z-index:3;right:auto;bottom:.02rem;left:50%;max-width:125%;transform:translate(-50%)}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.has-unit-sprite .unit-star{top:.05rem}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.has-unit-sprite{position:relative;overflow:visible;isolation:isolate}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.has-unit-sprite .bench-portrait{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.has-unit-sprite .bench-figure{left:34%;bottom:0;width:68%;height:142%;transform:translate(-50%)}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.has-unit-sprite .bench-name,.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.has-unit-sprite .unit-star{position:relative;z-index:2;text-shadow:0 1px 4px rgba(7,13,31,.9)}.product-root :is(.match-outlet,.remote-match-outlet) .bench-row{position:relative}.product-root :is(.match-outlet,.remote-match-outlet) .bench-capacity{position:absolute;z-index:4;top:-.82rem;left:.2rem;color:var(--content-secondary);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite{position:relative;overflow:hidden;isolation:isolate;padding-top:.36rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-unit-figure{top:.3rem;bottom:2.85rem;left:.34rem;width:2.7rem;height:auto;transform:none;transform-origin:50% 100%}.product-root :is(.match-outlet,.remote-match-outlet) .shop-unit-figure .unit-sprite{transform:translate(var(--sprite-offset-x, 0%),var(--sprite-offset-y, 0%)) scale(calc(var(--sprite-scale, 1) * 1.75))}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite>.art{display:grid}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite:has(>.art img) .shop-unit-figure{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite:not(:has(>.art img))>.art{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite>:not(.shop-unit-figure){position:relative;z-index:2}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite>.title{grid-column:2;grid-row:1}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite>.traits-line{grid-column:2;grid-row:2}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite>.cost-tag{position:relative;top:auto;right:auto;grid-column:2;grid-row:3;justify-self:start;align-self:end;min-width:1.1rem;height:1.1rem;margin:0 0 .12rem;padding:0 .3rem;border:1px solid currentColor;border-radius:99px;background:var(--surface-panel);box-shadow:none;font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=waiting] .shop-guidance,.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=result] .shop-guidance{color:var(--accent-primary);border-color:#78d1ff47}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=waiting][data-game-phase=shop][data-shop-ready=true] .shop-controls,.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=waiting][data-game-phase=shop][data-shop-ready=true] .shop-row,.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=waiting][data-game-phase=shop][data-shop-ready=true] .shop-end{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .toast-region{pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .toast{pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .toast :is(.toast-action,.toast-dismiss){pointer-events:auto}.product-root :is(.match-outlet,.remote-match-outlet) .unit-actions{position:absolute;z-index:4;top:.05rem;right:.06rem;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.filled>.unit-actions{position:absolute;display:block;width:44px;height:44px;top:.05rem;right:.06rem;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.filled>.unit-actions>.unit-action.icon-only{position:absolute;inset:0 0 auto auto;width:44px;min-width:44px;height:44px;min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only{position:relative;display:grid;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--accent-primary);box-shadow:none;text-transform:none;touch-action:manipulation;opacity:0;pointer-events:none;transform:scale(.9)}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only:before{content:"";position:absolute;inset:9px;border:1px solid rgba(120,209,255,.7);border-radius:50%;background:#14264af2;box-shadow:0 2px 8px #0000006b;transition:inset .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only .ui-icon{position:relative;z-index:1;width:.9rem;height:.9rem}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only:is(:hover,:focus-visible):before{inset:5px;border-color:var(--accent-primary);background:#0d1933fa;box-shadow:0 0 12px #78d1ff66}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:is(:focus-within,.selected) .unit-action.icon-only,.product-root :is(.match-outlet,.remote-match-outlet) .bench-entry:is(:hover,:focus-within,:has(.bench-slot.selected)) .unit-action.icon-only{opacity:1;pointer-events:auto;transform:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:hover:not(.selected):not(:focus-within) .unit-action.icon-only{opacity:0;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .bench-row{display:grid;z-index:2;flex:0 0 clamp(3.7rem,8vh,5rem);grid-template-columns:repeat(9,minmax(0,1fr));gap:.24rem;width:100%;padding:.38rem .1rem 0;overflow:hidden;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(13,25,51,.45),transparent)}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot{display:grid;min-width:0;max-width:none;width:100%;min-height:44px;padding:.16rem;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:.05rem;border:1px solid var(--border-subtle);border-radius:.3rem;background:#0d1933b8;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.empty{min-width:0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.selected{border-color:var(--accent-primary);background:#14264aa6;box-shadow:inset 0 -2px var(--accent-primary),var(--shadow-portal)}.product-root :is(.match-outlet,.remote-match-outlet) .bench-portrait{width:1.85rem;height:1.85rem;overflow:visible;border-radius:0;box-shadow:none;filter:drop-shadow(0 .18rem .2rem rgba(0,0,0,.46))}.product-root :is(.match-outlet,.remote-match-outlet) .bench-portrait img{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center bottom}.product-root :is(.match-outlet,.remote-match-outlet) .bench-name{max-width:100%;overflow:hidden;color:var(--content-secondary);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot .unit-star{top:-.12rem;right:-.1rem;font-size:.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{display:grid;min-width:0;min-height:0;padding:.52rem clamp(.6rem,1.4vw,1.2rem) .6rem;grid-template-columns:minmax(8.5rem,12rem) minmax(0,1fr) minmax(7rem,9rem);grid-template-rows:1.4rem minmax(0,1fr);grid-template-areas:"guidance guidance guidance" "controls row end";align-items:stretch;gap:.35rem .8rem;overflow:hidden;border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:linear-gradient(90deg,rgba(120,209,255,.03) 1px,transparent 1px) 0 0 / 2.5rem 100%,linear-gradient(180deg,#0d1933f5,#070d1ffa);box-shadow:0 -7px 20px #00000059}.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance{grid-area:guidance;max-width:none;width:100%;align-self:center;margin:0;overflow:hidden;color:var(--content-secondary);font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls{grid-area:controls;display:grid;min-width:0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 44px;align-content:center;gap:.35rem}.product-root :is(.match-outlet,.remote-match-outlet) .lvl-block{display:block;grid-column:1 / -1;color:var(--content-secondary);font-size:.67rem}.product-root :is(.match-outlet,.remote-match-outlet) .xp-track{display:block;grid-column:1 / -1;height:.26rem;margin:0 0 .06rem;background:#070d1f99}.product-root :is(.match-outlet,.remote-match-outlet) .xp-track i{background:linear-gradient(90deg,var(--abu-blue),var(--abu-portal))}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .45rem;border:1px solid var(--border-subtle);border-radius:.32rem;background:var(--surface-elevated);color:var(--content-primary);box-shadow:none;font-size:.68rem;font-weight:700;line-height:1.05;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft:hover:not(:disabled),.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy:hover:not(:disabled){border-color:#78d1ff8c;background:#1e3766e6;box-shadow:0 0 12px #78d1ff26}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .gold-btn{color:var(--resource-gold)}.product-root :is(.match-outlet,.remote-match-outlet) .button-icon .ui-icon{width:.9rem;height:.9rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-row{grid-area:row;display:flex;min-width:0;min-height:0;gap:.42rem;overflow:hidden}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex:1 1 0}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.empty{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card{position:relative;display:grid;min-width:0;min-height:0;padding:.36rem;grid-template-columns:2.8rem minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 44px;align-items:center;gap:.08rem .42rem;overflow:hidden;border:1px solid var(--border-subtle);border-bottom:2px solid rgba(183,199,226,.35);border-radius:.32rem;background:linear-gradient(150deg,#14264aeb,#0d1933f5);box-shadow:none!important;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty):hover{transform:translateY(-2px);border-color:#78d1ff8c;background:linear-gradient(150deg,#1c3462f5,#102040fa);box-shadow:0 4px 14px #00000059!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag{z-index:2;top:.24rem;right:.24rem;padding:.08rem .3rem;border-radius:99px;background:var(--surface-panel);color:var(--resource-gold);font-size:.68rem;font-weight:800}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .art{grid-column:1;grid-row:1 / 4;width:2.8rem;height:3.2rem;min-height:0;margin:0;overflow:hidden;border:0;border-radius:.22rem;background:radial-gradient(circle at 50% 35%,#6bc8ff40,#070d1fcc);box-shadow:none!important;font-size:.82rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .art img{width:100%;height:100%;object-fit:cover}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{min-width:0;padding-right:.65rem;overflow:hidden;color:var(--content-primary)!important;font-size:.76rem;line-height:1.08;text-overflow:ellipsis}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line{align-self:start;margin:.16rem 0 0;overflow:hidden;color:var(--content-secondary);font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{grid-column:1 / -1;grid-row:4;width:100%}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy .button-icon{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy:disabled{opacity:.45}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.empty{opacity:.27;border-style:dashed;background:#0d193366;border-color:var(--border-subtle)}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end{grid-area:end;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1.15fr;align-content:stretch;gap:.38rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .ready{border-color:#78d1ffa6;background:linear-gradient(180deg,#1c5285,#113459);color:var(--abu-ink);font-size:.8rem;box-shadow:0 0 16px #78d1ff33}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .ready:hover:not(:disabled){border-color:var(--accent-primary);background:linear-gradient(180deg,#256bb0,#164677);box-shadow:var(--shadow-portal)}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=combat]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:2rem;padding-block:.38rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock[data-shop-decision=combat] .shop-guidance{text-align:center}.product-root :is(.match-outlet,.remote-match-outlet) .combat-scene-host{position:absolute;z-index:8;inset:0;width:auto;margin:0;overflow:visible;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .combat-scene{position:absolute;inset:0;display:block;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}.product-root :is(.match-outlet,.remote-match-outlet) .combat-summary{position:absolute;top:.35rem;left:50%;display:flex;width:max-content;max-width:calc(100% - 1rem);min-height:2.7rem;align-items:center;gap:.65rem;padding:.3rem .48rem .3rem .8rem;transform:translate(-50%);border:1px solid var(--border-subtle);border-radius:99px;background:#0d1933eb;box-shadow:0 .45rem 1.1rem #00000059;pointer-events:auto;backdrop-filter:blur(10px)}.product-root :is(.match-outlet,.remote-match-outlet) .combat-summary .panel-title{margin:0;color:var(--accent-primary);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.product-root :is(.match-outlet,.remote-match-outlet) .combat-status{max-width:min(32vw,22rem);margin:0;overflow:hidden;color:var(--content-secondary);font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls{display:flex;align-items:center;gap:.25rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .tactical-button,.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed-label{min-height:44px;min-width:44px;padding:.22rem .48rem;border:1px solid var(--border-subtle);border-radius:99px;background:var(--surface-elevated);color:var(--content-primary);font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed-label{display:flex;align-items:center;gap:.25rem;padding:.1rem .35rem .1rem .5rem;color:var(--content-secondary)}.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed{padding:0 .12rem;border:0;background:transparent;color:var(--accent-primary);font:inherit}.product-root :is(.match-outlet,.remote-match-outlet) .combat-review-toggle{display:inline-flex;min-height:44px;min-width:44px;padding:.2rem .5rem;align-items:center;gap:.28rem;border-radius:99px;font-size:.63rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-review-icon .ui-icon{width:.85rem;height:.85rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-details{position:absolute;top:3.35rem;right:.65rem;left:auto;display:grid;width:min(27rem,calc(100% - 1.3rem));max-height:min(23rem,calc(100% - 4rem));grid-template-columns:minmax(8rem,.82fr) minmax(0,1.18fr);gap:.6rem;padding:.7rem;overflow:auto;border:1px solid var(--border-subtle);border-radius:.55rem;background:#0d1933f5;box-shadow:0 .8rem 1.8rem #00000080;pointer-events:auto}.product-root :is(.match-outlet,.remote-match-outlet) .combat-details[hidden]{display:none!important}.product-root :is(.match-outlet,.remote-match-outlet) .combat-units{display:grid;grid-template-columns:1fr;gap:.18rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-unit-card{min-width:0;min-height:2.5rem;padding:.3rem .4rem;grid-template-columns:minmax(0,1fr) auto auto;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .combat-unit-identity{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .combat-unit-hp,.product-root :is(.match-outlet,.remote-match-outlet) .combat-unit-shield{font-size:.7rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-unit-action{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .combat-log{max-height:18rem;gap:.18rem;overflow:auto;font-size:.74rem;line-height:1.35}.product-root :is(.match-outlet,.remote-match-outlet) .combat-log-entry{min-height:2rem;padding:.35rem .42rem;border-color:var(--border-subtle);background:#14264a73}.product-root :is(.match-outlet,.remote-match-outlet) .combat-float-number{top:-.35rem;right:-.35rem;font-size:1.05rem;text-shadow:0 2px 5px var(--abu-void),0 0 9px currentColor}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-cast{animation:match-piece-cast .34s ease-out both}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-damage{animation:match-piece-hit .42s ease-out both}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-heal{animation:match-piece-heal .46s ease-out both}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-shield{animation:match-piece-shield .46s ease-out both}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-death{filter:grayscale(1) brightness(.56)}@keyframes match-piece-cast{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-.34rem) scale(1.08);filter:brightness(1.32)}}@keyframes match-piece-hit{0%,to{transform:translate(0);filter:none}20%{transform:translate(-.22rem);filter:brightness(1.65) saturate(.7)}42%{transform:translate(.18rem)}}@keyframes match-piece-heal{0%,to{filter:none}35%{filter:brightness(1.6) drop-shadow(0 0 .7rem #5dd8a4)}}@keyframes match-piece-shield{0%,to{filter:none}35%{filter:brightness(1.45) drop-shadow(0 0 .7rem #6bc8ff)}}.product-root :is(.match-outlet,.remote-match-outlet) .match-result-panel{position:absolute;z-index:20;top:.5rem;right:.6rem;left:auto;width:min(25rem,calc(100% - 1.2rem));max-height:min(11rem,calc(100% - 1rem));padding:.65rem .8rem;overflow:auto;border:1px solid rgba(120,209,255,.35);border-radius:.55rem;background:#0d1933f0;box-shadow:0 .6rem 1.6rem #00000073,var(--shadow-portal);backdrop-filter:blur(8px)}.product-root :is(.match-outlet,.remote-match-outlet) .arena:has(.combat-summary) .hex-field{padding-top:clamp(3.15rem,7vh,4rem)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field:has(.match-over){padding-top:3.35rem}.product-root :is(.match-outlet,.remote-match-outlet) .match-over{inset:.35rem auto auto .55rem;z-index:8;width:max-content;max-width:50%;padding:.4rem .7rem;border:1px solid rgba(120,209,255,.3);border-radius:99px;background:#0d1933e6;color:var(--content-primary);font-size:.76rem;letter-spacing:.1em;text-align:center;text-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .arena:has(.match-result-panel) .match-over{display:none}@media(max-width:1100px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-columns:clamp(6.8rem,12vw,8.5rem) minmax(0,1fr) clamp(7.2rem,12.5vw,9rem);grid-template-rows:3.35rem 0 auto minmax(0,1fr) clamp(11.5rem,24vh,13.5rem);grid-template-areas:"top top top" "utility utility utility" "guide guide guide" "traits arena foes" "shop shop shop"}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:3.35rem 0 auto minmax(0,1fr) minmax(3.2rem,auto)}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{padding-inline:.42rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row{grid-template-columns:1.5rem minmax(0,1fr);gap:.28rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-icon{width:1.35rem;height:1.35rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name{font-size:.65rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-count{font-size:.56rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{grid-template-columns:minmax(6.8rem,8rem) minmax(0,1fr) minmax(5.8rem,6.8rem);gap:.3rem .45rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card{grid-template-columns:2.25rem minmax(0,1fr);padding:.28rem;gap:.08rem .3rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .art{width:2.25rem;height:2.7rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{font-size:.67rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line{display:none}}@media(min-width:641px)and (max-width:820px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:3.35rem 0 auto minmax(0,1fr) 2.8rem clamp(11.5rem,24vh,13.5rem);grid-template-areas:"top top" "utility utility" "guide guide" "arena arena" "traits foes" "shop shop"}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:3.35rem 0 auto minmax(0,1fr) 2.8rem minmax(3.2rem,auto)}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{display:flex;min-width:0;min-height:2.8rem;align-items:center;gap:.42rem;padding:.18rem .4rem;overflow:hidden;border-top:1px solid var(--border-subtle);background:#0d193399}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{flex:0 0 auto;margin:0;padding:0 .35rem 0 0;border:0;font-size:.52rem;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row{flex:1 1 auto;min-width:0;min-height:2.3rem;padding:.12rem .32rem;gap:.25rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-icon{width:1.25rem;height:1.25rem;font-size:.55rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name{max-width:5rem;font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-count{font-size:.51rem}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{display:grid;flex:1 1 0;min-width:0;grid-template-columns:minmax(0,1fr);gap:.04rem;padding:.12rem .3rem;border:0}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name{overflow:hidden;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .hp-num{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .hp-bar{grid-column:auto;height:.22rem;margin:.02rem 0}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{grid-template-columns:minmax(7.2rem,8rem) minmax(0,1fr) minmax(6rem,7rem)}.product-root :is(.match-outlet,.remote-match-outlet) .shop-row{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex:0 0 8.5rem;scroll-snap-align:start}}@media(max-width:760px){.product-root :is(.match-outlet,.remote-match-outlet) .brand-pack{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .brand{flex-basis:7.2rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .phase-action-rail{font-size:.66rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat{min-width:2.9rem;padding-inline:.25rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .lbl{font-size:.49rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .val{font-size:.92rem}}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) minmax(11.25rem,30dvh) minmax(2.25rem,auto);grid-template-areas:"top top" "utility utility" "guide guide" "arena arena" "shop shop" "traits foes";height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:auto auto auto minmax(0,1fr) minmax(3.2rem,auto) minmax(2.25rem,auto)}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar{display:grid;min-height:0;padding:.36rem .55rem;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:2.6rem 1.45rem;grid-template-areas:"brand economy" "stage stage";gap:.08rem .4rem}.product-root :is(.match-outlet,.remote-match-outlet) .brand{grid-area:brand;min-width:0}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark{font-size:.63rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .stage{grid-area:stage;max-width:none;font-size:.7rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .phase-action-rail{grid-area:phase;max-width:none;min-height:1.6rem;padding:0;border-left:0;text-align:left;font-size:.65rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-cluster{grid-area:economy;justify-self:end}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat{grid-template-columns:.8rem auto;min-width:2.25rem;gap:.12rem;padding:.03rem .18rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-icon .ui-icon{width:.75rem;height:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .lbl{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .val{font-size:.83rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .replay-utilities{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .status-rail{grid-area:utilities;justify-self:stretch;width:auto;max-width:none;min-height:1.5rem;margin:0;padding:.12rem .42rem;font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .advanced{justify-self:start;padding-inline:.55rem}.product-root :is(.match-outlet,.remote-match-outlet) .advanced>summary{min-height:44px;min-width:44px;font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-host{max-height:none;padding-inline:.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:.25rem .4rem;gap:.35rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel h2{grid-column:1;font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-heading{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-actions{grid-column:2;grid-row:1}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel p{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-actions .tactical-button{min-height:44px;min-width:44px;padding:.2rem .45rem;font-size:.64rem}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{display:flex;min-width:0;height:2.25rem;min-height:2.25rem;max-height:2.25rem;align-items:center;gap:.4rem;padding:.16rem .35rem;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--border-subtle);border-bottom:0;background:#0d193399;scrollbar-width:none}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{flex:0 0 auto;max-width:3.5rem;margin:0;padding:0 .38rem 0 0;border:0;font-size:.42rem;letter-spacing:-.02em;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;writing-mode:horizontal-tb;transform:none}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row{display:flex;flex:1 1 0;min-width:0;min-height:2.1rem;padding:.12rem .35rem;gap:.25rem;border:0;background:transparent}.product-root :is(.match-outlet,.remote-match-outlet) .trait-icon{width:1.35rem;height:1.35rem;font-size:.54rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name{max-width:4.5rem;font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-count{font-size:.51rem}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{display:grid;flex:1 1 0;min-width:0;grid-template-columns:1fr;gap:.03rem;padding:.12rem .3rem;border:0}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name{overflow:hidden;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .hp-num{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .hp-bar{grid-column:auto;height:.2rem;margin:.02rem 0}.product-root :is(.match-outlet,.remote-match-outlet) .arena{min-height:0;padding:.18rem .25rem;overflow:hidden}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field{width:100%;height:100%;min-height:0;max-height:100%;padding:.32rem .24rem .28rem;gap:.16rem;border-radius:0}.product-root :is(.match-outlet,.remote-match-outlet) .arena:has(.combat-summary) .hex-field{padding-top:5rem}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field:has(.match-over){padding-top:3rem}.product-root :is(.match-outlet,.remote-match-outlet) .match-result-panel{top:.35rem;right:.35rem;width:min(22rem,calc(100% - .7rem));max-height:min(8rem,calc(100% - .7rem));padding:.5rem .6rem}.product-root :is(.match-outlet,.remote-match-outlet) .board-stack{gap:.05rem}.product-root :is(.match-outlet,.remote-match-outlet) .board-label{padding:.06rem .2rem;font-size:.54rem}.product-root :is(.match-outlet,.remote-match-outlet) .board-side{gap:.08rem}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:before{inset:7% 3% 4%}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select{min-height:44px;padding:.04rem}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .portrait{width:clamp(2rem,6vh,2.65rem);height:clamp(2rem,6vh,2.65rem)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .name{max-width:calc(100% + .2rem);padding:.05rem .12rem;font-size:clamp(.52rem,2.1vw,.62rem)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .unit-star{right:calc(50% - 1.1rem);top:-.12rem;padding:.05rem .16rem;font-size:.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .bench-row{flex:0 0 2.85rem;grid-template-columns:repeat(9,minmax(44px,1fr));grid-auto-flow:column;gap:.12rem;padding:.15rem .1rem 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.product-root :is(.match-outlet,.remote-match-outlet) .bench-entry{grid-row:1;min-width:44px;scroll-snap-align:start}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot.empty{grid-row:1;min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot{min-height:44px;grid-template-rows:1fr}.product-root :is(.match-outlet,.remote-match-outlet) .bench-portrait{width:1.65rem;height:1.65rem}.product-root :is(.match-outlet,.remote-match-outlet) .bench-name{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot .unit-star{font-size:.43rem}.product-root :is(.match-outlet,.remote-match-outlet) .bench-entry:has(.bench-slot.selected) .unit-action.icon-only,.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell.selected .unit-action.icon-only{opacity:1;pointer-events:auto;transform:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{padding:.28rem .38rem max(.34rem,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 44px minmax(0,1fr);grid-template-areas:"guidance guidance" "controls end" "row row";gap:.22rem .35rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance{align-self:center;font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));grid-template-rows:44px;align-items:center;gap:.22rem}.product-root :is(.match-outlet,.remote-match-outlet) .lvl-block,.product-root :is(.match-outlet,.remote-match-outlet) .xp-track{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft{width:100%;min-width:44px;min-height:44px;height:44px;padding:.22rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label{font-size:0}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label:after{content:attr(data-short-label);font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-row{display:flex;gap:.28rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex:0 0 clamp(7rem,38vw,8.5rem);grid-template-columns:2rem minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 44px;padding:.23rem;scroll-snap-align:start}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite{padding-top:.23rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card.has-unit-sprite .shop-unit-figure{top:.2rem;bottom:2.85rem;left:.2rem;width:1.9rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-unit-figure .unit-sprite{transform:translate(var(--sprite-offset-x, 0%),var(--sprite-offset-y, 0%)) scale(calc(var(--sprite-scale, 1) * 3))}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .art{width:2rem;height:2.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{font-size:.62rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{min-height:44px;padding:.18rem;font-size:.59rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag{top:.16rem;right:.16rem;font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);grid-template-rows:44px}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft{min-height:44px;font-size:.68rem}.product-root :is(.match-outlet,.remote-match-outlet) .arena:has(.combat-summary) .combat-summary{top:.14rem;left:.3rem;transform:none;width:calc(100% - .6rem);max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"title controls" "status status";justify-content:initial;align-items:center;gap:.12rem .2rem;min-height:0;padding:.16rem .25rem;border-radius:.55rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-summary .panel-title{grid-area:title;font-size:.54rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-status{grid-area:status;width:100%;max-width:none;font-size:.57rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls{grid-area:controls;justify-self:end;min-width:0;gap:.1rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .tactical-button,.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed-label,.product-root :is(.match-outlet,.remote-match-outlet) .combat-review-toggle{min-width:44px;min-height:44px;padding:.12rem .22rem;font-size:.53rem}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .combat-pause{min-width:44px}.product-root :is(.match-outlet,.remote-match-outlet) .combat-details{top:2.9rem;right:.25rem;width:min(19rem,calc(100% - .5rem));max-height:calc(100% - 3.2rem);grid-template-columns:1fr;gap:.35rem;padding:.5rem}}@media(max-height:720px)and (min-width:641px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-rows:3rem 0 auto minmax(0,1fr) 10.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-host{max-height:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field{padding-block:.35rem}.product-root :is(.match-outlet,.remote-match-outlet) .bench-row{flex-basis:3.45rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock .shop-card.has-unit-sprite .shop-unit-figure .unit-sprite{transform:translate(var(--sprite-offset-x, 0%),var(--sprite-offset-y, 0%)) scale(calc(var(--sprite-scale, 1) * 1.35))}}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark{font-size:.875rem}.product-root :is(.match-outlet,.remote-match-outlet) .brand-pack{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .stage{flex:0 1 auto;max-width:none;overflow:visible;font-size:.9rem;text-overflow:clip}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .phase-action-rail{font-size:.875rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .lbl,.product-root :is(.match-outlet,.remote-match-outlet) .game-state-chip{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .trait-name,.product-root :is(.match-outlet,.remote-match-outlet) .trait-count,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .hp-num,.product-root :is(.match-outlet,.remote-match-outlet) .board-label,.product-root :is(.match-outlet,.remote-match-outlet) .hex-empty-label,.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .name,.product-root :is(.match-outlet,.remote-match-outlet) .bench-name,.product-root :is(.match-outlet,.remote-match-outlet) .bench-capacity,.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .lvl-block,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy,.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label{font-size:.75rem!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{font-size:.875rem!important}.product-root :is(.match-outlet,.remote-match-outlet) .arena{background:radial-gradient(ellipse 68% 58% at 50% 48%,rgba(120,209,255,.075),transparent 72%),radial-gradient(ellipse 86% 76% at 50% 50%,transparent 52%,rgba(7,13,31,.46) 88%,var(--abu-void) 100%),linear-gradient(180deg,#0a142c,#070d1f 65%,#050914)}.product-root :is(.match-outlet,.remote-match-outlet) .board-stack{width:min(100%,76rem);max-height:42rem;margin-inline:auto}.product-root :is(.match-outlet,.remote-match-outlet) .phase-banner{max-width:100%;overflow:visible;color:#b7c7e217;font-size:clamp(1.35rem,3vw,2.75rem);letter-spacing:.08em;text-overflow:clip}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:before{border-color:#78d1ff3d;background:radial-gradient(ellipse,#78d1ff0e,#0d193347 72%,#070d1f14);opacity:.42}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.enemy .hex-cell:before{border-color:#ff819440}.product-root :is(.match-outlet,.remote-match-outlet) .board-side.player .hex-cell:before{border-color:#78d1ff52}@media(max-width:1100px){.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{font-size:.75rem}}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-rows:auto auto auto minmax(0,1fr) minmax(10.75rem,27dvh) 2.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:auto 0 auto minmax(0,1fr) minmax(3.2rem,auto) 2.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar .stage{font-size:.875rem}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat .val{font-size:1rem}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{height:2.75rem;min-height:2.75rem;max-height:2.75rem;padding:.18rem .35rem}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{flex:0 0 auto;max-width:none;width:max-content;overflow:visible;font-size:.75rem!important;letter-spacing:.04em;text-overflow:clip}.product-root :is(.match-outlet,.remote-match-outlet) .trait-empty-message{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{flex:0 0 auto}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name,.product-root :is(.match-outlet,.remote-match-outlet) .trait-count,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name{font-size:.75rem!important}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{min-width:4.25rem}.product-root :is(.match-outlet,.remote-match-outlet) .board-label{font-size:.75rem!important;letter-spacing:.08em}.product-root :is(.match-outlet,.remote-match-outlet) .phase-banner{font-size:clamp(1.15rem,5vw,1.7rem)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell .unit-chip .name{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance{font-size:.75rem!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{font-size:.75rem!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy,.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label,.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft{min-width:44px;min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label:after{content:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{gap:.28rem .4rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex-basis:clamp(7.25rem,40vw,8.5rem)}.product-root :is(.match-outlet,.remote-match-outlet) .board-stack{max-height:none}}@media(max-height:720px)and (min-width:641px)and (max-width:820px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{grid-template-rows:3rem 0 auto minmax(0,1fr) 2.8rem 10.5rem}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:3rem 0 auto minmax(0,1fr) 2.8rem minmax(3.2rem,auto)}}@media(prefers-reduced-motion:reduce){.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card,.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:before{transition:none!important}.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-cast,.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-damage,.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-heal,.product-root :is(.match-outlet,.remote-match-outlet) .unit-chip.combat-shield{animation:none!important}}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:clamp(3.25rem,6vh,4rem) 0 auto minmax(0,1fr) auto}@media(max-width:1100px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:3.35rem 0 auto minmax(0,1fr) auto}}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.shop-dock[data-shop-decision=combat]){grid-template-rows:auto 0 auto minmax(0,1fr) minmax(3.2rem,auto) minmax(2.25rem,auto)}}@media(max-width:640px){.product-root .remote-match-outlet .top-bar .phase-action-rail{display:none}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select{min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only{width:44px;min-width:44px;height:44px;min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot{min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft{min-width:44px;min-height:44px;height:44px;padding:.25rem .32rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label{overflow:visible;font-size:.54rem;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label:after{content:none}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft{min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .tactical-button,.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed-label,.product-root :is(.match-outlet,.remote-match-outlet) .combat-review-toggle{min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .combat-pause{min-width:44px}.product-root .remote-match-outlet .top-bar .status-rail{grid-area:phase;justify-self:end;width:auto;max-width:9.5rem}}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell>.hex-select,.product-root :is(.match-outlet,.remote-match-outlet) .bench-slot,.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy,.product-root :is(.match-outlet,.remote-match-outlet) .match-exit{min-width:44px;min-height:44px}.product-root :is(.match-outlet,.remote-match-outlet) .bench-row{grid-template-columns:repeat(9,minmax(44px,1fr));overflow-x:auto;overflow-y:hidden}.product-root :is(.match-outlet,.remote-match-outlet) .bench-entry{min-width:44px}.product-root :is(.match-outlet,.remote-match-outlet) .shop-row{overflow-x:auto;overflow-y:hidden}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex:0 0 clamp(7rem,12vw,9rem)}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label:after,.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy,.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls .tactical-button,.product-root :is(.match-outlet,.remote-match-outlet) .combat-speed-label,.product-root :is(.match-outlet,.remote-match-outlet) .combat-review-toggle,.product-root :is(.match-outlet,.remote-match-outlet) .advanced>summary,.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-actions .tactical-button,.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .trait-name,.product-root :is(.match-outlet,.remote-match-outlet) .trait-count,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name,.product-root :is(.match-outlet,.remote-match-outlet) .board-label,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line,.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag,.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance,.product-root :is(.match-outlet,.remote-match-outlet) .combat-summary .panel-title,.product-root :is(.match-outlet,.remote-match-outlet) .combat-status{font-size:max(.75rem,12px)!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label{font-size:0!important}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{flex:0 0 auto;max-width:max-content;overflow:visible;white-space:nowrap}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name,.product-root :is(.match-outlet,.remote-match-outlet) .trait-count,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name,.product-root :is(.match-outlet,.remote-match-outlet) .board-label{white-space:normal}.product-root :is(.match-outlet,.remote-match-outlet) .combat-controls{max-width:100%;overflow-x:auto;scrollbar-width:thin}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{display:-webkit-box;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .traits-line{white-space:normal}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{overflow-wrap:anywhere}}.product-root{color-scheme:dark;color:var(--content-primary);background:var(--surface-page);font-family:var(--font-ui)}.product-root :where(h1,h2,h3,h4,h5,h6,.client-kicker,.eyebrow){font-family:var(--font-display)}.product-root :where(button,input,select,textarea){font:inherit}.product-root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:44px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-elevated);color:var(--content-primary);color-scheme:dark}.product-root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea)::placeholder{color:var(--content-muted)}.product-root :where(input[type=checkbox],input[type=radio]){accent-color:var(--accent-primary)}.product-root button.text-link{appearance:none;border:0;padding:0;background:transparent;color:var(--content-secondary);cursor:pointer}.product-root button.text-link:hover{color:var(--accent-primary)}.product-root :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.product-root :where(.button,button.button,.btn-tft){border-radius:var(--radius-control);transition:color var(--duration-feedback) var(--ease-standard),background-color var(--duration-feedback) var(--ease-standard),border-color var(--duration-feedback) var(--ease-standard),transform var(--duration-feedback) var(--ease-standard),box-shadow var(--duration-feedback) var(--ease-standard)}.product-root :where(.button-primary,.btn-tft){border-color:var(--accent-primary);background:var(--accent-primary);color:#071326}.product-root :where(.button-primary,.btn-tft):hover:not(:disabled){border-color:#a6e3ff;background:#a6e3ff;color:#071326}.product-root :where(.button-quiet,.button-secondary):hover:not(:disabled){border-color:var(--accent-primary);background:#78d1ff14;color:var(--content-primary)}.client-root,.client-root .client-frame{background:var(--surface-page)}.client-root .client-sidebar,.client-root .client-header{border-color:var(--border-subtle)}.client-root .client-sidebar{background:var(--surface-panel)}.client-root .client-nav a,.client-root .sidebar-bottom>a{border-radius:0 var(--radius-control) var(--radius-control) 0}.client-root .client-nav a:hover,.client-root .client-nav a.is-active,.client-root .sidebar-bottom>a:hover{border-color:var(--accent-primary);background:#78d1ff14}.client-root .client-nav a.is-active{color:var(--accent-primary)}.client-root .context-avatar,.client-root .profile-avatar{border-color:#78d1ff85;color:var(--accent-primary)}.client-root .dashboard-card,.client-root .mode-card,.client-root .lobby-card,.client-root .workshop-panel,.client-root .setting-row,.client-root .collection-card{border-radius:var(--radius-entity)}.client-root .dashboard-card,.client-root .mode-card{border-color:var(--border-subtle);background:linear-gradient(145deg,var(--surface-panel),var(--surface-page))}.client-root .mode-card:hover,.client-root .workshop-steps button:hover,.client-root .workshop-steps button[aria-current=step]{border-color:var(--accent-primary)}.client-root .mode-featured{border-color:#78d1ff80;background:radial-gradient(circle at 90% 0,rgba(120,209,255,.13),transparent 45%),linear-gradient(145deg,var(--surface-elevated),var(--surface-panel))}.client-root .mode-icon,.client-root .profile-large,.client-root .collection-mark{border-color:#78d1ff80;color:var(--accent-primary)}.client-root .home-orbit .orbit-ring{border-color:#78d1ff42}.client-root .home-orbit .orbit-ring:before{border-color:#78d1ff33}.client-root .home-orbit .orbit-ring:after{border-color:#a69bff33}.client-root .home-orbit .orbit-core{border-color:var(--accent-primary);background:var(--surface-elevated);color:var(--accent-primary);box-shadow:var(--shadow-portal)}.client-root .abu-home{display:grid;gap:1.25rem;min-width:0}.client-root .abu-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(15rem,.9fr);align-items:center;min-height:28rem;overflow:hidden;isolation:isolate;border:1px solid var(--border-subtle);border-radius:var(--radius-stage);background:radial-gradient(circle at 78% 48%,rgba(120,209,255,.18),transparent 34%),linear-gradient(135deg,var(--surface-panel),var(--surface-page))}.client-root .abu-home-hero:after{content:"";position:absolute;inset:auto -10% -65% 36%;z-index:-1;aspect-ratio:1;border:1px solid rgba(120,209,255,.17);border-radius:50%;box-shadow:0 0 0 3rem #78d1ff06,0 0 0 7rem #a69bff05;pointer-events:none}.client-root .abu-home-copy{position:relative;z-index:1;padding:clamp(1.5rem,4vw,3.5rem)}.client-root .abu-home-kicker{margin:0 0 1.25rem;color:var(--accent-primary);font:700 .75rem/1.4 var(--font-display);letter-spacing:.13em}.client-root .abu-home-copy h2{max-width:12ch;margin:0;color:var(--content-primary);font:700 clamp(2.5rem,4.5vw,4.5rem)/1.04 var(--font-display);letter-spacing:-.045em}.client-root .abu-home-lede{max-width:34rem;margin:1.25rem 0 0;color:var(--content-secondary);font-size:1rem;line-height:1.6}.client-root .abu-home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.client-root .abu-home-actions .button{min-height:var(--target-min)}.client-root .abu-home-art{align-self:stretch;position:relative;min-height:20rem;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 18%)}.client-root .abu-home-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1);animation:abu-home-portal-drift 18s ease-in-out infinite alternate}@keyframes abu-home-portal-drift{0%{transform:scale(1.02) translate(-1%)}to{transform:scale(1.1) translate(1%)}}.client-root .abu-home-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.client-root .abu-home-dashboard .ui-panel{min-width:0;min-height:11rem;margin:0;padding:1.3rem;border:1px solid var(--border-subtle);border-radius:var(--radius-entity);background:var(--surface-panel)}.client-root .abu-home-dashboard .ui-panel-title{color:var(--accent-primary);font:700 .78rem/1.4 var(--font-display);letter-spacing:.08em}.client-root .abu-home-dashboard .ui-panel-body{color:var(--content-secondary)}.client-root .abu-home-dashboard .ui-panel-body strong{color:var(--content-primary);font-size:1rem}.client-root .abu-home-dashboard .ui-panel-body small{color:var(--content-secondary);font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.client-root .abu-home-dashboard .ui-panel-body p{color:var(--content-secondary);font-size:.875rem}.client-root .abu-home-dashboard .home-quick-actions{align-items:start}@media(max-width:1050px){.client-root .abu-home-hero{grid-template-columns:minmax(0,1fr) minmax(11rem,.6fr)}.client-root .abu-home-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.client-root .abu-home-dashboard .ui-panel:last-child{grid-column:1 / -1}}@media(max-width:700px){.client-root .abu-home-hero{display:flex;flex-direction:column-reverse;align-items:stretch}.client-root .abu-home-art{min-height:13rem;mask-image:linear-gradient(to bottom,black 58%,transparent)}.client-root .abu-home-copy{padding:1.25rem 1.25rem 2rem}.client-root .abu-home-copy h2{max-width:16ch;font-size:clamp(2rem,9vw,3.1rem)}.client-root .abu-home-kicker{font-size:.7rem}.client-root .abu-home-dashboard{grid-template-columns:minmax(0,1fr)}.client-root .abu-home-dashboard .ui-panel:last-child{grid-column:1}}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:not(.empty){flex-basis:clamp(8.25rem,43vw,9.5rem)}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .title{font-size:.75rem;line-height:1.2}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .buy{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card .cost-tag{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-guidance{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-controls .button-label:after{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .shop-end .btn-tft{font-size:.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel h3,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel h3{max-width:4.5rem;font-size:.625rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-name,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card .name{font-size:.6875rem}.product-root :is(.match-outlet,.remote-match-outlet) .trait-count{font-size:.625rem}}@media(max-width:640px){.client-root .workshop-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.client-root .workshop-steps button{width:100%;min-width:0;white-space:nowrap}}.client-root .tag,.client-root .lobby-mode-button{border-radius:999px}.client-root .tag-amber,.client-root .lobby-mode-button.is-active{border-color:#78d1ff7a;background:#78d1ff17;color:var(--accent-primary)}.client-root .lobby-mode-button:hover,.client-root .lobby-mode-button:focus-visible{border-color:var(--accent-primary)}.client-root .lobby-card,.client-root .onboarding-steps a{border-color:var(--border-subtle);background:var(--surface-panel)}.client-root .lobby-card code,.client-root .lobby-code,.client-root .onboarding-steps b,.client-root .onboarding-steps a:hover{color:var(--accent-primary)}.client-root .lobby-card p{color:var(--content-secondary)}.client-root .lobby-mode-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}.client-root .lobby-mode-button{min-height:4.1rem}@media(max-width:640px){.client-root{height:100dvh;overflow:hidden}.client-root .client-frame{display:grid;height:100dvh;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) calc(64px + env(safe-area-inset-bottom));padding-bottom:0}.client-root .client-body{display:block;grid-column:1;grid-row:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.client-root .client-sidebar{position:relative;grid-column:1;grid-row:2;z-index:1;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.client-root .client-content{padding-bottom:1.5rem}.client-root .lobby-screen>.section-intro{margin-bottom:1rem}.client-root .lobby-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.client-root .lobby-mode-button{min-width:0;min-height:3.75rem;padding:.6rem .4rem}.client-root .lobby-mode-button small{display:none}}@media(max-width:640px){.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.foes-panel.eight-player){grid-template-columns:minmax(0,1fr);grid-template-rows:auto 0 auto minmax(0,1fr) minmax(11.25rem,30dvh) minmax(2.25rem,auto) minmax(2.75rem,auto);grid-template-areas:"top" "utility" "guide" "arena" "shop" "traits" "foes"}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.foes-panel.eight-player) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.foes-panel.eight-player) .foes-panel{width:100%;min-width:0;max-width:100%}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.foes-panel.eight-player) .foes-panel{height:2.75rem;min-height:2.75rem;max-height:2.75rem}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell:has(.foes-panel.eight-player) .foes-panel .foe-card{flex:0 0 5.75rem;min-width:5.75rem;max-width:5.75rem}}.client-root .lobby-public-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 4%,rgba(64,164,255,.14),transparent 38%),linear-gradient(145deg,var(--surface-elevated),var(--surface-panel))}.client-root .lobby-public-card:before{position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--accent-primary),var(--accent-violet),transparent);content:"";opacity:.72}.client-root .lobby-public-card .lobby-card-heading{align-items:center}.client-root .lobby-public-card .lobby-card-heading h3 em{color:var(--accent-primary)}.client-root .public-auth-state,.client-root .public-queue-panel small{color:var(--content-secondary)}.client-root .public-queue-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:#050f1e7a}.client-root .public-queue-panel>div:first-child{display:grid;gap:.4rem}.client-root .public-queue-panel>div:first-child>strong{color:var(--content-primary);font:700 1rem/1.2 var(--font-display)}.client-root .public-queue-panel small{max-width:34rem;line-height:1.5}.client-root .public-spectator{display:grid;gap:.85rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.client-root .public-spectator summary{min-height:44px;color:var(--content-secondary);cursor:pointer}.client-root .lobby-public-card [hidden]{display:none!important}.client-root .remote-spectator-notice{margin:.55rem 0 0;color:var(--accent-primary);font-size:.72rem;line-height:1.45}.match-outlet .spectator-state{color:var(--accent-primary)}.match-outlet .spectator-guidance{margin:0;color:var(--content-secondary)}.client-root .result-win,.client-root .lobby-status[data-status-tone=success]{color:var(--accent-success)}.client-root .result-loss,.client-root .lobby-status[data-status-tone=error]{color:var(--accent-danger)}.client-root .result-draw,.client-root .lobby-status[data-status-tone=warning]{color:var(--accent-warning)}.client-root .match-result-panel{border-color:var(--border-subtle);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 0,rgba(120,209,255,.11),transparent 58%),var(--surface-panel)}.client-root .match-result-panel[data-result=victory]{border-color:var(--accent-success)}.client-root .match-result-panel[data-result=defeat]{border-color:var(--accent-danger)}.client-root .client-mobile-nav>a,.client-root .client-mobile-nav>.mobile-more-toggle{color:var(--content-secondary)}.client-root .client-mobile-nav>.mobile-more-toggle{appearance:none;border:0;border-radius:10px;background:transparent;color:var(--content-secondary)}.client-root .client-mobile-nav>.mobile-more-toggle:hover,.client-root .client-mobile-nav>.mobile-more-toggle:focus-visible,.client-root .client-mobile-nav>.mobile-more-toggle.is-active{background:#78d1ff14}.client-root .mobile-secondary-nav{border-color:var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-elevated)}.client-root .mobile-secondary-nav a{border-radius:var(--radius-control)}.client-root .mobile-secondary-nav a:hover,.client-root .mobile-secondary-nav a:focus-visible,.client-root .mobile-secondary-nav a[aria-current=page]{border-color:#78d1ff7a;background:#78d1ff14;color:var(--accent-primary)}.client-root .client-mobile-nav>a[aria-current=page],.client-root .client-mobile-nav>.mobile-more-toggle.is-active{color:var(--accent-primary)}.docs-root{position:relative;background:var(--surface-page);color:var(--content-primary)}.docs-root .wordmark{position:relative;color:var(--content-primary)}.docs-root .docs-header,.docs-root .docs-sidebar,.docs-root .docs-aside-note,.docs-root .docs-toc{border-color:var(--border-subtle)}.docs-root .docs-toc{border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-control) var(--radius-control) 0;background:#78d1ff0f}.docs-root .docs-toc a{color:var(--content-secondary);border-radius:var(--radius-control)}.docs-root .docs-toc a:hover{color:var(--accent-primary);background:#78d1ff14}.docs-root .docs-article :where(h1,h2,h3,p,li,td,th){color:inherit}.docs-root .docs-article :where(p,li,td){color:var(--content-secondary)}.docs-root .docs-article :where(a,h1 em){color:var(--accent-primary)}.docs-root .docs-article :where(pre,.code-example,blockquote,table){border-color:var(--border-subtle);border-radius:var(--radius-entity);background-color:var(--surface-panel);color:var(--content-primary)}.docs-root .docs-article code{color:#b7e9ff}.docs-root .docs-callout{border-color:#78d1ff80;background:#78d1ff12}.product-root :is(.match-outlet,.remote-match-outlet) .game-shell{background:radial-gradient(ellipse at 50% 48%,rgba(120,209,255,.055),transparent 58%),linear-gradient(180deg,#0d19338c,#070d1f99 78%)}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar{border-color:var(--border-subtle);background:linear-gradient(90deg,rgba(120,209,255,.025) 1px,transparent 1px) 0 0 / 2.5rem 100%,linear-gradient(180deg,#14264ae0,#0d1933f0)}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark{display:inline-flex;align-items:center;gap:.42em;color:var(--accent-primary)}.product-root :is(.match-outlet,.remote-match-outlet) .brand-wordmark:before{width:.85rem;height:.85rem;flex:0 0 auto;border:1px solid currentColor;border-radius:50%;box-shadow:var(--shadow-portal);content:""}.product-root :is(.match-outlet,.remote-match-outlet) .arena{isolation:isolate;background:radial-gradient(ellipse 74% 58% at 50% 47%,transparent 64%,rgba(120,209,255,.1) 68%,rgba(166,155,255,.055) 71%,transparent 74%),radial-gradient(ellipse 84% 68% at 50% 47%,transparent 70%,rgba(107,200,255,.06) 74%,transparent 78%),radial-gradient(ellipse 55% 45% at 50% 46%,rgba(20,38,74,.24),transparent 100%),linear-gradient(180deg,#0a142c,var(--abu-void) 76%)}.product-root :is(.match-outlet,.remote-match-outlet) .hex-field{border-color:transparent;background:transparent}.product-root :is(.match-outlet,.remote-match-outlet) .hex-cell:before{border-radius:42%}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{border-color:var(--border-subtle);background:linear-gradient(180deg,rgba(13,25,51,.96),var(--abu-void))}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card{border-radius:var(--radius-control);background:linear-gradient(145deg,var(--surface-elevated),var(--surface-panel))}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card:hover{border-color:var(--accent-primary)!important}.product-root :is(.match-outlet,.remote-match-outlet) .shop-gold-block{border-color:#f6cb736b;border-radius:var(--radius-control);background:#f6cb7314}.product-root :is(.match-outlet,.remote-match-outlet) .phase-banner{color:#b7c7e20f}.product-root :is(.match-outlet,.remote-match-outlet) .unit-action.icon-only{width:44px;min-width:44px;height:44px;min-height:44px;transform:none}.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel.eight-player .foe-card.eliminated{opacity:.55}@media(max-width:820px){.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel.eight-player{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel.eight-player .foe-card{flex:0 0 3.15rem;min-width:3.15rem}}.match-boot-mark{position:relative;border:0;border-radius:50%;box-shadow:none;font-size:0;transform:none}.match-boot-mark:before,.match-boot-mark:after{position:absolute;inset:.08rem;border:1.5px solid currentColor;border-radius:50%;box-shadow:var(--shadow-portal);content:""}.match-boot-mark:after{inset:.46rem;border-color:var(--abu-violet);border-width:1px;box-shadow:none}@media(prefers-reduced-motion:reduce){.product-root :where(*,*:before,*:after){scroll-behavior:auto!important}}.product-root :is(.match-outlet,.remote-match-outlet) .top-bar{min-height:44px;margin:.4rem .5rem 0;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:linear-gradient(145deg,var(--surface-elevated),var(--surface-panel));box-shadow:0 .5rem 1.25rem #0000003d}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#070d1f85}.product-root :is(.match-outlet,.remote-match-outlet) .eco-stat.gold{border-color:#f6cb736b;background:#f6cb7314;box-shadow:none}.product-root :is(.match-outlet,.remote-match-outlet) .onboarding-panel,.product-root :is(.match-outlet,.remote-match-outlet) .flow-state-panel,.product-root :is(.match-outlet,.remote-match-outlet) .result-feedback{border:1px solid var(--border-subtle);border-left:3px solid var(--accent-primary);border-radius:var(--radius-entity);background:linear-gradient(145deg,var(--surface-elevated),var(--surface-panel));box-shadow:0 .5rem 1.25rem #0003}.product-root :is(.match-outlet,.remote-match-outlet) .traits-panel,.product-root :is(.match-outlet,.remote-match-outlet) .foes-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:#0d1933d1;box-shadow:0 .5rem 1.4rem #0003}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row,.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{min-height:44px;padding:.35rem .4rem;border:1px solid transparent;border-radius:var(--radius-control)}.product-root :is(.match-outlet,.remote-match-outlet) .trait-row.active{border-color:#78d1ff59;background:#78d1ff17}.product-root :is(.match-outlet,.remote-match-outlet) .foe-card{border-color:var(--border-subtle);background:#14264a70}.product-root :is(.match-outlet,.remote-match-outlet) .shop-dock{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:linear-gradient(180deg,var(--surface-panel),var(--surface-page));box-shadow:0 -.5rem 1.5rem #0000002e}.product-root :is(.match-outlet,.remote-match-outlet) .shop-card{border:1px solid var(--border-subtle);border-radius:var(--radius-entity);background:linear-gradient(145deg,var(--surface-elevated),var(--surface-panel))}.product-root :is(.match-outlet,.remote-match-outlet) .tactical-button{min-width:var(--target-min);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--content-primary)}.product-root :is(.match-outlet,.remote-match-outlet) :where(button,a,summary):focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}