:root{color-scheme:dark;--graphite-1000:oklch(.12 .006 255);--graphite-950:oklch(.145 .007 255);--graphite-900:oklch(.17 .008 255);--graphite-850:oklch(.2 .009 255);--graphite-800:oklch(.235 .01 255);--graphite-750:oklch(.27 .011 255);--graphite-700:oklch(.31 .012 255);--graphite-600:oklch(.37 .013 255);--graphite-500:oklch(.46 .014 255);--graphite-400:oklch(.64 .013 255);--graphite-300:oklch(.74 .011 255);--graphite-200:oklch(.84 .008 255);--graphite-50:oklch(.965 .004 255);--firefly-200:oklch(.93 .11 92);--firefly-300:oklch(.9 .14 88);--firefly-400:oklch(.865 .16 84);--firefly-600:oklch(.68 .135 76);--firefly-950:oklch(.26 .055 72);--ember-300:oklch(.79 .13 46);--ember-400:oklch(.715 .16 42);--ember-600:oklch(.55 .15 38);--ember-950:oklch(.25 .06 38);--ash-300:oklch(.9 .05 215);--ash-400:oklch(.84 .07 215);--ash-600:oklch(.64 .07 220);--ash-950:oklch(.24 .03 220);--venom-400:oklch(.71 .185 10);--venom-600:oklch(.52 .165 12);--venom-950:oklch(.24 .07 12);--moss-400:oklch(.8 .13 150);--moss-600:oklch(.6 .12 150);--color-surface-sunken:var(--graphite-950);--color-surface-canvas:var(--graphite-900);--color-surface-base:var(--graphite-850);--color-surface-raised:var(--graphite-800);--color-surface-overlay:var(--graphite-750);--color-surface-hover:var(--graphite-700);--color-surface-glass:oklch(.17 .008 255 / .84);--color-surface-scrim:oklch(.12 .006 255 / .72);--color-border-subtle:var(--graphite-800);--color-border-default:var(--graphite-700);--color-border-strong:var(--graphite-600);--color-border-highlight:oklch(1 0 0 / .06);--color-text-primary:var(--graphite-50);--color-text-secondary:var(--graphite-200);--color-text-tertiary:var(--graphite-400);--color-text-disabled:var(--graphite-500);--color-text-on-accent:var(--firefly-950);--color-accent-fill:var(--firefly-400);--color-accent-fill-hover:var(--firefly-300);--color-accent-fill-top:var(--firefly-200);--color-accent-lip:var(--firefly-600);--color-accent-text:var(--firefly-400);--color-accent-dim:oklch(.865 .16 84 / .14);--color-team-a:var(--ember-400);--color-team-a-strong:var(--ember-300);--color-team-a-lip:var(--ember-600);--color-team-a-dim:oklch(.715 .16 42 / .16);--color-team-b:var(--ash-400);--color-team-b-strong:var(--ash-300);--color-team-b-lip:var(--ash-600);--color-team-b-dim:oklch(.84 .07 215 / .14);--color-danger:var(--venom-400);--color-danger-lip:var(--venom-600);--color-danger-dim:oklch(.71 .185 10 / .14);--color-danger-text-on:var(--venom-950);--color-success:var(--moss-400);--color-focus:var(--firefly-400);--color-board-tile:var(--graphite-700);--color-board-tile-hover:var(--graphite-600);--color-board-tile-side:var(--graphite-850);--color-board-grout:var(--graphite-1000);--color-board-tile-attack:oklch(.3 .06 12);--color-board-obstacle:var(--graphite-500);--color-board-ring-legal:oklch(.865 .16 84 / .55);--color-board-ring-hover:var(--firefly-400);--color-board-ring-select:var(--graphite-50);--color-board-ring-attack:var(--venom-400);--color-board-ring-reach:oklch(.71 .185 10 / .5);--color-arena-pumpkin:oklch(.68 .17 50);--color-arena-pumpkin-deep:oklch(.5 .14 45);--color-arena-stem:oklch(.42 .07 130);--color-arena-soil:oklch(.2 .02 50);--color-arena-sky:oklch(.15 .03 290);--color-arena-mist:oklch(.24 .05 290);--color-arena-hat:oklch(.26 .07 300);--color-arena-candle:oklch(.88 .14 80);--space-0:0;--space-px:1px;--space-0h:2px;--space-1:4px;--space-1h:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--inset-xs:var(--space-1h);--inset-sm:var(--space-3);--inset-md:var(--space-4);--inset-lg:var(--space-6);--gap-tight:var(--space-1);--gap-inline:var(--space-2);--gap-stack:var(--space-3);--gap-group:var(--space-6);--gap-section:var(--space-12);--hud-edge:var(--space-4);--hud-edge-phone:var(--space-3);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:999px;--radius-control-sm:var(--radius-md);--radius-control-md:var(--radius-lg);--radius-control-lg:var(--radius-xl);--radius-card:var(--radius-2xl);--radius-panel:var(--radius-3xl);--radius-min:4px;--size-control-xs:32px;--size-control-sm:40px;--size-control-md:48px;--size-control-lg:60px;--size-hit-min:44px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-card-hud:320px;--size-panel-narrow:480px;--size-reading:68ch;--font-display:"Geologica","Manrope",system-ui,sans-serif;--font-ui:"Manrope","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-hero:56px/56px var(--font-display);--text-hero-weight:800;--text-hero-tracking:-.03em;--text-display:40px/44px var(--font-display);--text-display-weight:700;--text-display-tracking:-.025em;--text-title-lg:28px/32px var(--font-display);--text-title-lg-weight:700;--text-title-lg-tracking:-.02em;--text-title:22px/28px var(--font-display);--text-title-weight:700;--text-title-tracking:-.015em;--text-title-sm:17px/24px var(--font-display);--text-title-sm-weight:700;--text-title-sm-tracking:-.01em;--text-body-lg:17px/28px var(--font-ui);--text-body:15px/24px var(--font-ui);--text-body-sm:13px/20px var(--font-ui);--text-label:15px/20px var(--font-ui);--text-label-weight:800;--text-label-sm:13px/16px var(--font-ui);--text-caption:12px/16px var(--font-ui);--text-number:20px/24px var(--font-display);--lip-sm:3px;--lip-md:4px;--lip-lg:6px;--shadow-e1:0 1px 2px oklch(0 0 0 / .3),0 4px 10px oklch(0 0 0 / .22);--shadow-e2:0 2px 6px oklch(0 0 0 / .3),0 12px 28px oklch(0 0 0 / .3);--shadow-e3:0 8px 24px oklch(0 0 0 / .4),0 32px 72px oklch(0 0 0 / .4);--shadow-highlight:inset 0 1px 0 var(--color-border-highlight);--shadow-accent-glow:0 0 24px oklch(.865 .16 84 / .35);--ring-focus:0 0 0 2px var(--color-surface-canvas),0 0 0 4px var(--color-focus);--dur-instant:60ms;--dur-press:90ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--dur-spectacle:.7s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.6,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-board:0;--z-hud:10;--z-card:20;--z-banner:30;--z-overlay:40;--z-toast:50;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--grain-opacity-screen:.04;--grain-opacity-surface:0}@media(max-width:720px){:root{--hud-edge:var(--hud-edge-phone)}}@media(prefers-reduced-motion:reduce){:root{--dur-press:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-spectacle:0ms}}.nest-host{border-radius:var(--r);padding:var(--p)}.nest{border-radius:max(var(--radius-min),calc(var(--r) - var(--p)))}.btn{--h:var(--size-control-md);--px:var(--space-5);--r:var(--radius-control-md);--lip:var(--lip-md);--fill:var(--color-surface-raised);--ink:var(--color-text-primary);--lipc:var(--color-surface-sunken);--edge:inset 0 0 0 1.5px var(--color-border-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);height:var(--h);padding:0 var(--px);margin-block-end:var(--lip);border:0;border-radius:var(--r);background:var(--fill);color:var(--ink);font:var(--text-label);font-weight:var(--text-label-weight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 var(--lip) 0 var(--lipc),var(--edge),var(--shadow-highlight);transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out),background var(--dur-fast) var(--ease-out)}.btn__label{text-box:trim-both cap alphabetic}.btn svg{width:var(--size-icon-md);height:var(--size-icon-md);flex:none}.btn:not(.btn--icon):has(>svg:first-child){padding-inline-start:calc(var(--px) - var(--space-1))}.btn:not(.btn--icon):has(>svg:last-child):not(:has(>svg:first-child)){padding-inline-end:calc(var(--px) - var(--space-1))}.btn:hover:not(:disabled),.btn.is-hover{transform:translateY(1px);box-shadow:0 calc(var(--lip) - 1px) 0 var(--lipc),var(--edge),var(--shadow-highlight)}.btn:active:not(:disabled),.btn.is-pressed{transform:translateY(var(--lip));box-shadow:0 0 0 var(--lipc),var(--edge)}.btn:focus-visible,.btn.is-focus{outline:2px solid var(--color-focus);outline-offset:3px}.btn:disabled,.btn.is-disabled{cursor:not-allowed;transform:none;--fill:var(--color-surface-base);--ink:var(--color-text-disabled);--edge:inset 0 0 0 1.5px var(--color-border-default);box-shadow:var(--edge)}.btn--primary{--fill:linear-gradient(180deg,var(--color-accent-fill-top) 0%,var(--color-accent-fill) 55%);--ink:var(--color-text-on-accent);--lipc:var(--color-accent-lip);--edge:inset 0 0 0 0 transparent}.btn--primary.is-hover,.btn--primary:hover:not(:disabled){--fill:linear-gradient(180deg,var(--color-accent-fill-top),var(--color-accent-fill-hover) 55%)}.btn--danger{--fill:var(--color-danger);--ink:var(--color-danger-text-on);--lipc:var(--color-danger-lip);--edge:inset 0 0 0 0 transparent}.btn--ghost{--fill:transparent;--ink:var(--color-text-secondary);--lip:0px;--edge:inset 0 0 0 1.5px var(--color-border-default)}.btn--ghost:hover:not(:disabled),.btn--ghost.is-hover{--fill:var(--color-surface-base);--ink:var(--color-text-primary);transform:none;box-shadow:var(--edge)}.btn--ghost:active:not(:disabled),.btn--ghost.is-pressed{transform:translateY(1px)}.btn--sm{--h:var(--size-control-sm);--px:var(--space-4);--r:var(--radius-control-sm);--lip:var(--lip-sm);font:var(--text-label-sm);font-weight:800}.btn--sm svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.btn--lg{--h:var(--size-control-lg);--px:var(--space-8);--r:var(--radius-control-lg);--lip:var(--lip-lg);font:600 20px/24px var(--font-display);letter-spacing:-.01em}.btn--lg svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.btn--icon{width:var(--h);padding:0}.btn--icon.btn--sm{--r:var(--radius-md)}.btn--glass{--fill:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seg{--r:var(--radius-md);--p:3px;display:inline-flex;padding:var(--p);border-radius:var(--r);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-default)}.seg button{height:30px;padding:0 var(--space-3);border:0;background:none;color:var(--color-text-secondary);font:var(--text-label-sm);font-weight:700;border-radius:calc(var(--r) - var(--p));cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.seg button:hover{color:var(--color-text-primary)}.seg button[aria-pressed=true],.seg button[aria-checked=true],.seg button.is-on{background:var(--color-surface-overlay);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--shadow-highlight),0 1px 2px #0006}.seg--accent button[aria-pressed=true],.seg--accent button[aria-checked=true],.seg--accent button.is-on{background:var(--color-accent-fill);color:var(--color-text-on-accent);box-shadow:inset 0 1px #ffffff4d}.switch{position:relative;width:44px;height:26px;border-radius:var(--radius-full);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1.5px var(--color-border-strong);border:0;cursor:pointer;transition:background var(--dur-fast)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-text-secondary);box-shadow:0 1px 2px #0006;transition:transform var(--dur-base) var(--ease-out),background var(--dur-fast)}.switch[aria-checked=true]{background:var(--color-accent-fill);box-shadow:none}.switch[aria-checked=true]:after{transform:translate(18px);background:var(--color-text-on-accent)}.chip{display:inline-flex;align-items:center;gap:var(--gap-inline);height:var(--size-control-xs);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-glass);box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--shadow-highlight);font:var(--text-label-sm);font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.chip:has(>.mark:first-child){padding-inline-start:var(--space-2)}.chip--team-a{color:var(--color-team-a-strong);box-shadow:inset 0 0 0 1px var(--color-team-a)}.chip--team-b{color:var(--color-team-b-strong);box-shadow:inset 0 0 0 1px var(--color-team-b)}.chip--danger{color:var(--color-danger);background:var(--color-danger-dim);box-shadow:inset 0 0 0 1px #fe678766}.mark{display:inline-block;width:12px;height:14px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mark--a{background:var(--color-team-a)}.mark--b{background:var(--color-team-b);-webkit-mask:radial-gradient(circle,transparent 3px,#000 3.5px);mask:radial-gradient(circle,transparent 3px,#000 3.5px)}.turn{display:inline-flex;align-items:center;gap:var(--space-3);height:var(--size-control-sm);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1.5px var(--tc),var(--shadow-highlight),var(--shadow-e1);font:var(--text-label-sm);font-weight:800}.turn--a{--tc:var(--color-team-a)}.turn--b{--tc:var(--color-team-b)}.turn__team{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--tc)}.turn__meta{color:var(--color-text-tertiary);font-weight:700;font-variant-numeric:tabular-nums}.turn__sep{width:1px;height:16px;background:var(--color-border-strong)}.pips{display:inline-flex;gap:3px}.pips i{width:10px;height:11px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-accent-fill)}.pips i.is-spent{background:var(--color-border-strong)}.hp{display:inline-flex;align-items:center;gap:2px;height:14px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-surface-glass);box-shadow:inset 0 0 0 1px var(--color-border-default)}.hp i{width:6px;height:6px;border-radius:50%;background:var(--tc)}.hp i.is-lost{background:var(--color-border-strong)}.stats{display:flex;gap:var(--space-4)}.stat{display:inline-flex;align-items:center;gap:var(--space-1h);font:var(--text-label);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.stat svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-text-tertiary)}.stat--health svg{color:var(--color-danger)}.card{--r:var(--radius-card);--p:var(--inset-md);position:relative;isolation:isolate;overflow:hidden;width:var(--size-card-hud);max-width:100%;padding:var(--p);border-radius:var(--r);display:grid;gap:var(--space-3);background:linear-gradient(180deg,var(--tdim) 0,transparent 72px),var(--color-surface-raised);box-shadow:var(--shadow-e2),inset 0 0 0 1px var(--color-border-default),var(--shadow-highlight);color:var(--color-text-primary)}.card--a{--tc:var(--color-team-a);--tdim:var(--color-team-a-dim)}.card--b{--tc:var(--color-team-b);--tdim:var(--color-team-b-dim)}.card__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.portrait{position:relative;width:44px;height:50px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--tc,var(--color-border-strong))}.portrait:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:inherit;background:radial-gradient(circle at 50% 62%,var(--tdim,transparent),var(--color-surface-sunken) 72%)}.portrait svg{position:absolute;top:7px;right:6px;bottom:5px;left:6px;width:auto;height:auto}.card__name{font:var(--text-title-sm);font-weight:var(--text-title-sm-weight);letter-spacing:var(--text-title-sm-tracking);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta{display:flex;align-items:center;gap:var(--space-1h);margin-top:2px;font:var(--text-caption);font-weight:700;color:var(--color-text-tertiary)}.card__meta .mark{width:10px;height:12px}.card__state{align-self:start}.card__stats{--rs:max(var(--radius-min),calc(var(--r) - var(--p)));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--rs);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.card__stat{display:grid;gap:2px;padding:var(--space-2) var(--space-3)}.card__stat+.card__stat{box-shadow:inset 1px 0 0 var(--color-border-subtle)}.card__stat b{font:var(--text-number);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.card__stat b small{font:600 13px/1 var(--font-display);color:var(--color-text-tertiary);margin-left:1px}.card__stat span{display:flex;align-items:center;gap:var(--space-1);font:var(--text-caption);font-weight:700;color:var(--color-text-tertiary)}.card__stat svg{width:14px;height:14px}.card__stat--health svg{color:var(--color-danger)}.card__stat.is-low b{color:var(--color-danger)}.card__ability{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);min-height:40px;font:var(--text-body-sm);color:var(--color-text-secondary)}.card__ability>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card__ability:before{content:"";width:8px;height:9px;margin-top:6px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-text-tertiary)}.card__ability b{color:var(--color-text-primary);font-weight:700}.card__foot{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;height:48px;margin:var(--space-1) calc(-1 * var(--p)) calc(-1 * var(--p));padding:0 var(--p);white-space:nowrap;font:var(--text-body-sm);font-weight:700}.card__foot svg{width:16px;height:16px}.card__foot b{font:var(--text-number);font-weight:700;font-variant-numeric:tabular-nums}.card__foot--attack{background:var(--color-danger-dim);box-shadow:inset 0 1px #fe67874d;color:var(--color-danger)}.card__foot--attack span{color:var(--color-text-primary)}.card__foot--warn{background:var(--color-surface-overlay);box-shadow:inset 0 1px 0 var(--color-border-default);color:var(--color-text-primary)}.card__foot--warn svg{color:var(--color-danger)}.card__foot--info{background:var(--color-surface-base);box-shadow:inset 0 1px 0 var(--color-border-subtle);color:var(--color-text-tertiary);font-weight:600}.card__foot span{overflow:hidden;text-overflow:ellipsis}.card.is-done .portrait{opacity:.5}.card.is-done .card__name{color:var(--color-text-secondary)}.panel{--r:var(--radius-panel);--p:var(--inset-lg);position:relative;padding:var(--p);border-radius:var(--r);background:linear-gradient(180deg,var(--color-surface-raised),var(--color-surface-base));box-shadow:var(--shadow-e3),inset 0 0 0 1px var(--color-border-default),var(--shadow-highlight)}.panel__title{font:var(--text-title-lg);font-weight:var(--text-title-lg-weight);letter-spacing:var(--text-title-lg-tracking)}.squad{--r:var(--radius-card);--p:var(--inset-md);--edge:var(--color-border-strong);--lipc:var(--color-surface-sunken);position:relative;display:grid;gap:var(--space-4);padding:var(--p);border-radius:var(--r);background:var(--color-surface-raised);border:0;text-align:start;color:var(--color-text-primary);cursor:pointer;margin-block-end:var(--lip-md);font:inherit;box-shadow:0 var(--lip-md) 0 var(--lipc),inset 0 0 0 1.5px var(--edge),var(--shadow-highlight);transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out)}.squad:hover,.squad.is-hover{--edge:var(--color-text-tertiary);transform:translateY(1px);box-shadow:0 calc(var(--lip-md) - 1px) 0 var(--lipc),inset 0 0 0 1.5px var(--edge),var(--shadow-highlight)}.squad:active{transform:translateY(var(--lip-md));box-shadow:inset 0 0 0 1.5px var(--edge)}.squad.is-selected{--edge:var(--color-accent-fill);--lipc:var(--color-accent-lip);box-shadow:0 var(--lip-md) 0 var(--lipc),inset 0 0 0 2px var(--edge),var(--shadow-highlight)}.squad:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.squad__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.squad__emblem{position:relative;width:48px;height:54px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-border-strong);color:var(--color-text-secondary);transition:background var(--dur-fast),color var(--dur-fast)}.squad__emblem:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;clip-path:inherit;background:var(--color-surface-overlay)}.squad__emblem svg{position:relative;width:22px;height:22px}.squad:hover .squad__emblem,.squad.is-hover .squad__emblem{color:var(--color-text-primary)}.squad.is-selected .squad__emblem{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.squad.is-selected .squad__emblem:before{background:var(--color-accent-fill)}.squad__name{display:block;font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking)}.squad__tag{display:block;margin-top:2px;font:var(--text-body-sm);color:var(--color-text-secondary)}.squad__check{position:absolute;top:var(--p);right:var(--p);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent-fill);color:var(--color-text-on-accent);opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-spring)}.squad__check svg{width:14px;height:14px;stroke-width:2.5}.squad.is-selected .squad__check{opacity:1;transform:none}.squad__table{--rs:max(var(--radius-min),calc(var(--r) - var(--p)));display:grid;grid-template-columns:minmax(0,1fr) repeat(3,32px);column-gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--rs);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.squad__th,.squad__td{display:flex;align-items:center;justify-content:flex-end;height:32px;font:var(--text-body-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.squad__th{height:28px;color:var(--color-text-tertiary)}.squad__th svg{width:13px;height:13px}.squad__th--h svg{color:var(--color-danger)}.squad__th:first-child{justify-content:flex-start;font:var(--text-caption);font-weight:700}.squad__td{box-shadow:inset 0 1px 0 var(--color-border-subtle)}.squad__td--name{justify-content:flex-start;gap:var(--space-2);color:var(--color-text-primary);font-weight:600;min-width:0}.squad__td--name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad__glyph{width:18px;height:18px;flex:none;color:var(--color-text-tertiary)}.squad__td--queen{font-weight:800}.squad__crown{font:700 10px/14px var(--font-ui);padding:0 5px;border-radius:var(--radius-xs);background:var(--color-surface-overlay);color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-default)}.squad__td.is-dim{color:var(--color-text-disabled)}.menu{display:grid;gap:var(--space-1)}.menu__item{display:flex;align-items:center;gap:var(--space-3);height:var(--size-control-md);padding:0 var(--space-4) 0 var(--space-3);border:0;border-radius:calc(var(--r) - var(--p));background:transparent;color:var(--color-text-primary);font:var(--text-label);font-weight:700;cursor:pointer;text-align:start}.menu__item svg{width:20px;height:20px;color:var(--color-text-tertiary)}.menu__item:hover,.menu__item.is-hover{background:var(--color-surface-hover)}.menu__item--danger{color:var(--color-danger)}.menu__item--danger svg{color:var(--color-danger)}.menu__sep{height:1px;margin:var(--space-1) var(--space-3);background:var(--color-border-default)}.hint{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--shadow-highlight),var(--shadow-e1);font:var(--text-body-sm);font-weight:600;color:var(--color-text-primary)}.hint kbd{font:600 11px/16px var(--font-mono);padding:0 5px;border-radius:var(--radius-xs);background:var(--color-surface-hover);color:var(--color-text-secondary);box-shadow:0 1px 0 var(--color-surface-sunken)}.banner{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-10);border-radius:var(--radius-2xl);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1.5px var(--tc),var(--shadow-e3)}.banner__title{display:flex;align-items:center;gap:var(--space-3);font:var(--text-display);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);color:var(--tc)}.banner__title .mark{width:22px;height:26px}.banner__sub{font:var(--text-body-sm);color:var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--color-surface-canvas);color:var(--color-text-primary);font:var(--text-body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:var(--grain);opacity:var(--grain-opacity-screen);mix-blend-mode:overlay}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0}.t-display{font-family:var(--font-display);font-weight:600}.t-num{font-variant-numeric:tabular-nums}.t-muted{color:var(--color-text-tertiary)}.icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-inline)}.actions--center{justify-content:center}.actions--stack{display:flex;flex-wrap:wrap;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.actions--stack .btn{flex:1 1 0;min-width:120px}.actions--stack .btn--lg{flex-basis:100%}.range{accent-color:var(--color-accent-fill);width:160px}.panel__title{display:flex;align-items:center;gap:var(--gap-inline);margin:0 0 var(--space-4)}.panel__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.page{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-5) var(--space-12)}.page--wide{max-width:1000px}.page__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.page__bar-end{display:flex;align-items:center;gap:var(--space-2)}.page__title{font:var(--text-display);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);margin:var(--space-3) 0 var(--space-5)}.settings{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle),var(--shadow-highlight);overflow:hidden}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;min-height:64px;padding:var(--space-3) var(--space-5)}.settings__row+.settings__row{border-top:1px solid var(--color-border-subtle)}.settings__row--stack{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-4);padding-bottom:var(--space-4);background:#0000002e}.settings__row--stack .settings__label{font:var(--text-body-sm);color:var(--color-text-secondary)}.settings__label{font-weight:800}.settings__hint{margin:0;color:var(--color-text-tertiary);font:var(--text-body-sm)}.rules__section{margin-bottom:var(--space-8);padding-left:calc(34px + var(--space-3))}.rules__section>.rules__h{margin-left:calc((34px + var(--space-3)) * -1)}.rules__section:has(.codex){padding-left:0}.rules__section:has(.codex)>.rules__h{margin-left:0}.rules__h{display:flex;align-items:center;gap:var(--space-3);font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking);color:var(--color-text-primary);margin-bottom:var(--space-3)}.rules__mark{flex:none;display:grid;place-items:center;width:34px;height:38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:17px}.rules__steps{margin:0;padding:0;list-style:none;counter-reset:step;max-width:68ch}.rules__steps li{position:relative;padding:0 0 var(--space-2) 34px;color:var(--color-text-secondary);line-height:1.6;counter-increment:step}.rules__steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-strong);color:var(--color-text-primary);font:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums}.rules__section p{margin:0 0 var(--space-2);color:var(--color-text-secondary);line-height:1.6;max-width:68ch}.rules__squads{margin:0;padding-left:18px;color:var(--color-text-secondary);line-height:1.7}.codex{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-3)}.codex__card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface-base) 100%);color:var(--color-text-primary);text-align:left;margin-block-end:var(--lip-md);box-shadow:0 var(--lip-md) 0 var(--color-surface-sunken),var(--shadow-e1),inset 0 0 0 1.5px var(--color-border-strong),var(--shadow-highlight);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.codex__card:hover{transform:translateY(1px);box-shadow:0 calc(var(--lip-md) - 1px) 0 var(--color-surface-sunken),var(--shadow-e1),inset 0 0 0 1.5px var(--color-text-tertiary),var(--shadow-highlight)}.codex__card:active{transform:translateY(var(--lip-md));box-shadow:inset 0 0 0 1.5px var(--color-border-strong)}.codex__body{display:flex;flex-direction:column;gap:2px;min-width:0}.codex__name{font-family:var(--font-display);font-weight:600;font:var(--text-body);line-height:1.2}.codex__title{font:var(--text-body-sm);color:var(--color-text-secondary)}.codex__stats{margin-top:var(--space-1);gap:var(--space-3);font:var(--text-body-sm)}.codex__class{position:absolute;top:var(--space-2);right:var(--space-3);font:var(--text-caption);color:var(--color-text-tertiary)}.portrait{position:relative;flex-shrink:0;height:auto;aspect-ratio:1;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(70% 70% at 50% 60%,color-mix(in srgb,var(--portrait-accent) 28%,var(--color-surface-canvas)) 0%,var(--color-surface-sunken) 75%)}.portrait--sm{width:72px}.portrait--md{width:120px}.portrait--lg{width:200px}.codex .portrait:before,.sheet .portrait:before{content:none}.portrait__img,.portrait__svg{width:100%;height:100%;object-fit:cover;display:block}.sheet{width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:var(--space-4) var(--space-6) var(--space-6)}.sheet__bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.sheet__count{color:var(--color-text-tertiary);font:var(--text-body-sm);padding:0 var(--space-2)}.sheet__hero{display:grid;grid-template-columns:200px 1fr;gap:var(--space-6);align-items:center;margin-bottom:var(--space-5)}.sheet__class{font:var(--text-body-sm);color:var(--color-text-tertiary)}.sheet__name{font:var(--text-display);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);margin:2px 0}.sheet--queen .sheet__name{color:var(--color-text-primary)}.sheet__title{margin:0 0 var(--space-4);font:var(--text-body-lg);color:var(--color-text-secondary)}.sheet__stats{display:flex;gap:var(--space-3)}.sheet__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle),inset 0 2px 4px #0000004d}.sheet__stat .icon{color:var(--color-text-tertiary);font-size:16px}.sheet__stat strong{font-family:var(--font-display);font-weight:600;font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking);line-height:1.1}.sheet__stat span{font:var(--text-caption);color:var(--color-text-tertiary)}.sheet__bio{margin:0 0 var(--space-4);font:var(--text-body-lg);line-height:1.55;color:var(--color-text-primary);max-width:62ch}.sheet__block{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.sheet__block h3{font:var(--text-body-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.sheet__block p{margin:0;color:var(--color-text-secondary);line-height:1.55}.sheet__block--ability{margin-bottom:var(--space-3);box-shadow:inset 0 0 0 1.5px var(--color-border-strong)}.sheet__block--ability h3{color:var(--color-accent-fill)}.sheet__block--ability p{color:var(--color-text-primary);font-weight:600}.sheet__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sheet__squads{margin:var(--space-4) 0 0;font:var(--text-body-sm);color:var(--color-text-tertiary)}.play{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-surface-canvas)}.play__stage{position:absolute;top:0;right:0;bottom:0;left:0}.play__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}.play__canvas:active{cursor:grabbing}.play__vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-surface-scrim),transparent 16%,transparent 78%,var(--color-surface-scrim))}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud);pointer-events:none;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:var(--hud-edge);gap:var(--space-3)}.hud>*{pointer-events:auto}.hud__top{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:var(--space-3)}.hud__top-start,.hud__top-end{display:flex;align-items:center;gap:var(--space-2)}.hud__top-end{justify-content:flex-end}.hud__middle{position:relative;pointer-events:none}.hud__hint p{margin:0;font:var(--text-body-sm);font-weight:600;line-height:1.4}.hud__hint-error{margin-top:var(--space-1)!important;color:var(--color-danger)}.hud__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.turn{justify-self:center;max-width:min(100%,520px)}.card{pointer-events:auto}.card .portrait{width:44px;height:50px;aspect-ratio:auto}.hp--done{opacity:.5}.hp b{font:700 11px/14px var(--font-display);font-variant-numeric:tabular-nums;color:var(--tc, var(--color-text-primary))}.float{font-family:var(--font-display);font-size:20px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.8);animation:float-up 1.1s var(--ease-out) forwards;white-space:nowrap}.float--damage{color:var(--color-danger)}.float--kill{color:var(--color-danger);font-size:26px}.float--heal{color:var(--color-success)}.banner{position:absolute;top:38%;left:50%;z-index:var(--z-banner);pointer-events:none;animation:banner var(--dur-spectacle) var(--ease-out) forwards}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:72px var(--space-4) var(--space-6);background:var(--color-surface-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.overlay--sheet{position:fixed;z-index:60;padding:var(--space-6) var(--space-4)}.overlay .panel{width:min(960px,100%)}.overlay .panel--narrow{width:min(400px,100%)}.overlay .panel--scroll{max-height:calc(100dvh - 110px);overflow:auto}.panel__foot{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) 0 0;font:var(--text-body-sm);color:var(--color-text-tertiary)}.overlay .result{width:min(480px,100%);text-align:center;overflow:hidden}.result:before{content:"";position:absolute;inset:0 0 auto;height:140px;background:radial-gradient(70% 100% at 50% 0%,var(--result-glow, transparent),transparent 70%);pointer-events:none}.result--a{--result-glow: var(--color-team-a-dim)}.result--b{--result-glow: var(--color-team-b-dim)}.result__crown{font-size:44px;color:var(--color-accent-fill);filter:drop-shadow(0 0 12px var(--color-accent-dim));animation:crown-drop .7s var(--ease-spring) both}.result--b .result__crown{color:var(--color-team-b);filter:drop-shadow(0 0 12px var(--color-team-b-dim))}.result__title{font:var(--text-display);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);margin:var(--space-2) 0 var(--space-1)}.result--a .result__title{color:var(--color-team-a)}.result--b .result__title{color:var(--color-team-b)}.result__sub{margin:0 0 var(--space-5);color:var(--color-text-secondary)}.result__stats{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5)}.result__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px}.result__stat strong{font-family:var(--font-display);font-weight:600;font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking)}.result__stat span{font:var(--text-caption);color:var(--color-text-tertiary)}.result__ask{font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking);margin:0 0 var(--space-3)}.dev-badge{display:inline-flex;align-items:center;height:var(--size-control-xs);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-glass);box-shadow:inset 0 0 0 1px var(--color-border-default);font:var(--text-caption);font-weight:800;color:var(--color-text-tertiary)}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px var(--color-accent-fill))}}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-34px);opacity:0}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(.96)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}@keyframes crown-drop{0%{transform:translateY(-20px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-primary);text-decoration:none}.logo__mark{flex-shrink:0;filter:drop-shadow(0 0 6px var(--color-accent-dim))}.logo__word{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1}.logo__i{position:relative;display:inline-block}.logo__dot{position:absolute;left:50%;bottom:100%;width:.42em;height:.9em;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform-origin:50% 0}.logo__dot-thread{flex:1;width:1px;background:linear-gradient(to bottom,#e9eef500,#e9eef5bf)}.logo__dot svg{width:.42em;height:.42em;margin-bottom:.02em;filter:drop-shadow(0 0 4px var(--color-accent-dim))}.logo--animated .logo__dot{animation:dot-drop 1.1s cubic-bezier(.34,1.56,.64,1) .2s both,dot-sway 4.5s ease-in-out 1.4s infinite}.logo--animated .logo__mark{animation:mark-hop .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes dot-drop{0%{transform:translate(-50%) scaleY(.2);opacity:0}to{transform:translate(-50%) scaleY(1);opacity:1}}@keyframes dot-sway{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(5deg)}}@keyframes mark-hop{0%{transform:translateY(-14px) scale(.92,1.08);opacity:0}60%{transform:translateY(0) scale(1.08,.92);opacity:1}to{transform:translateY(0) scale(1)}}.page-title,.hs-panel__title,.hs-banner strong,.hs-card__name,.rules__h{font-family:var(--font-display);font-weight:600;letter-spacing:0}.brand__sub{font-size:13px;color:var(--color-text-tertiary)}input[type=range].volume{width:180px;accent-color:var(--color-accent-fill)}.hs-boardmode{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:-4px 0 16px}.hs-boardmode__label{font-weight:800}.hs-boardmode__hint{color:var(--color-text-tertiary);font-size:13px}.title{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-surface-canvas);color:var(--color-text-primary)}.title-scene{position:absolute!important;top:0;right:0;bottom:0;left:0}.title__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in oklch,var(--color-surface-canvas) 94%,transparent) 0%,color-mix(in oklch,var(--color-surface-canvas) 80%,transparent) 30%,transparent 60%),linear-gradient(to bottom,color-mix(in oklch,var(--color-surface-canvas) 60%,transparent),transparent 20%)}.title__bar{position:absolute;top:var(--space-6);right:var(--space-6);z-index:3;display:flex;gap:var(--space-2);align-items:center}.title__menu{position:absolute;z-index:2;inset-block:0;inset-inline-start:clamp(var(--space-6),7vw,112px);width:min(400px,calc(100vw - 2 * var(--space-6)));display:flex;flex-direction:column;justify-content:center;gap:var(--space-10)}.title__brand{display:flex;flex-direction:column;align-items:flex-start;animation:title-rise var(--dur-slow) var(--ease-out) .1s both}.title__logo{margin:0 0 var(--space-8);font-size:inherit}.title__logo .logo{gap:var(--space-4)}.title__logo .logo__mark{filter:drop-shadow(0 0 14px var(--color-accent-dim))}.title__slogan{margin:0 0 var(--space-3);font:var(--text-display);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);text-wrap:balance}.title__sub{margin:0;color:var(--color-text-secondary);font:var(--text-body-lg)}.title__modes{display:flex;flex-direction:column;gap:var(--space-3)}.title__mode{width:100%;justify-content:flex-start;gap:var(--space-3);animation:title-rise var(--dur-slow) var(--ease-out) .3s both}.title__mode--main{margin-block-end:calc(var(--lip-lg) + var(--space-2));animation:title-pop .55s var(--ease-spring) .2s both}.title__mode-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:start}.title__mode-text small{font:var(--text-caption);font-weight:700;opacity:.72}.title__mode-go{opacity:.55}.title__mode--main .title__mode-go{opacity:.7}.title__links{display:flex;gap:var(--space-1);margin-inline-start:calc(-1 * var(--space-3));animation:title-rise var(--dur-slow) var(--ease-out) .45s both}.title__link{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--size-control-sm);padding:0 var(--space-3);border:0;border-radius:var(--radius-control-sm);background:none;color:var(--color-text-secondary);font:var(--text-label-sm);font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.title__link svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-text-tertiary)}.title__link:hover{color:var(--color-text-primary);background:var(--color-surface-glass)}.title__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.langmenu{position:relative}.langmenu__chevron{opacity:.6;transition:rotate var(--dur-fast) var(--ease-out)}.langmenu__button[aria-expanded=true] .langmenu__chevron{rotate:180deg}.langmenu__pop{--r: var(--radius-xl);--p: var(--space-1h);position:absolute;z-index:var(--z-overlay);inset-inline-end:0;top:calc(100% + var(--space-2));min-width:248px;display:grid;gap:var(--space-0h);padding:var(--p);border-radius:var(--r);background:linear-gradient(180deg,var(--color-surface-raised),var(--color-surface-base));box-shadow:var(--shadow-e2),inset 0 0 0 1px var(--color-border-default),var(--shadow-highlight);transform-origin:top right;animation:lang-open var(--dur-fast) var(--ease-out)}.langmenu--up .langmenu__pop{top:auto;bottom:calc(100% + var(--space-2));transform-origin:bottom right}.langmenu__item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-md);padding:var(--space-2) var(--space-3);border:0;border-radius:calc(var(--r) - var(--p));background:transparent;color:var(--color-text-primary);font:var(--text-label);font-weight:700;text-align:start;cursor:pointer}.langmenu__item:hover,.langmenu__item:focus-visible{background:var(--color-surface-hover);outline:none}.langmenu__item:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus)}.langmenu__item svg{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-accent-text)}.langmenu__text{flex:1;display:flex;flex-direction:column}.langmenu__text small{font:var(--text-caption);font-weight:600;color:var(--color-text-tertiary)}.langmenu__sep{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border-subtle)}@keyframes lang-open{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:720px),(max-aspect-ratio:4/5){.title__shade{background:linear-gradient(to bottom,color-mix(in oklch,var(--color-surface-canvas) 90%,transparent) 0%,color-mix(in oklch,var(--color-surface-canvas) 50%,transparent) 22%,transparent 32%,transparent 60%,color-mix(in oklch,var(--color-surface-canvas) 85%,transparent) 72%,color-mix(in oklch,var(--color-surface-canvas) 96%,transparent) 100%)}.title__bar{top:calc(env(safe-area-inset-top) + var(--space-3));right:var(--space-4)}.title__menu{inset-inline:var(--space-4);width:auto;max-width:440px;margin-inline:auto;justify-content:flex-start;gap:var(--space-4);padding-block:calc(env(safe-area-inset-top) + 96px) calc(env(safe-area-inset-bottom) + var(--space-4))}.title__brand{align-items:center;text-align:center}.title__logo{margin-block-end:var(--space-5)}.title__logo .logo__mark{width:56px;height:56px}.title__logo .logo__word{font-size:38px!important}.title__slogan{font:var(--text-title-lg);font-weight:var(--text-title-lg-weight);letter-spacing:var(--text-title-lg-tracking);margin-block-end:var(--space-2)}.title__sub{font:var(--text-body)}.title__links{justify-content:center;margin:var(--space-2) 0 0}.title__modes{margin-block-start:auto}}@keyframes title-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes title-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.page--center{min-height:100dvh;display:grid;place-items:center}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.level{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:var(--space-2) 4px;border:0;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-surface-raised) 0%,var(--color-surface-base) 100%);color:var(--color-text-secondary);font:inherit;cursor:pointer;margin-block-end:var(--lip-sm);box-shadow:0 var(--lip-sm) 0 var(--color-surface-sunken),inset 0 0 0 1.5px var(--color-border-strong),var(--shadow-highlight);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.level:hover{transform:translateY(1px);box-shadow:0 calc(var(--lip-sm) - 1px) 0 var(--color-surface-sunken),inset 0 0 0 1.5px var(--color-border-strong),var(--shadow-highlight)}.level.is-on{transform:translateY(3px);color:var(--color-text-primary);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1.5px var(--color-accent-fill),inset 0 2px 6px #00000059}.level__pips{display:flex;gap:3px}.level__pip{width:6px;height:6px;border-radius:50%;background:var(--color-border-strong)}.level__name{max-width:100%;font:var(--text-caption);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.invite{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.invite .panel__title{display:flex;align-items:center;gap:var(--space-2);margin:0}.invite__lede{margin:0;color:var(--color-text-secondary);max-width:38ch}.invite__link{display:flex;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-subtle),inset 0 2px 4px #0000004d;color:var(--color-text-tertiary)}.invite__link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font:var(--text-body)}.invite__status{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-secondary);font-weight:700}.invite__note{margin:0;color:var(--color-text-tertiary);font:var(--text-body-sm)}.invite .actions,.result .invite__note{justify-content:center;margin-top:var(--space-2)}.spinner{position:relative;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--color-border-strong)}.spinner:after{content:"";position:absolute;top:-2px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--color-accent-fill);transform-origin:3px 10px;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-chip{min-height:30px}.turn--away{opacity:.82}.hud__hint-wait{animation:wait-breathe 1.8s ease-in-out infinite}@keyframes wait-breathe{50%{opacity:.55}}.result--lost .result__title{color:var(--color-text-secondary)}@media(max-width:560px){.level__name{font-size:10px}}.hud--hidden{visibility:hidden}.hud__rail{position:absolute;right:0;top:0;display:grid;gap:var(--space-2);pointer-events:auto}.hud__rail .btn.is-on{color:var(--color-accent-fill)}.hud__bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:end;gap:var(--space-4)}.hud__card{min-width:0}.hud__card .card{pointer-events:auto}.hud__center{display:grid;justify-items:center;gap:var(--space-2);min-width:0}.hud__hint{max-width:520px;pointer-events:none;flex-wrap:wrap;padding-right:var(--space-4)}.hud__hint-error{width:100%;color:var(--color-danger)}.hud__actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--space-2)}.hud__actions .btn--primary{margin-block-end:var(--lip-md)}.bench{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);pointer-events:auto}.bench .btn.is-on{--edge: inset 0 0 0 2px var(--color-accent-fill);color:var(--color-text-primary)}.menu__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--size-control-md);padding:0 var(--space-2) 0 var(--space-3);font:var(--text-label);font-weight:700}.handover{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.handover__mark{width:34px;height:38px}.handover__body{margin:0;color:var(--color-text-secondary)}.setup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,var(--color-surface-scrim),var(--color-surface-canvas) 40%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-3);padding:var(--hud-edge);background:linear-gradient(180deg,var(--color-surface-canvas) 60%,transparent)}.setup__title{display:flex;align-items:center;gap:var(--space-2);margin:0;font:var(--text-title);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking)}.setup__body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--gap-group);max-width:1160px;margin:0 auto;padding:0 var(--space-6) var(--space-12)}.setup__h{margin:0 0 var(--space-1);font:var(--text-title-sm);font-weight:var(--text-title-sm-weight)}.setup__lede{margin:0 0 var(--space-4);color:var(--color-text-secondary);font:var(--text-body-sm)}.setup__side{display:grid;align-content:start;gap:var(--gap-group);position:sticky;top:72px}.setup__options{display:grid;gap:var(--space-1);padding:var(--inset-md);border-radius:var(--radius-card);background:var(--color-surface-base);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.setup__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--size-control-md);padding:var(--space-2) 0}.setup__row+.setup__row{border-top:1px solid var(--color-border-subtle)}.setup__row--stack{flex-direction:column;align-items:stretch}.setup__row-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.setup__label{font:var(--text-label-sm);font-weight:800;color:var(--color-text-secondary)}.setup__hint{margin:0;font:var(--text-caption);color:var(--color-text-tertiary)}.setup__cta{display:grid;gap:var(--space-2)}.setup__cta .btn{width:100%}.setup__reason{margin:0;text-align:center;font:var(--text-caption);font-weight:700;color:var(--color-text-tertiary)}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1h)}.level{display:grid;justify-items:center;gap:var(--space-1);min-height:var(--size-hit-min);padding:var(--space-2) var(--space-1);border:0;border-radius:var(--radius-md);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;font:var(--text-caption);font-weight:700}.level.is-on{background:var(--color-surface-overlay);color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--color-accent-fill)}.level:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.level__pips{display:flex;gap:2px}.level__pip{width:5px;height:5px;border-radius:50%;background:var(--color-border-strong)}.level__pip.is-on{background:var(--color-accent-fill)}.level__num{font:var(--text-label-sm);font-weight:800;font-variant-numeric:tabular-nums}.setup__hint-name{color:var(--color-text-primary);font-weight:800}.builder{display:grid;gap:var(--space-4)}.builder__tray{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.slot{position:relative;display:grid;justify-items:center;align-content:start;gap:var(--space-1h);min-height:104px;padding:var(--space-3) var(--space-1) var(--space-2);border:0;border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1.5px var(--color-border-strong),var(--shadow-highlight);color:var(--color-text-primary);cursor:pointer;font:inherit}.slot:disabled{cursor:default}.slot--queen{box-shadow:inset 0 0 0 1.5px var(--color-border-strong),var(--shadow-highlight)}.slot--empty{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-border-default);color:var(--color-text-tertiary);cursor:default}.slot .portrait{width:48px}.slot__hex{display:grid;place-items:center;width:48px;height:54px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-surface-sunken);font-size:18px}.slot__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-caption);font-weight:700}.slot__badge{position:absolute;top:var(--space-1h);right:var(--space-1h);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--color-surface-overlay);color:var(--color-text-secondary);font-size:12px}.slot:not(:disabled):hover .slot__badge{background:var(--color-danger-dim);color:var(--color-danger)}.slot:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.builder__presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.builder__presets .btn.is-on{--edge: inset 0 0 0 2px var(--color-accent-fill)}.builder__roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2)}.pick{position:relative;display:flex;border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1.5px var(--color-border-default),var(--shadow-highlight);transition:box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.pick:hover{box-shadow:inset 0 0 0 1.5px var(--color-text-tertiary),var(--shadow-highlight)}.pick.is-in{background:var(--color-surface-overlay);box-shadow:inset 0 0 0 2px var(--color-accent-fill),var(--shadow-highlight)}.pick.is-blocked{opacity:.45}.pick__main{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-10) var(--space-2) var(--space-2);border:0;background:none;color:var(--color-text-primary);text-align:start;cursor:pointer;font:inherit}.pick__main[aria-disabled=true]{cursor:not-allowed}.pick__main:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:var(--radius-lg)}.pick .portrait{width:48px}.pick__body{display:grid;gap:2px;min-width:0}.pick__name{font:var(--text-label-sm);font-weight:800}.pick__stats{display:flex;gap:var(--space-3);font:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums}.pick__stat{display:inline-flex;align-items:center;gap:3px}.pick__stat .icon{color:var(--color-text-tertiary)}.pick__stat--hp .icon{color:var(--color-danger)}.pick__ability{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-caption);color:var(--color-text-tertiary)}.pick__check{position:absolute;top:var(--space-2);right:var(--space-10);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--color-accent-fill);color:var(--color-text-on-accent);font-size:12px;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-out)}.pick.is-in .pick__check{opacity:1;transform:none}.pick__info{position:absolute;top:50%;right:var(--space-1);transform:translateY(-50%);display:grid;place-items:center;width:var(--size-hit-min);height:var(--size-hit-min);border:0;border-radius:var(--radius-md);background:none;color:var(--color-text-tertiary);cursor:pointer;font-size:18px}.pick__info:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.pick__info:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media(max-width:720px){.setup__body{grid-template-columns:1fr;padding:0 var(--space-3) 0}.setup__side{position:static}.setup__cta{position:fixed;left:0;right:0;bottom:0;z-index:3;padding:var(--space-6) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--color-surface-canvas) 38%)}.setup__body{padding-bottom:140px}.builder__tray{gap:var(--space-1h)}.slot{min-height:88px;padding:var(--space-2) 2px var(--space-1h)}.slot .portrait,.slot__hex{width:40px}.slot__hex{height:45px}.builder__roster{grid-template-columns:1fr}.hud__rail{top:auto;bottom:0}.hud__rail-desk{display:none}.hud__bottom{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.hud__card .card{width:100%}.hud__card .card__ability,.hud__card .card__foot--info{display:none}.hud__center{justify-items:stretch}.hud__hint{max-width:none}.hud__actions{justify-content:stretch}.hud__actions>.btn{flex:1}.bench{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.bench .btn{flex:none}}@media(max-width:720px){.hud{padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2)}.hud__top{grid-template-columns:auto minmax(0,1fr) auto}.dev-badge{display:none}.bench{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--space-3) * -1);padding:4px var(--space-3) 6px}.bench::-webkit-scrollbar{display:none}.bench .btn{flex:none}.overlay{padding:64px var(--space-3) var(--space-4)}.panel{--p: var(--inset-md);--r: var(--radius-card)}.result__stats{gap:var(--space-3)}.page{padding:var(--space-3) var(--space-4) var(--space-8)}.page__title{font:var(--text-title-lg);font-weight:var(--text-title-lg-weight);letter-spacing:var(--text-title-lg-tracking)}.sheet{padding:var(--space-3) var(--space-4) var(--space-5)}.sheet__hero{grid-template-columns:1fr;justify-items:center;text-align:center}.sheet__stats{justify-content:center}.sheet__cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}