:root{color-scheme:dark;--bg: #101215;--bg-elevated: #15181c;--surface: #1a1d22;--surface-raised: #23272e;--surface-hover: #2b3038;--scrim: rgba(8, 9, 11, .72);--glass: rgba(16, 18, 21, .78);--text: #eef0f3;--text-secondary: #c3c8d0;--muted: #8f96a1;--accent: #ffcb47;--accent-hover: #ffd76e;--accent-lip: #c48f14;--accent-dim: rgba(255, 203, 71, .28);--accent-text: #2a1d00;--glow: 0 0 22px rgba(255, 203, 71, .38);--team-a: #ffb340;--team-a-dim: rgba(255, 179, 64, .18);--team-b: #9fd8e8;--team-b-dim: rgba(159, 216, 232, .18);--danger: #ff6b7f;--danger-lip: #b83a50;--danger-dim: rgba(255, 107, 127, .16);--success: #7fd99a;--stroke: #2c3139;--stroke-strong: #3a414c;--lip: #0b0d10;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-btn: 16px;--r-full: 999px;--fs-1: 12px;--fs-2: 13px;--fs-3: 15px;--fs-4: 17px;--fs-5: 21px;--fs-6: 26px;--fs-7: 34px;--font-ui: "Manrope", "Segoe UI", system-ui, sans-serif;--font-display: "Unbounded", "Manrope", system-ui, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--h-sm: 40px;--h-md: 48px;--h-lg: 60px;--dur-fast: 90ms;--dur-base: .16s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .28), 0 8px 20px rgba(0, 0, 0, .22);--shadow-md: 0 10px 24px rgba(0, 0, 0, .34), 0 28px 60px rgba(0, 0, 0, .3);--highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--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>");font-family:var(--font-ui);font-size:var(--fs-3);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);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:.045;mix-blend-mode:overlay}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}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(--muted)}.icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--h-md);padding:0 var(--sp-5);border:0;border-radius:var(--r-btn);font-weight:800;font-size:var(--fs-3);line-height:1.2;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.btn--primary{background:linear-gradient(180deg,#ffd766 0%,var(--accent) 60%,#f5bd33 100%);color:var(--accent-text);box-shadow:0 4px 0 var(--accent-lip),var(--shadow-sm),inset 0 1px #ffffff59}.btn--primary:hover:not(:disabled){transform:translateY(1px);box-shadow:0 3px 0 var(--accent-lip),var(--shadow-sm),inset 0 1px #ffffff59}.btn--secondary{background:linear-gradient(180deg,#2a2f37 0%,var(--surface-raised) 100%);color:var(--text);box-shadow:0 4px 0 var(--lip),var(--shadow-sm),inset 0 0 0 1.5px var(--stroke-strong),var(--highlight)}.btn--secondary:hover:not(:disabled){transform:translateY(1px);box-shadow:0 3px 0 var(--lip),var(--shadow-sm),inset 0 0 0 1.5px var(--stroke-strong),var(--highlight)}.btn--ghost{background:var(--glass);color:var(--text-secondary);box-shadow:0 3px 0 var(--lip),inset 0 0 0 1.5px var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--surface);transform:translateY(1px);box-shadow:0 2px 0 var(--lip),inset 0 0 0 1.5px var(--stroke)}.btn--danger{background:var(--danger);color:#2a0710;box-shadow:0 4px 0 var(--danger-lip)}.btn--danger:hover:not(:disabled){transform:translateY(1px);box-shadow:0 3px 0 var(--danger-lip)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn--ghost:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--stroke)}.btn--secondary:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--stroke-strong)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--sm{min-height:var(--h-sm);padding:0 var(--sp-4);font-size:var(--fs-2);border-radius:var(--r-md)}.btn--lg{min-height:var(--h-lg);padding:0 var(--sp-7);font-size:var(--fs-5);border-radius:var(--r-lg)}.btn--lg.btn--primary{box-shadow:0 6px 0 var(--accent-lip),var(--shadow-md),inset 0 1px #ffffff59}.btn--lg.btn--primary:hover:not(:disabled){transform:translateY(2px);box-shadow:0 4px 0 var(--accent-lip),var(--shadow-md),inset 0 1px #ffffff59}.btn--lg.btn--primary:active:not(:disabled){transform:translateY(6px);box-shadow:inset 0 1px #fff3}.btn--icon{width:var(--h-sm);min-height:var(--h-sm);padding:0;border-radius:var(--r-sm);font-size:18px}.btn--pulse{animation:glow-pulse 1.4s ease-in-out infinite}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:34px;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-strong),var(--highlight),0 2px 6px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-2);font-weight:700;white-space:nowrap}.chip--accent{color:var(--accent);box-shadow:inset 0 0 0 1px #ffcb4759;background:#ffcb4714}.chip--warn{color:var(--danger);box-shadow:inset 0 0 0 1px #ff6b7f59;background:var(--danger-dim)}.chip--a{color:var(--team-a)}.chip--b{color:var(--team-b)}.chip__dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.segmented{display:inline-flex;padding:3px;border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1.5px var(--stroke-strong),inset 0 2px 4px #00000059}.segmented--sm .segmented__opt{min-height:30px;padding:0 10px;font-size:var(--fs-1);letter-spacing:.04em}.lang{display:inline-flex;align-items:center;gap:var(--sp-2)}.lang__label{font-size:var(--fs-2);color:var(--muted)}.segmented__opt{min-height:34px;padding:0 var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-secondary);font-size:var(--fs-2);font-weight:700;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.segmented__opt:hover{color:var(--text)}.segmented__opt.is-on{background:var(--accent);color:var(--accent-text);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff4d}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-md),inset 0 0 0 1.5px var(--stroke),var(--highlight)}.panel:after,.card:after,.squad:after,.menu__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--grain);opacity:.06;mix-blend-mode:overlay;border-radius:inherit}.menu__item,.card{position:relative;overflow:hidden}.panel--glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--stroke-strong)}.panel__title{font-size:var(--fs-6);margin-bottom:var(--sp-4)}.panel__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.stat{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stat .icon{color:var(--muted);font-size:15px}.stat--heart .icon{color:var(--danger)}.stats{display:flex;gap:var(--sp-4)}input[type=range].range{width:180px;accent-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.actions--center{justify-content:center}.page{max-width:720px;margin:0 auto;padding:var(--sp-4) var(--sp-5) var(--sp-8)}.page--wide{max-width:1000px}.page__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--stroke)}.page__bar-end{display:flex;align-items:center;gap:var(--sp-2)}.page__title{font-size:var(--fs-7);margin:var(--sp-3) 0 var(--sp-5)}.settings{display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--stroke),var(--highlight);overflow:hidden}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;min-height:64px;padding:var(--sp-3) var(--sp-5)}.settings__row+.settings__row{border-top:1px solid var(--stroke)}.settings__row--stack{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding-top:var(--sp-4);padding-bottom:var(--sp-4);background:#0000002e}.settings__row--stack .settings__label{font-size:var(--fs-2);color:var(--text-secondary)}.settings__label{font-weight:800}.settings__hint{margin:0;color:var(--muted);font-size:var(--fs-2)}.rules__section{margin-bottom:var(--sp-7);padding-left:calc(34px + var(--sp-3))}.rules__section>.rules__h{margin-left:calc((34px + var(--sp-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(--sp-3);font-size:var(--fs-5);color:var(--text);margin-bottom:var(--sp-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(--surface-raised);color:var(--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(--sp-2) 34px;color:var(--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(--bg-elevated);box-shadow:inset 0 0 0 1px var(--stroke-strong);color:var(--text);font-size:var(--fs-1);font-weight:800;font-variant-numeric:tabular-nums}.rules__section p{margin:0 0 var(--sp-2);color:var(--text-secondary);line-height:1.6;max-width:68ch}.rules__squads{margin:0;padding-left:18px;color:var(--text-secondary);line-height:1.7}.codex{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-3)}.codex__card{position:relative;overflow:hidden;display:grid;grid-template-columns:72px 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3);border:0;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--text);text-align:left;box-shadow:0 4px 0 var(--lip),var(--shadow-sm),inset 0 0 0 1.5px var(--stroke-strong),var(--highlight);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.codex__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--grain);opacity:.06;mix-blend-mode:overlay}.codex__card:hover{transform:translateY(1px);box-shadow:0 3px 0 var(--lip),var(--shadow-sm),inset 0 0 0 1.5px var(--accent),var(--highlight)}.codex__card:active{transform:translateY(4px);box-shadow:inset 0 0 0 1.5px var(--accent)}.codex__card--queen{box-shadow:0 4px 0 var(--lip),var(--shadow-sm),inset 0 0 0 1.5px #ffcb478c,var(--highlight)}.codex__body{display:flex;flex-direction:column;gap:2px;min-width:0}.codex__name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-3);line-height:1.2}.codex__title{font-size:var(--fs-2);color:var(--text-secondary)}.codex__stats{margin-top:var(--sp-1);gap:var(--sp-3);font-size:var(--fs-2)}.codex__class{position:absolute;top:var(--sp-2);right:var(--sp-3);font-size:var(--fs-1);color:var(--muted)}.portrait{position:relative;flex-shrink:0;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(--bg)) 0%,var(--bg-elevated) 75%)}.portrait--sm{width:72px}.portrait--md{width:120px}.portrait--lg{width:200px}.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(--sp-4) var(--sp-6) var(--sp-6)}.sheet__bar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.sheet__count{color:var(--muted);font-size:var(--fs-2);padding:0 var(--sp-2)}.sheet__hero{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-6);align-items:center;margin-bottom:var(--sp-5)}.sheet__class{font-size:var(--fs-2);color:var(--muted)}.sheet__name{font-size:var(--fs-7);margin:2px 0}.sheet--queen .sheet__name{color:var(--accent)}.sheet__title{margin:0 0 var(--sp-4);font-size:var(--fs-4);color:var(--text-secondary)}.sheet__stats{display:flex;gap:var(--sp-3)}.sheet__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--stroke),inset 0 2px 4px #0000004d}.sheet__stat .icon{color:var(--muted);font-size:16px}.sheet__stat strong{font-family:var(--font-display);font-weight:600;font-size:var(--fs-5);line-height:1.1}.sheet__stat span{font-size:var(--fs-1);color:var(--muted)}.sheet__bio{margin:0 0 var(--sp-4);font-size:var(--fs-4);line-height:1.55;color:var(--text);max-width:62ch}.sheet__block{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--stroke)}.sheet__block h3{font-size:var(--fs-2);color:var(--muted);margin-bottom:var(--sp-1)}.sheet__block p{margin:0;color:var(--text-secondary);line-height:1.55}.sheet__block--ability{margin-bottom:var(--sp-3);box-shadow:inset 0 0 0 1.5px #ffcb4773}.sheet__block--ability h3{color:var(--accent)}.sheet__block--ability p{color:var(--text);font-weight:600}.sheet__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.sheet__squads{margin:var(--sp-4) 0 0;font-size:var(--fs-2);color:var(--muted)}.play{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.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,rgba(16,18,21,.4),transparent 16%,transparent 78%,rgba(16,18,21,.5))}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-3)}.hud>*{pointer-events:auto}.hud__top{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:var(--sp-3)}.hud__top-start,.hud__top-end{display:flex;align-items:center;gap:var(--sp-2)}.hud__top-end{justify-content:flex-end}.hud__middle{position:relative;pointer-events:none}.hud__rail{position:absolute;right:0;top:0;display:grid;grid-template-columns:repeat(2,var(--h-sm));gap:6px;pointer-events:auto}.hud__rail .btn--icon{background:var(--glass);color:var(--text);box-shadow:0 3px 0 var(--lip),0 4px 10px #0000004d,inset 0 0 0 1.5px var(--stroke-strong),var(--highlight);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__rail .btn--icon:hover{transform:translateY(1px);box-shadow:0 2px 0 var(--lip),0 4px 10px #0000004d,inset 0 0 0 1.5px var(--stroke-strong),var(--highlight)}.hud__rail .btn--icon:active{transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--stroke-strong)}.hud__rail .btn--icon.is-on{color:var(--accent)}.hud__legend{position:absolute;top:100%;right:0;width:200px;margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--stroke-strong),0 4px 12px #0000004d;font-size:var(--fs-1);line-height:1.45;color:var(--text-secondary)}.hud__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--sp-3)}.hud__hint{max-width:440px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-strong),var(--highlight),0 4px 12px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.hud__hint p{margin:0;font-size:var(--fs-2);font-weight:600;line-height:1.4}.hud__hint-error{margin-top:var(--sp-1)!important;color:var(--danger)}.hud__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}.turn{justify-self:center;max-width:100%;display:inline-flex;align-items:center;gap:var(--sp-3);min-height:42px;padding:0 var(--sp-4) 0 var(--sp-3);border-radius:var(--r-full);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1.5px var(--stroke-strong),var(--highlight),0 4px 12px #0000004d;font-weight:800}.turn--a{box-shadow:inset 0 0 0 1.5px var(--team-a),var(--highlight),0 4px 12px #0000004d}.turn--b{box-shadow:inset 0 0 0 1.5px var(--team-b),var(--highlight),0 4px 12px #0000004d}.turn__team{display:inline-flex;align-items:center;gap:var(--sp-2)}.turn--a .turn__team{color:var(--team-a)}.turn--b .turn__team{color:var(--team-b)}.turn__phase{color:var(--muted);font-weight:700;font-size:var(--fs-2)}.turn__num{font-variant-numeric:tabular-nums}.turn__pips{display:inline-flex;gap:4px}.turn__pip{width:11px;height:12px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--stroke-strong);transition:background var(--dur-base) var(--ease-out)}.turn__pip.is-on{background:var(--accent)}.bench{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}.card-slot{position:absolute;left:0;bottom:0;pointer-events:none}.card{width:min(320px,calc(100vw - 32px));padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--stroke-strong)}.card--a{box-shadow:var(--shadow-md),inset 0 0 0 1px var(--stroke-strong),inset 0 3px 0 var(--team-a)}.card--b{box-shadow:var(--shadow-md),inset 0 0 0 1px var(--stroke-strong),inset 0 3px 0 var(--team-b)}.card__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.card__name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-3)}.card__team{font-size:var(--fs-1);color:var(--muted)}.card .stats{margin:var(--sp-2) 0 var(--sp-1)}.card__ability,.card__note{margin:2px 0 0;font-size:var(--fs-2);color:var(--text-secondary)}.card__note--warn{color:var(--accent)}.card__preview{margin:var(--sp-2) 0 0;padding:6px var(--sp-2);border-radius:var(--r-sm);background:var(--danger-dim);color:#ffc8c1;font-size:var(--fs-2);font-weight:700}.hp{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--r-full);background:#0a0b0db8;font-size:11px;font-weight:800;line-height:1;color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none}.hp--done{opacity:.5}.hp__pips{display:inline-flex;gap:2px}.hp__pip{width:5px;height:5px;border-radius:50%;background:#ffffff29}.hp--a .hp__pip.is-on{background:var(--team-a)}.hp--b .hp__pip.is-on{background:var(--team-b)}.hp__num{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.hp--a .hp__num .icon{color:var(--team-a)}.hp--b .hp__num .icon{color:var(--team-b)}.hp .icon{font-size:10px;color:var(--muted)}.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(--danger)}.float--kill{color:var(--danger);font-size:26px}.float--heal{color:var(--success)}.banner{position:absolute;top:38%;left:50%;z-index:35;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-7);border-radius:var(--r-lg);background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;animation:banner 1.3s var(--ease-out) forwards}.banner strong{font-family:var(--font-display);font-weight:600;font-size:var(--fs-6)}.banner span{font-size:var(--fs-2);color:var(--text-secondary)}.banner--a strong{color:var(--team-a);text-shadow:var(--glow)}.banner--b strong{color:var(--team-b)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:72px var(--sp-4) var(--sp-6);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.overlay--sheet{position:fixed;z-index:60;padding:var(--sp-6) var(--sp-4)}.overlay .panel{width:min(960px,100%)}.overlay .panel--narrow{width:min(400px,100%)}.overlay .panel--scroll{max-height:calc(100dvh - 110px);overflow:auto}.squads{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:var(--sp-3)}.squad{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border:0;border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);text-align:left;box-shadow:0 5px 0 var(--lip),inset 0 0 0 2px var(--stroke-strong);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.squad:hover{transform:translateY(1px);box-shadow:0 4px 0 var(--lip),var(--shadow-sm),inset 0 0 0 2px var(--accent)}.squad:active{transform:translateY(5px);box-shadow:inset 0 0 0 2px var(--accent)}.squad__emblem{display:grid;place-items:center;width:44px;height:48px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--bg-elevated);color:var(--text-secondary);font-size:22px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.squad:hover .squad__emblem,.squad:focus-visible .squad__emblem{background:var(--accent);color:var(--accent-text)}.squad__name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-4);color:var(--text)}.squad__tag{margin:2px 0 0;font-size:var(--fs-2);color:var(--text-secondary)}.squad__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.squad__row{display:grid;grid-template-columns:1fr auto;gap:2px var(--sp-2);align-items:baseline}.squad__row strong{font-size:var(--fs-2);font-weight:800}.squad__row .stats{gap:var(--sp-2);font-size:var(--fs-1)}.squad__row em{grid-column:1 / -1;font-style:normal;font-size:var(--fs-1);color:var(--muted);line-height:1.3}.boardmode{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4)}.boardmode__label{font-weight:800}.boardmode__hint{color:var(--muted);font-size:var(--fs-2)}.panel__foot{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin:var(--sp-4) 0 0;font-size:var(--fs-2);color:var(--muted)}.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(--team-a-dim)}.result--b{--result-glow: var(--team-b-dim)}.result__crown{font-size:44px;color:var(--accent);filter:drop-shadow(0 0 12px rgba(255,203,71,.5));animation:crown-drop .7s var(--ease-spring) both}.result--b .result__crown{color:var(--team-b);filter:drop-shadow(0 0 12px rgba(159,216,232,.5))}.result__title{font-size:var(--fs-7);margin:var(--sp-2) 0 var(--sp-1)}.result--a .result__title{color:var(--team-a)}.result--b .result__title{color:var(--team-b)}.result__sub{margin:0 0 var(--sp-5);color:var(--text-secondary)}.result__stats{display:flex;justify-content:center;gap:var(--sp-5);margin-bottom:var(--sp-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-size:var(--fs-5)}.result__stat span{font-size:var(--fs-1);color:var(--muted)}.result__ask{font-size:var(--fs-5);margin:0 0 var(--sp-3)}.menu{display:flex;flex-direction:column;gap:var(--sp-2)}.menu__item{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:0 var(--sp-4);border:0;border-radius:var(--r-btn);background:var(--surface-raised);color:var(--text);font-weight:800;font-size:var(--fs-3);text-align:left;box-shadow:0 4px 0 var(--lip),inset 0 0 0 2px var(--stroke-strong);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-base)}.menu__item:hover{transform:translateY(1px);box-shadow:0 3px 0 var(--lip),inset 0 0 0 2px var(--stroke-strong)}.menu__item:active{transform:translateY(4px);box-shadow:inset 0 0 0 2px var(--stroke-strong)}.menu__item .icon{color:var(--muted);font-size:18px}.menu__item--primary{background:var(--accent);color:var(--accent-text);box-shadow:0 5px 0 var(--accent-lip)}.menu__item--primary .icon{color:var(--accent-text)}.menu__item--primary:hover{transform:translateY(1px);box-shadow:0 4px 0 var(--accent-lip)}.menu__item--primary:active{transform:translateY(5px);box-shadow:none}.menu__item--quiet{background:transparent;box-shadow:inset 0 0 0 2px var(--stroke);color:var(--text-secondary)}.menu__item--quiet:active{transform:none}.dev-badge{font-size:var(--fs-1);font-weight:800;color:var(--accent);padding:4px 10px;border-radius:var(--r-full);background:#ffcb4714;box-shadow:inset 0 0 0 1px #ffcb474d}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,203,71,0))}50%{filter:drop-shadow(0 0 12px rgba(255,203,71,.75))}}@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(--text);text-decoration:none}.logo__mark{flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,203,71,.55))}.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 rgba(255,203,71,.6))}.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}.music-toggle[aria-pressed=false]{color:var(--muted);text-decoration:line-through}.brand__sub{font-size:13px;color:var(--muted)}input[type=range].volume{width:180px;accent-color:var(--accent)}.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(--muted);font-size:13px}.title{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);color:var(--text)}.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:radial-gradient(60% 52% at 50% 42%,#101215b8,#10121559 55%,#10121500 80%),linear-gradient(to bottom,#1012158c,#10121500 22%,#10121500 70%,#10121599)}.title__bar{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:10px;align-items:center}.title__center{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;text-align:center}.title__logo{margin:0 0 18px;font-size:inherit}.title__logo .logo{gap:16px}.title__logo .logo__mark{filter:drop-shadow(0 0 14px rgba(255,203,71,.55))}.title__logo .logo__word{text-shadow:0 2px 24px rgba(0,0,0,.6)}.title__slogan{margin:0 0 6px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.15rem,3.2vw,1.6rem);line-height:1.2;animation:title-rise .6s ease-out .35s both}.title__sub{margin:0 0 26px;color:var(--text-secondary);font-size:15px;animation:title-rise .6s ease-out .45s both}.title__modes{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.title__play{min-width:300px;min-height:64px;gap:var(--sp-3);animation:title-pop .55s cubic-bezier(.34,1.56,.64,1) .6s both}.title__play-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.title__play-text small{font-family:var(--font-ui);font-size:var(--fs-1);font-weight:700;opacity:.72}.title__alt{display:flex;gap:var(--sp-2);animation:title-rise .6s ease-out .7s both}.title__links{margin-top:22px;display:flex;gap:22px;animation:title-rise .6s ease-out .75s both}.title__link{background:none;border:0;padding:6px 2px;color:var(--text-secondary);font:inherit;font-weight:700;font-size:15px;cursor:pointer;border-bottom:2px solid transparent}.title__link:hover{color:var(--text);border-bottom-color:var(--accent)}.title__link:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}@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}.botsetup{display:flex;flex-direction:column;gap:var(--sp-3)}.botsetup .panel__title{display:flex;align-items:center;gap:var(--sp-2)}.botsetup__label{font-size:var(--fs-2);font-weight:700;color:var(--muted)}.botsetup__hint{margin:0;min-height:2.6em;color:var(--text-secondary);font-size:var(--fs-3)}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-2)}.level{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:var(--sp-2) 4px;border:0;border-radius:var(--r-md);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--text-secondary);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--lip),inset 0 0 0 1.5px var(--stroke-strong),var(--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 2px 0 var(--lip),inset 0 0 0 1.5px var(--stroke-strong),var(--highlight)}.level.is-on{transform:translateY(3px);color:var(--text);background:var(--bg-elevated);box-shadow:inset 0 0 0 1.5px var(--accent),inset 0 2px 6px #00000059}.level__pips{display:flex;gap:3px}.level__pip{width:6px;height:6px;border-radius:50%;background:var(--stroke-strong)}.level__pip.is-on{background:var(--accent);box-shadow:0 0 6px #ffcb4780}.level__name{max-width:100%;font-size:var(--fs-1);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.overlay .botsetup{width:min(500px,100%)}.botsetup .segmented__opt{flex:1}.invite{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.invite .panel__title{display:flex;align-items:center;gap:var(--sp-2);margin:0}.invite__lede{margin:0;color:var(--text-secondary);max-width:38ch}.invite__link{display:flex;align-items:center;gap:var(--sp-2);max-width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--stroke),inset 0 2px 4px #0000004d;color:var(--muted)}.invite__link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--fs-3)}.invite__status{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;color:var(--text-secondary);font-weight:700}.invite__note{margin:0;color:var(--muted);font-size:var(--fs-2)}.invite .actions,.result .invite__note{justify-content:center;margin-top:var(--sp-2)}.spinner{position:relative;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--stroke-strong)}.spinner:after{content:"";position:absolute;top:-2px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);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(--text-secondary)}@media(max-width:560px){.title__alt{flex-direction:column;width:100%}.title__play{min-width:0;width:100%}.level__name{font-size:10px}.title__logo .logo__mark{width:60px;height:60px}.title__logo .logo__word{font-size:40px!important}.title__center{top:44%}}.battlefield{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.battlefield__stage,.battlefield__hud{position:absolute;top:0;right:0;bottom:0;left:0}.battlefield__hud{z-index:10;pointer-events:none}.battlefield__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.battlefield__vignette{display:none}.hud-cluster{position:absolute;display:flex;gap:8px;pointer-events:auto}.hud-cluster--status{top:68px;left:14px}.hud-cluster--actions{bottom:18px;right:14px}.hud-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:var(--r-full);background:var(--glass);font-size:12px;font-weight:700}.hud-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.battlefield__hint{position:absolute;left:14px;bottom:18px;padding:10px 14px;border-radius:var(--r-md);background:var(--glass)}.battlefield__hint-main{margin:0;font-size:14px;font-weight:600}.battlefield__hint-sub{margin:4px 0 0;color:var(--muted);font-size:12px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px}.app-header--overlay{position:absolute;top:0;left:0;right:0;z-index:30;pointer-events:none}.app-header--overlay .app-header__start,.app-header--overlay .app-header__end{pointer-events:auto}.app-header__start,.app-header__end{display:flex;align-items:center;gap:10px}.badge{font-size:12px;font-weight:700;color:var(--accent)}.shell{max-width:680px;margin:0 auto;padding:16px 20px 40px}.invite-box{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--bg-elevated)}.invite-box code{word-break:break-all;font-size:13px}.hero-panel h1,.lede{margin:0 0 12px}@media(max-width:720px){.hud{padding:var(--sp-2) var(--sp-3) var(--sp-3);gap:var(--sp-2)}.hud__top{grid-template-columns:auto minmax(0,1fr) auto}.dev-badge,.hud__top-start .btn span{display:none}.turn{min-height:38px;padding:0 var(--sp-3);gap:var(--sp-2)}.turn__phase{display:none}.hud__rail{top:auto;bottom:0;right:0;grid-template-columns:repeat(6,var(--h-sm))}.hud__legend{top:auto;bottom:100%;margin:0 0 var(--sp-2)}.bench{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--sp-3) * -1);padding:4px var(--sp-3) 6px}.bench::-webkit-scrollbar{display:none}.bench .btn{flex:none}.hud__bottom{grid-template-columns:1fr}.hud__hint{max-width:none}.hud__actions{justify-content:stretch}.hud__actions .btn{flex:1}.card-slot{bottom:calc(var(--h-sm) + var(--sp-2))}.card{width:calc(100vw - 24px)}.overlay{padding:64px var(--sp-3) var(--sp-4)}.panel{padding:var(--sp-4);border-radius:var(--r-md)}.result__stats{gap:var(--sp-3)}.page{padding:var(--sp-3) var(--sp-4) var(--sp-7)}.page__title{font-size:var(--fs-6)}.sheet{padding:var(--sp-3) var(--sp-4) var(--sp-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}}