:root{--paper:#fbfaf5;--paper-2:#f2efe5;--manila:#f1e2b4;--manila-edge:#d8c27f;--ink:#1d2a4a;--ink-soft:#3a4766;--navy-deep:#111a30;--note:#ffe873;--note-soft:#fff4b3;--note-edge:#e9c63a;--money:#1f7a45;--panel:#fbfaf5f7;--panel-solid:#fbfaf5;--panel-border:#1d2a4a29;--panel-border-strong:#1d2a4a57;--tint:#1d2a4a0b;--tint-2:#1d2a4a17;--rule:#1d2a4a1f;--text:var(--ink);--text-dim:#5b6684;--accent:#2557b8;--accent-strong:#1b4496;--good:#23824e;--bad:#c8373b;--poison:#7d45c7;--radius:6px;--shadow:0 10px 28px #0e162c3d, 0 1px 3px #0e162c24;--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-title:"Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-memo:"Courier Prime", "Courier New", Courier, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur:.2s}html,body{height:100%;color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 35%,#3a4a66 0%,#1f2a40 60%,#111a2b 100%);margin:0;overflow:hidden}#stage{position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui .panel{pointer-events:auto;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffffe6}#ui button{font:inherit;color:var(--text);border:1px solid var(--panel-border-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out), opacity var(--dur) ease;background:#fff;border-radius:5px;padding:8px 14px;font-weight:500;box-shadow:0 1px #1d2a4a14}#ui button:hover:not(:disabled){background:var(--note-soft);border-color:var(--ink-soft)}#ui button:active:not(:disabled){transform:scale(.97)}#ui button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ui button.primary{background:linear-gradient(180deg, #2f66cc 0%, var(--accent) 100%);border-color:var(--accent-strong);color:#fff;box-shadow:0 2px 0 var(--navy-deep), 0 4px 12px #2557b847, inset 0 1px 0 #ffffff38;font-weight:600}#ui button.primary:hover:not(:disabled){background:linear-gradient(180deg, #2a5dbd 0%, var(--accent-strong) 100%);border-color:var(--navy-deep)}#ui button:disabled{opacity:.45;cursor:default}#ui .title{font-family:var(--font-title);letter-spacing:.005em;font-weight:800}@keyframes ae-fade-in{0%{opacity:0}}@keyframes ae-fade-out{to{opacity:0}}@keyframes ae-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes ae-pop-out{to{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes ae-rise-in{0%{opacity:0;transform:translateY(16px)}}@keyframes ae-drop-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes ae-menu-pop{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){#ui button:active:not(:disabled){transform:none}}#ui [hidden]{display:none!important}#ui .hud-dim{color:var(--text-dim)}#ui .good{color:var(--good)}#ui .bad{color:var(--bad)}#ui .hud-chip{border:1.5px solid #fff;border-radius:50%;flex:none;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 1px #1d2a4a73}#ui .hud-chip.big{width:28px;height:28px}#ui kbd.hud-kbd{font:700 11px/1 var(--font-memo);color:var(--text-dim);border:1px solid var(--panel-border-strong);background:#fff;border-bottom-width:2px;border-radius:4px;padding:3px 6px}@keyframes ae-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 0%, transparent)}50%{box-shadow:0 0 12px 2px color-mix(in srgb, var(--c) 45%, transparent)}}@keyframes ae-flash-up{0%,30%{color:var(--good);text-shadow:0 0 10px color-mix(in srgb, var(--good) 75%, transparent)}}@keyframes ae-flash-down{0%,30%{color:var(--bad);text-shadow:0 0 10px color-mix(in srgb, var(--bad) 75%, transparent)}}#ui .hud-top{box-sizing:border-box;border-top:3px solid var(--accent);animation:ae-drop-in .26s var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:6px 12px;display:flex;position:absolute;top:8px;left:8px;right:8px}#ui .hud-round,#ui .hud-turn,#ui .hud-who{align-items:center;gap:6px;display:flex}#ui .hud-round strong{box-sizing:border-box;text-align:center;min-width:26px;font:800 18px/1.15 var(--font-title);color:var(--ink);border:1px solid var(--panel-border-strong);border-top:4px solid var(--bad);font-variant-numeric:tabular-nums;background:#fff;border-radius:3px;padding:1px 6px 2px}#ui .hud-turn{flex-wrap:wrap;gap:4px 10px}#ui .hud-who{border:1px solid color-mix(in srgb, var(--c) 60%, transparent);background:color-mix(in srgb, var(--c) 12%, #fff);border-radius:999px;padding:3px 10px 3px 8px;animation:2.4s ease-in-out infinite ae-glow}#ui .hud-who strong{filter:brightness(.8)saturate(1.2)}#ui .hud-label{font:600 10.5px/1 var(--font);text-transform:uppercase;letter-spacing:.1em}#ui .hud-players{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}#ui .hud-player{border:1px solid var(--rule);border-left:4px solid var(--c);background:var(--paper-2);opacity:.8;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;transition:opacity .2s,background-color .2s,border-color .2s;display:flex}#ui .hud-player.active{opacity:1;background:color-mix(in srgb, var(--c) 12%, #fff);border-color:color-mix(in srgb, var(--c) 55%, transparent);border-left-color:var(--c);animation:2.4s ease-in-out infinite ae-glow}#ui .hud-player.out{opacity:.4;text-decoration:line-through}#ui .hud-pname{text-overflow:ellipsis;max-width:110px;font-weight:600;overflow:hidden}#ui .hud-gold{color:var(--money);font-family:var(--font-memo);font-variant-numeric:tabular-nums;font-weight:700}#ui .hud-gold.flash-up{animation:ae-flash-up .7s var(--ease-out)}#ui .hud-gold.flash-down{animation:ae-flash-down .7s var(--ease-out)}#ui .hud-income{color:var(--good);font-family:var(--font-memo);opacity:.85;font-size:12px}#ui .hud-presence{background:#1d2a4a40;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}#ui .hud-presence.on{background:var(--good);box-shadow:0 0 0 1px #1d2a4a59}#ui .hud-you{color:var(--text-dim);flex:none;font-size:11px}#ui .hud-player.offline .hud-pname{color:var(--text-dim);font-style:italic}#ui .hud-portrait{box-sizing:border-box;object-fit:cover;image-rendering:pixelated;box-shadow:0 0 0 2px var(--c,var(--panel-border)), 0 0 0 3.5px #fff, 0 2px 6px #0e162c59;background:#dfe4ee;border-radius:50%;flex:none;display:block}#ui .hud-portrait.md{width:40px;height:40px}#ui .hud-portrait.sm{width:22px;height:22px;box-shadow:0 0 0 1.5px var(--c,var(--panel-border))}#ui .hud-portrait.placeholder{font:800 17px/1 var(--font-title);color:#0e162cd9;background:radial-gradient(circle at 35% 30%, #ffffffb3, var(--c,#b9b4a6) 60%, #1d2a4a 140%);justify-content:center;align-items:center;display:flex}#ui .hud-portrait.sm.placeholder{font-size:11px}#ui .hud-bottom{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px;display:flex;position:absolute}#ui .hud-unit{box-sizing:border-box;width:min(270px,100%);animation:ae-rise-in .22s var(--ease-out);flex-direction:column;gap:8px;padding:10px 12px;display:flex}#ui .hud-unit.leaving{animation:ae-fade-out .15s var(--ease-in) forwards;pointer-events:none}#ui .hud-unit-head{align-items:center;gap:10px;display:flex}#ui .hud-unit{border-top:4px solid var(--accent)}#ui .hud-unit-id{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}#ui .hud-unit-name{text-overflow:ellipsis;white-space:nowrap;filter:brightness(.82)saturate(1.15);min-width:0;font-size:17px;line-height:1.15;overflow:hidden}#ui .hud-unit-job{font:italic 400 12px/1.2 var(--font-memo);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#ui .hud-stars{color:#e0a800;letter-spacing:1px;text-shadow:0 1px #1d2a4a40;flex:none}#ui .hud-hpbar{background:#e4e1d6;border-radius:3px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1d2a4a38,inset 0 2px 3px #1d2a4a1f}#ui .hud-hpfill{background:var(--good);height:100%}#ui .hud-hpfill.warn{background:var(--accent)}#ui .hud-hpfill.bad{background:var(--bad)}#ui .hud-hptext{text-align:center;font:700 11px/16px var(--font-memo);color:var(--ink);text-shadow:0 0 3px #ffffffe6;position:absolute;inset:0}#ui .hud-stats{grid-template-columns:auto 1fr;gap:3px 12px;font-size:13px;display:grid}#ui .hud-val{flex-wrap:wrap;align-items:baseline;gap:0 6px;font-weight:600;display:flex}#ui .hud-note{color:var(--text-dim);font-size:12px;font-weight:400}#ui .hud-status{flex-wrap:wrap;gap:4px;display:flex}#ui .hud-tag{background:var(--tint-2);color:var(--text-dim);border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600}#ui .hud-tag.ready{color:var(--good);background:#23824e21}#ui .hud-tag.poison{color:var(--poison);background:#7d45c721}#ui .hud-special{color:var(--text-dim);font-size:12px;line-height:1.4}#ui .hud-end{pointer-events:auto;min-width:128px;min-height:50px;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:15px;font-weight:800}#ui .hud-end:before{content:"";box-sizing:border-box;opacity:.9;background:linear-gradient(currentColor,currentColor) 50% 18%/2px 38% no-repeat,linear-gradient(90deg,currentColor,currentColor) 72%/34% 2px no-repeat;border:2px solid;border-radius:50%;width:13px;height:13px;margin:0 8px -1px 0;display:inline-block}#ui .hud-hint{text-align:center;flex:1 0 100%;order:-1;font-size:13px;animation:.16s ease-out ae-fade-in}#ui .hud-hint-text{color:#fff;background:#111a30db;border-radius:999px;padding:5px 14px;display:inline-block;box-shadow:0 4px 14px #0e162c4d}#ui .hud-backdrop{pointer-events:auto;position:absolute;inset:0}#ui .hud-backdrop.clear{z-index:30}#ui .hud-actions{z-index:31;transform-origin:0 0;min-width:170px;max-width:calc(100vw - 16px);animation:ae-menu-pop .12s var(--ease-out);border-top:4px solid var(--accent);flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed}#ui button.hud-action{text-align:left;box-shadow:none;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}#ui button.hud-action.active,#ui button.hud-action:hover:not(:disabled){background:var(--note);border-color:var(--note-edge);box-shadow:inset 4px 0 0 var(--accent)}#ui .panel.hud-forecast{z-index:25;pointer-events:none;box-sizing:border-box;flex-direction:column;gap:4px;min-width:170px;max-width:calc(100vw - 16px);padding:8px 12px;animation:.15s ease-out ae-fade-in;display:flex;position:fixed}#ui .hud-fc-names{border-bottom:1px dashed var(--panel-border-strong);align-items:center;gap:8px;padding-bottom:4px;font-weight:600;display:flex}#ui .hud-fc-name{align-items:center;gap:6px;min-width:0;display:inline-flex}#ui .hud-fc-row{justify-content:space-between;gap:16px;display:flex}#ui .hud-backdrop:not(.clear){z-index:40;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);background:#0e162c8c;justify-content:center;align-items:center;padding:12px;animation:.2s ease-out ae-fade-in;display:flex}#ui .hud-backdrop.curtain{z-index:60;background:linear-gradient(90deg, transparent 0 64px, #c8373b59 64px 66px, transparent 66px), repeating-linear-gradient(180deg, transparent 0 31px, #2557b829 31px 32px), var(--paper)}#ui .hud-backdrop.leaving{animation:ae-fade-out .2s var(--ease-in) forwards;pointer-events:none}#ui .hud-dialog{background:var(--panel-solid);border-top:5px solid var(--accent);box-sizing:border-box;width:min(420px,100%);max-height:100%;animation:ae-pop-in .22s var(--ease-out);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}#ui .hud-dialog.wide{width:min(760px,100%)}#ui .hud-dialog.center{text-align:center;align-items:center}#ui .hud-dialog.plain{box-shadow:none;background:0 0;border:0}#ui .hud-dialog h2,#ui .hud-dialog h1,#ui .hud-dialog p{margin:0}#ui .hud-dialog-head{justify-content:space-between;align-items:baseline;display:flex}#ui .hud-dialog-head h2{text-transform:uppercase;letter-spacing:.04em;font-size:24px}#ui .hud-dialog-head .hud-gold{background:var(--note);border-radius:2px;padding:2px 10px;font-size:17px;transform:rotate(-1.5deg);box-shadow:0 2px 4px #0e162c2e}#ui .hud-dialog-actions{justify-content:flex-end;gap:8px;display:flex}#ui .hud-message{font-size:15px;line-height:1.5}#ui .hud-big{font-size:36px}#ui .hud-handoff-name{text-transform:uppercase;filter:brightness(.85)saturate(1.2);font-size:clamp(32px,9vw,64px);line-height:1.05}#ui .hud-handoff-label,#ui .hud-handoff-day{font:400 15px/1.3 var(--font-memo);letter-spacing:.04em}#ui button.hud-start{min-width:180px;min-height:52px;margin-top:12px;font-size:16px}#ui .hud-recruit-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}#ui button.hud-ucard{text-align:left;border-color:var(--panel-border);box-shadow:0 1px 0 var(--rule), 0 2px 6px #0e162c0f;background:#fff;flex-direction:column;align-items:stretch;gap:8px;padding:10px;font-weight:400;display:flex;position:relative}#ui button.hud-ucard.active:not(:disabled){border-color:var(--note-edge);background:var(--note-soft);box-shadow:0 0 0 2px var(--note-edge) inset, 0 4px 10px #0e162c1f}#ui .hud-ucard-head{align-items:center;gap:10px;min-width:0;display:flex}#ui .hud-ucard-id{flex-direction:column;gap:2px;min-width:0;display:flex}#ui .hud-ucard-name{font-family:var(--font-title);overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.15}#ui .hud-ucard-job{font:italic 400 11.5px/1.2 var(--font-memo);color:var(--text-dim)}#ui .hud-cost{color:var(--money);font-family:var(--font-memo);font-size:13px;font-weight:700}#ui .hud-cost.bad{color:var(--bad)}#ui .hud-ucard-stats{grid-template-columns:auto 1fr auto 1fr;gap:3px 8px;font-size:12px;display:grid}#ui .hud-ucard-stats strong{white-space:nowrap}#ui button.hud-ucard .hud-special{padding-right:22px}#ui .hud-ucard-key{position:absolute;bottom:6px;right:6px}#ui button.hud-cancel{align-self:flex-end}#ui .hud-banner{z-index:36;pointer-events:none;height:132px;margin-top:-66px;position:absolute;top:50%;left:0;right:0;overflow:hidden}#ui .hud-banner-band{box-sizing:border-box;text-align:center;border-block:5px solid var(--c);background:repeating-linear-gradient(#0000 0 23px,#2557b81a 23px 24px),#fbfaf5f5;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 24px;display:flex;position:absolute;inset:0;box-shadow:0 10px 30px #0e162c4d}#ui .hud-banner-title{color:var(--ink);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(30px,8vw,60px);line-height:1.05}#ui .hud-banner-sub{font:700 14px/1.2 var(--font-memo);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}#ui .hud-toasts{z-index:35;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:0;right:0}#ui .panel.hud-toast{pointer-events:none;box-sizing:border-box;max-width:calc(100vw - 32px);animation:ae-drop-in .24s var(--ease-out);padding:8px 16px;transition:opacity .22s,transform .22s}#ui .panel.hud-toast.out{opacity:0;transform:translateY(-6px)}@media (width<=640px){#ui .hud-top{gap:4px 10px;padding:4px 8px;font-size:12px;top:4px;left:4px;right:4px}#ui .hud-players{flex:1 0 100%;gap:4px;margin-left:0}#ui .hud-player{gap:4px;padding:3px 8px}#ui .hud-pname{max-width:64px}#ui .hud-label{display:none}#ui .hud-bottom{left:4px;right:4px;bottom:calc(4px + env(safe-area-inset-bottom,0px))}#ui .hud-unit{gap:6px;width:min(210px,100vw - 150px);padding:6px 8px;font-size:12px}#ui .hud-unit-name{font-size:14px}#ui .hud-portrait.md{width:34px;height:34px}#ui .hud-stats{gap:2px 6px;font-size:12px}#ui .hud-unit .hud-special{font-size:11px}#ui .hud-end{min-width:100px}#ui .hud-dialog{padding:16px}#ui .hud-recruit-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#ui .hud-banner{height:116px;margin-top:-58px}}@media (prefers-reduced-motion:reduce){#ui .hud-top,#ui .hud-unit,#ui .hud-actions,#ui .hud-dialog,#ui .panel.hud-toast{animation-name:ae-fade-in}#ui .hud-unit.leaving{animation-name:ae-fade-out}#ui .panel.hud-toast.out{transform:none}#ui .hud-who,#ui .hud-player.active{animation:none}}@keyframes ae-log-in{0%{opacity:0;transform:translate(-10px)}}#ui button.hud-menu-btn{background:var(--paper-2);border-radius:5px;flex:none;place-items:center;width:44px;min-width:44px;height:44px;margin:-4px 0 -4px -6px;padding:0;display:grid}#ui .hud-burger{background:var(--text);width:18px;height:2px;box-shadow:0 -6px 0 var(--text), 0 6px 0 var(--text);transition:background-color var(--dur-fast) ease;border-radius:1px;display:block}#ui button.hud-menu-btn:hover .hud-burger{background:var(--accent);box-shadow:0 -6px 0 var(--accent), 0 6px 0 var(--accent)}#ui .hud-feed{z-index:20;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,100vw - 16px);display:flex;position:absolute;top:64px;left:8px}#ui .hud-objective{box-sizing:border-box;background:linear-gradient(180deg, var(--note) 0%, #ffe25c 100%);max-width:100%;font:400 12.5px/1.3 var(--font-memo);color:var(--ink);border-radius:1px 1px 10px;align-items:center;gap:8px;padding:6px 14px 6px 10px;animation:.26s ease-out ae-fade-in;display:inline-flex;transform:rotate(-.6deg);box-shadow:0 4px 10px #0e162c47,inset 0 -1px #0000000f}#ui .hud-objective-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#ui .hud-objective-icon{background:radial-gradient(circle at 35% 30%, #ff8a8d 0%, var(--bad) 60%, #8e1f23 100%);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:1px 2px 2px #0e162c59}#ui .hud-log{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:flex}#ui .hud-log-row{box-sizing:border-box;border:1px solid var(--panel-border);border-left:4px solid var(--c,var(--accent));max-width:100%;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--c,#888) 12%, #fff) 0%, #fbfaf5f7 60%);animation:ae-log-in .24s var(--ease-out);border-radius:3px;align-items:center;gap:8px;padding:4px 12px 4px 8px;font-size:13px;line-height:1.3;transition:opacity .3s,transform .3s;display:flex;box-shadow:0 3px 10px #0e162c40}#ui .hud-log-row.out{opacity:0;transform:translate(-8px)}#ui .hud-log-text{overflow-wrap:anywhere;min-width:0}#ui .hud-minimap{right:8px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:19;pointer-events:none;display:flex;position:absolute}#ui .panel.hud-minimap-panel{animation:ae-pop-in .2s var(--ease-out);padding:6px}#ui .hud-minimap.collapsed .hud-minimap-panel{display:none}#ui .hud-minimap-canvas{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--panel-border-strong);cursor:crosshair;touch-action:none;border-radius:3px;display:block}#ui .hud-minimap button.hud-minimap-toggle{pointer-events:auto;background:var(--panel-solid);border-radius:50%;place-items:center;width:24px;min-width:0;height:24px;min-height:0;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:-10px;right:-6px}#ui .hud-minimap button.hud-minimap-toggle:after{content:"";position:absolute;inset:-10px}#ui .hud-minimap.collapsed button.hud-minimap-toggle{letter-spacing:.06em;text-transform:uppercase;background:var(--panel);width:auto;min-width:44px;height:44px;box-shadow:var(--shadow);border-radius:5px;padding:0 14px;font-size:12px;font-weight:600;position:static}#ui .hud-minimap.collapsed button.hud-minimap-toggle:after{display:none}@media (width<=900px){#ui .hud-objective{display:none}}@media (width<=640px){#ui .hud-feed{max-width:calc(100vw - 8px);left:4px}#ui .hud-log-row{padding:3px 10px 3px 6px;font-size:12px}#ui .hud-minimap{right:4px;bottom:calc(58px + env(safe-area-inset-bottom,0px))}#ui button.hud-menu-btn{margin:-2px 0 -2px -4px}}@media (prefers-reduced-motion:reduce){#ui .hud-log-row{animation-name:ae-fade-in}#ui .hud-log-row.out{transform:none}#ui .panel.hud-minimap-panel{animation-name:ae-fade-in}}@keyframes ae-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes ae-card-sweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes ae-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ae-spark{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:.95}to{opacity:0;transform:translate(18px,-105vh)scale(1)}}@keyframes ae-res-title{0%{opacity:0;transform:scale(.82)}}#ui button.hud-close{width:44px;min-width:44px;height:44px;box-shadow:none;color:var(--text-dim);background:0 0;border-color:#0000;border-radius:50%;flex:none;padding:0;font-size:26px;line-height:1}#ui button.hud-close:hover:not(:disabled){color:var(--text);background:var(--tint-2);border-color:#0000}#ui .hud-portrait.md.lg{width:52px;height:52px}#ui .hud-portrait.md.lg.placeholder{font-size:22px}#ui .hud-backdrop.pause:not(.clear){-webkit-backdrop-filter:blur(9px)saturate(.85);background:#0e162c9e}#ui .hud-dialog.pause-panel{gap:14px;width:min(380px,100%);padding:24px 22px 20px}#ui .hud-pause-head{flex-direction:column;align-items:center;gap:6px;display:flex}#ui .hud-pause-head .hud-big{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:34px}#ui .hud-pause-sub{font:400 13px/1.3 var(--font-memo);letter-spacing:.02em}#ui .hud-pause-goal{box-sizing:border-box;text-align:left;background:var(--note);border-radius:1px 1px 12px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;display:flex;transform:rotate(-.5deg);box-shadow:0 3px 8px #0e162c2e}#ui .hud-pause-goal .hud-objective-icon{margin-top:4px}#ui .hud-pause-goal-text{font:400 13px/1.4 var(--font-memo);flex-direction:column;gap:2px;display:flex}#ui .hud-pause-stack{flex-direction:column;gap:8px;width:100%;display:flex}#ui button.hud-pause-btn{justify-content:center;align-items:center;min-height:48px;font-size:15px;display:flex;position:relative}#ui button.hud-pause-btn kbd{position:absolute;top:50%;right:12px;transform:translateY(-50%)}#ui button.hud-pause-btn.danger{color:var(--bad);background:#c8373b0d;border-color:#c8373b73}#ui button.hud-pause-btn.danger:hover:not(:disabled){border-color:var(--bad);background:#c8373b1f}#ui .hud-pause-stack.asking button.hud-pause-btn.danger{color:#fff;background:linear-gradient(#d9474b 0%,#b02c31 100%);border-color:#8e1f23;box-shadow:0 2px #6e171b}#ui .hud-pause-ask{margin:0 0 4px;font-size:15px;line-height:1.45}#ui .hud-pause-note{text-align:center;font-size:12px}#ui .hud-dialog.settings{gap:10px;width:min(500px,100%)}#ui .hud-set-list{flex-direction:column;display:flex}#ui .hud-set-row{box-sizing:border-box;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:12px 2px;display:flex}#ui .hud-set-text{flex:1;min-width:0}#ui .hud-set-label{font-weight:600}#ui .hud-set-desc{color:var(--text-dim);margin-top:2px;font-size:12px;line-height:1.35}#ui .hud-seg{border:1px solid var(--panel-border-strong);background:#fff;border-radius:5px;flex:none;min-width:196px;display:inline-flex;overflow:hidden}#ui button.hud-seg-btn{min-width:62px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0 12px;font-size:14px}#ui button.hud-seg-btn+button.hud-seg-btn{border-left:1px solid var(--panel-border)}#ui button.hud-seg-btn.on,#ui button.hud-seg-btn.on:hover:not(:disabled){background:var(--accent);color:#fff;font-weight:600}#ui button.hud-seg-btn:focus-visible{outline-offset:-4px}#ui button.hud-set-switch{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:56px;box-shadow:none;text-align:left;background:0 0;border-radius:0;font-weight:400}#ui button.hud-set-switch:hover:not(:disabled){background:var(--tint)}#ui .hud-switch{box-sizing:border-box;border:1px solid var(--panel-border-strong);background:var(--tint-2);width:46px;height:26px;transition:background-color var(--dur) ease, border-color var(--dur) ease;border-radius:13px;flex:none;position:relative}#ui .hud-switch-knob{width:20px;height:20px;transition:transform var(--dur) var(--ease-out), background-color var(--dur) ease;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0e162c73}#ui .hud-set-switch.on .hud-switch{background:var(--accent);border-color:var(--accent-strong)}#ui .hud-set-switch.on .hud-switch-knob{background:#fff;transform:translate(20px)}#ui .hud-set-foot{justify-content:space-between;align-items:center;padding-top:6px}#ui .hud-set-note{font:400 12px/1.3 var(--font-memo)}#ui .hud-dialog.help{gap:0;width:min(880px,100%);height:min(680px,100%);padding:0;overflow:hidden}#ui .help .hud-dialog-head{align-items:center;padding:10px 10px 4px 22px}#ui .hud-tabs{border-bottom:2px solid var(--manila-edge);scrollbar-width:none;flex:none;gap:4px;padding:0 14px;display:flex;overflow-x:auto}#ui .hud-tabs::-webkit-scrollbar{display:none}#ui button.hud-tab{box-shadow:none;color:var(--text-dim);background:0 0;border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex;position:relative}#ui button.hud-tab:after{content:"";background:var(--accent);height:2px;transition:transform var(--dur) var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}#ui button.hud-tab.on,#ui button.hud-tab.on:hover:not(:disabled){color:var(--ink);background:var(--manila);border-color:var(--manila-edge)}#ui button.hud-tab.on:after{transform:scaleX(1)}#ui button.hud-tab:focus-visible{outline-offset:-3px}#ui .hud-help-body{overscroll-behavior:contain;outline:none;flex:1;min-height:0;padding:16px 22px 22px;overflow-y:auto}#ui .hud-help-body.swap{animation:.18s ease-out ae-fade-in}#ui .hud-help-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}#ui .hud-help-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}#ui .hud-topic,#ui .hud-controls,#ui .hud-codex-card{box-sizing:border-box;border:1px solid var(--panel-border);box-shadow:0 1px 0 var(--rule), 0 3px 8px #0e162c0f;background:linear-gradient(#0000 0 38px,#c8373b4d 38px 39px,#0000 39px),#fff;border-radius:3px;padding:14px 16px}#ui .hud-topic h3,#ui .hud-controls h3{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong);margin:0 0 14px;font-size:15px}#ui .hud-topic p{margin:0 0 8px;font-size:13.5px;line-height:1.5}#ui .hud-topic p:last-child{margin-bottom:0}#ui .hud-steps{counter-reset:step;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;font-size:13.5px;list-style:none;display:flex}#ui .hud-steps li{counter-increment:step;min-height:22px;padding-left:32px;line-height:1.45;position:relative}#ui .hud-steps li:before{content:counter(step);color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:0;left:0}#ui .hud-ctl-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;font-size:13.5px;display:flex}#ui .hud-ctl-row:last-child{border-bottom:0}#ui .hud-ctl-what{color:var(--text-dim);flex:none}#ui .hud-ctl-how{text-align:right;line-height:1.7}#ui .hud-keys{gap:4px;display:inline-flex}#ui .hud-codex{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;display:grid}#ui .hud-codex-card{border-top:4px solid var(--accent);background:#fff;flex-direction:column;gap:10px;padding:12px;display:flex}#ui .hud-codex-head{align-items:center;gap:12px;display:flex}#ui .hud-codex-id{flex-direction:column;gap:2px;min-width:0;display:flex}#ui .hud-codex-id strong{font-size:17px;line-height:1.15}#ui .hud-codex-job{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:600}#ui .hud-codex-cost{font-size:13px}#ui .hud-quip{font:italic 400 12.5px/1.4 var(--font-memo);color:var(--ink-soft);background:var(--paper-2);border-left:3px solid var(--note-edge);margin:0;padding:6px 10px}#ui .hud-codex-card .hud-special{margin:0}#ui .hud-codex-stats{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}#ui .hud-codex-stat{grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;font-size:13px;display:grid}#ui .hud-codex-stat .hud-gauge{grid-column:1/-1}#ui .hud-gauge{background:var(--tint-2);border-radius:2px;height:4px;display:block;overflow:hidden}#ui .hud-gauge-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:2px;height:100%;display:block}#ui .hud-terrain{flex-direction:column;display:flex}#ui .hud-terrain-row{border-bottom:1px solid var(--rule);grid-template-columns:26px minmax(0,1fr) 52px 64px;align-items:center;gap:12px;padding:10px 4px;font-size:14px;display:grid}#ui .hud-terrain-row.head{letter-spacing:.08em;text-transform:uppercase;padding-block:4px;font-size:11px}#ui .hud-terrain-row>:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums;font-weight:600}#ui .hud-swatch{box-sizing:border-box;width:26px;height:26px;box-shadow:0 0 0 1px var(--panel-border-strong);border:1.5px solid #fff;border-radius:4px}#ui .hud-terrain-name{flex-direction:column;gap:1px;min-width:0;display:flex}#ui .hud-terrain-name span{font-size:12px;line-height:1.35}#ui .hud-terrain-foot{margin:12px 0 0;font-size:12px}#ui .hud-backdrop.results:not(.clear){z-index:50;background:radial-gradient(ellipse 80% 55% at 50% 0%, color-mix(in srgb, var(--c) 32%, transparent), transparent 70%), #0e162ce6;-webkit-backdrop-filter:blur(6px);overflow:hidden}#ui .hud-dialog.results-panel{z-index:1;overscroll-behavior:contain;align-items:stretch;gap:22px;width:min(1020px,100%);padding:12px 8px 20px;position:relative}#ui .hud-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c) 13%, transparent) 0deg 5deg, transparent 5deg 15deg);pointer-events:none;width:170vmax;height:170vmax;animation:120s linear infinite ae-spin;position:absolute;top:16%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 45%);mask-image:radial-gradient(circle,#000 0%,#0000 45%)}#ui .hud-sparks{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui .hud-spark{width:calc(var(--s) * 1.4);height:var(--s);opacity:0;animation:ae-spark var(--t) var(--d) linear infinite;background:#fff;border-radius:1px;position:absolute;bottom:-12px;box-shadow:0 0 0 .5px #0e162c33}#ui .hud-res-head{text-align:center;animation:ae-res-title .7s var(--ease-out) both;flex-direction:column;align-items:center;gap:10px;display:flex}#ui .hud-res-title{text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(100deg,#e9c63a 0%,#fff4b3 28%,#fff 50%,#ffe873 72%,#e9c63a 100%) 0 0/250% 100%;-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 4px 22px color-mix(in srgb, var(--c) 60%, transparent));-webkit-background-clip:text;background-clip:text;padding:0 .1em;font-size:clamp(44px,11vw,92px);font-weight:700;line-height:1.05}#ui .results-panel[data-tone=win] .hud-res-title{animation:4.5s linear infinite ae-sheen}#ui .results-panel[data-tone=lose] .hud-res-title{filter:drop-shadow(0 4px 22px #c8373b66);background-image:linear-gradient(100deg,#8d97ad 0%,#e4e8f0 50%,#8d97ad 100%)}#ui .results-panel[data-tone=draw] .hud-res-title{filter:drop-shadow(0 4px 22px #a0aabe59);background-image:linear-gradient(100deg,#8a8f9c 0%,#e6e9f0 50%,#8a8f9c 100%)}#ui .hud-res-sub{font:400 17px/1.4 var(--font-memo);color:#fff;margin:0}#ui .hud-res-meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#ui .hud-pill{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff47;border-radius:3px;padding:4px 14px;font-size:12px;font-weight:600}#ui .hud-pcards{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;width:100%;max-width:1000px;margin:0 auto;display:grid}#ui .hud-pcards.few{max-width:720px}#ui .hud-pcard{box-sizing:border-box;border:1px solid var(--panel-border);border-top:6px solid var(--c);color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 7%, #fff), var(--paper) 120px);box-shadow:var(--shadow);animation:ae-rise-in .52s var(--ease-out) both;animation-delay:calc(.24s + var(--i,0) * .12s);border-radius:4px;padding:14px 16px 12px;position:relative;overflow:hidden}#ui .hud-pcard.winner{box-shadow:0 0 0 2px var(--note-edge), 0 0 34px color-mix(in srgb, var(--note) 40%, transparent), var(--shadow)}#ui .hud-pcard.winner:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff9 50%,#0000 65%);animation:4s ease-in-out 1.6s infinite ae-card-sweep;position:absolute;inset:0;transform:translate(-120%)}#ui .hud-pcard-head{flex-direction:column;gap:6px;display:flex}#ui .hud-pcard-who{align-items:center;gap:8px;min-width:0;display:flex}#ui .hud-pcard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:800 19px/1.2 var(--font-title);filter:brightness(.82)saturate(1.15);flex:1;overflow:hidden}#ui .hud-pcard-badges{flex-wrap:wrap;gap:4px;min-height:20px;display:flex}#ui .hud-badge{background:var(--tint-2);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}#ui .hud-badge.you{color:var(--accent-strong);background:#2557b81f}#ui .hud-badge.win{background:var(--note);color:var(--ink);box-shadow:inset 0 0 0 1px var(--note-edge)}#ui .hud-crown{fill:currentColor;width:13px;height:13px}#ui .hud-pstats{grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0;font-size:14px;display:grid}#ui .hud-pstats dt,#ui .hud-pstats dd{margin:0}#ui .hud-pstats dd{text-align:right;font-family:var(--font-memo);font-variant-numeric:tabular-nums;font-weight:700}#ui .hud-pstats dd.lead{color:var(--ink);background:linear-gradient(180deg, transparent 15%, var(--note) 15% 88%, transparent 88%);margin-right:-4px;padding:0 4px}#ui .hud-mvp{border-top:1px dashed var(--panel-border-strong);align-items:center;gap:10px;min-height:52px;padding-top:10px;display:flex}#ui .hud-mvp-text{flex-direction:column;min-width:0;font-size:13px;line-height:1.35;display:flex}#ui .hud-mvp-label{letter-spacing:.08em;text-transform:uppercase;font-size:11px}#ui .hud-mvp-text strong{font-size:15px}#ui .hud-res-actions{flex-wrap:wrap;justify-content:center;gap:10px;animation:.4s .7s both ae-fade-in;display:flex}#ui .hud-res-actions button{min-width:170px;min-height:52px;font-size:16px}#ui .hud-res-actions.arming button{pointer-events:none}@media (hover:none) and (pointer:coarse){#ui button.hud-pause-btn kbd,#ui .hud-tab-key{display:none}}@media (width<=520px){#ui .hud-dialog.pause-panel{padding:20px 16px 16px}#ui .hud-set-row:not(.hud-set-switch){flex-direction:column;align-items:stretch;gap:8px}#ui .hud-seg{display:flex}#ui button.hud-seg-btn{flex:1;min-width:0}#ui .hud-help-body{padding:14px 14px 18px}#ui .help .hud-dialog-head{padding-left:16px}#ui .hud-tabs{padding:0 6px}#ui button.hud-tab{padding:0 12px}#ui .hud-tab-key{display:none}#ui .hud-ctl-row{flex-direction:column;gap:2px}#ui .hud-ctl-how{text-align:left}#ui .hud-terrain-row{grid-template-columns:24px minmax(0,1fr) 40px 52px;gap:8px}#ui .hud-res-actions{background:linear-gradient(#0000 0%,#0e162cf0 38%);padding:18px 0 20px;position:sticky;bottom:-20px}#ui .hud-res-actions button{flex:100%}}@media (prefers-reduced-motion:reduce){#ui .hud-res-head{animation-name:ae-fade-in}#ui .results-panel[data-tone=win] .hud-res-title,#ui .hud-pcard.winner:after{animation:none}#ui .hud-pcard{animation-name:ae-fade-in}#ui .hud-switch-knob,#ui button.hud-tab:after{transition:none}}#ui .invite-panel{z-index:20;box-sizing:border-box;background:var(--note);transform-origin:0 0;width:min(340px,100vw - 24px);animation:ae-pop-in .22s var(--ease-out);border:0;border-radius:1px 1px 14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:absolute;top:64px;left:12px;box-shadow:0 8px 20px #0e162c4d,inset 0 -1px #0000000f}#ui .invite-panel.leaving{pointer-events:none;animation:ae-pop-out .2s var(--ease-in) forwards}#ui .invite-panel .invite-title{font:800 15px/1.2 var(--font-title);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin:0}#ui .invite-panel .invite-row{align-items:stretch;gap:6px;min-width:0;display:flex}#ui .invite-panel .invite-link{box-sizing:border-box;min-width:0;min-height:44px;font:inherit;color:var(--text);border:1px solid var(--panel-border-strong);text-overflow:ellipsis;-webkit-user-select:text;user-select:text;background:#fff;border-radius:4px;flex:auto;padding:8px 10px;font-size:16px}#ui .invite-panel .invite-copy{flex:none;min-width:84px;min-height:44px;padding:0 12px;font-weight:600}#ui .invite-panel .invite-copy:focus-visible,#ui .invite-panel .invite-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ui .invite-panel .invite-wait{font:400 13px/1.35 var(--font-memo);color:var(--ink-soft);margin:0}@media (width<=640px){#ui .invite-panel{top:88px}}@media (prefers-reduced-motion:reduce){#ui .invite-panel{animation-name:ae-fade-in}#ui .invite-panel.leaving{animation-name:ae-fade-out}}#ui .join-screen{box-sizing:border-box;pointer-events:none;background:radial-gradient(#0e162c00 45%,#0e162c80 100%);place-items:center;padding:16px;animation:.22s ease-out ae-fade-in;display:grid;position:fixed;inset:0}#ui .join-screen.leaving{animation:ae-fade-out .2s var(--ease-in) forwards}#ui .join-panel{box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);border:0;border-top:8px solid var(--accent);width:min(440px,100%);max-height:calc(100dvh - 32px);animation:ae-pop-in .24s var(--ease-out);border-radius:4px;flex-direction:column;gap:16px;padding:24px 22px 20px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0e162c73}#ui .join-screen.leaving .join-panel{pointer-events:none;animation:ae-pop-out .2s var(--ease-in) forwards}#ui .join-panel [hidden]{display:none!important}#ui .join-panel .join-title{text-align:center;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(26px,7vw,34px);line-height:1.1}#ui .join-panel .join-meta{text-align:center;font-family:var(--font-memo);color:var(--text-dim);margin:0}#ui .join-panel .join-code{font:700 16px/1.3 var(--font-memo);letter-spacing:.2em;color:var(--ink);background:var(--note);padding:1px 6px}#ui .join-panel .join-seats{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}#ui .join-panel .join-seat{box-sizing:border-box;border:1px solid var(--panel-border);background:#fff;border-radius:3px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:6px 12px;display:flex}#ui .join-panel .join-dot{border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:0 0 0 2px #fff,0 0 0 3px #1d2a4a59}#ui .join-panel .join-seat-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}#ui .join-panel .join-tag{background:var(--tint-2);color:var(--text-dim);border-radius:3px;flex:none;padding:2px 9px;font-size:12px}#ui .join-panel .join-tag-online{color:var(--good);background:#23824e21}#ui .join-panel .join-tag-open{background:var(--note);color:var(--ink)}#ui .join-panel .join-tag-offline{color:var(--bad);background:#c8373b1a}#ui .join-panel .join-form{flex-direction:column;gap:8px;margin:0;display:flex}#ui .join-panel .join-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:600}#ui .join-panel .join-name{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:var(--text);border:1px solid var(--panel-border-strong);-webkit-user-select:text;user-select:text;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:#fff;border-radius:4px;padding:8px 12px;font-size:16px}#ui .join-panel .join-name:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2557b82e}#ui .join-panel .join-submit{width:100%;min-height:50px;margin-top:4px;font-size:16px}#ui .join-panel .join-name:focus-visible,#ui .join-panel .join-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ui .join-panel .join-hint{text-align:center;color:var(--text-dim);margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){#ui .join-panel{animation-name:ae-fade-in}#ui .join-screen.leaving .join-panel{animation-name:ae-fade-out}}#ui .menu-screen{box-sizing:border-box;pointer-events:none;background:radial-gradient(#0e162c00 45%,#0e162c80 100%);place-items:center;padding:16px;animation:.22s ease-out ae-fade-in;display:grid;position:fixed;inset:0}#ui .menu-screen.leaving{animation:ae-fade-out .2s var(--ease-in) forwards}#ui .menu-panel{box-sizing:border-box;overscroll-behavior:contain;background:var(--paper);border:0;border-top:8px solid var(--accent);width:min(560px,100%);max-height:calc(100dvh - 32px);animation:ae-pop-in .24s var(--ease-out);border-radius:4px;flex-direction:column;gap:20px;padding:26px 24px 24px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0e162c73,0 2px #0e162c1a}#ui .menu-panel>*{flex-shrink:0}#ui .menu-screen.leaving .menu-panel{pointer-events:none;animation:ae-pop-out .2s var(--ease-in) forwards}#ui .menu-panel .menu-header{text-align:center}#ui .menu-panel .menu-title{border:3px solid var(--ink);color:var(--ink);border-radius:2px;flex-direction:column;align-items:stretch;margin:0;line-height:1;display:inline-flex}#ui .menu-panel .menu-logo-name{font:900 clamp(30px, 8vw, 44px) / 1 var(--font-title);letter-spacing:-.01em;padding:8px 16px 6px;font-stretch:88%}#ui .menu-panel .menu-logo-sub{font:700 12px/1 var(--font-title);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#fff;background:var(--ink);padding:4px 10px 5px}#ui .menu-panel .menu-subtitle{font:400 13px/1.3 var(--font-memo);letter-spacing:.04em;color:var(--text-dim);justify-content:center;align-items:center;gap:12px;margin:12px 0 0;display:flex}#ui .menu-panel .menu-subtitle:before,#ui .menu-panel .menu-subtitle:after{content:"";background:var(--panel-border-strong);flex:0 36px;height:1px}#ui .menu-panel .menu-section{flex-direction:column;gap:10px;min-width:0;display:flex}#ui .menu-panel .menu-label{border-bottom:2px solid var(--ink);font:800 13px/1.2 var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0;padding-bottom:5px}#ui .menu-panel .menu-empty{color:var(--text-dim);margin:0}#ui .menu-panel .mode-switch{border:1px solid var(--panel-border-strong);background:#fff;border-radius:5px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}#ui .menu-panel .mode-switch button{min-width:0;min-height:44px;box-shadow:none;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;padding:8px 10px}#ui .menu-panel .mode-switch button+button{border-left:1px solid var(--panel-border)}#ui .menu-panel .mode-switch button[aria-pressed=true],#ui .menu-panel .mode-switch button[aria-pressed=true]:hover:not(:disabled){background:var(--accent);color:#fff;font-weight:600}#ui .menu-panel .mode-switch button:focus-visible{outline:2px solid var(--note-edge);outline-offset:-4px}#ui .menu-panel .map-list{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;display:grid}#ui .menu-panel .map-card{text-align:left;overflow-wrap:anywhere;border-color:var(--panel-border);box-shadow:0 1px 0 var(--rule), 0 2px 6px #0e162c0f;background:#fff;border-radius:3px;flex-direction:column;align-items:stretch;gap:3px;padding:8px 8px 10px;display:flex;position:relative}#ui .menu-panel .map-thumb-wrap{margin-bottom:4px;display:block;position:relative}#ui .menu-panel .map-thumb{object-fit:contain;background:var(--paper-2);border:1px solid var(--rule);width:100%;height:64px;image-rendering:pixelated;border-radius:2px;display:block}#ui .menu-panel .map-card-name{padding:0 4px;font-size:14px;font-weight:600;line-height:1.25}#ui .menu-panel .map-card-size,#ui .menu-panel .map-card-mode{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#ui .menu-panel .map-card[aria-pressed=true],#ui .menu-panel .map-card[aria-pressed=true]:hover:not(:disabled){border-color:var(--note-edge);background:var(--note-soft);box-shadow:inset 0 0 0 2px var(--note-edge), 0 4px 12px #0e162c1f}#ui .menu-panel .map-card[aria-pressed=true] .map-card-name{color:var(--ink)}#ui .menu-panel .theme-chip{width:22px;height:22px;color:var(--t);box-shadow:0 0 0 1.5px var(--t), 0 1px 3px #0e162c4d;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}#ui .menu-panel .theme-icon{flex:none;width:14px;height:14px}#ui .menu-panel .theme-badge{color:color-mix(in srgb, var(--t) 70%, var(--ink));background:color-mix(in srgb, var(--t) 14%, #fff);border:1px solid color-mix(in srgb, var(--t) 55%, transparent);letter-spacing:.04em;white-space:nowrap;border-radius:3px;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}#ui .menu-panel .map-detail{border:1px solid var(--manila-edge);background:var(--manila);border-radius:3px;flex-direction:column;gap:10px;padding:12px;animation:.18s ease-out ae-fade-in;display:flex;box-shadow:inset 0 1px #ffffff80}#ui .menu-panel .map-detail:empty{display:none}#ui .menu-panel .map-detail-head{align-items:flex-start;gap:10px;display:flex}#ui .menu-panel .map-detail-text{min-width:0;font:400 13.5px/1.45 var(--font-memo);color:var(--ink);margin:0}#ui .menu-panel .map-facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#ui .menu-panel .map-facts li{color:var(--ink-soft);background:#fff9;border:1px solid #1d2a4a1f;border-radius:3px;padding:2px 9px;font-size:12px}#ui .menu-panel .seat-list{flex-direction:column;gap:8px;display:flex}#ui .menu-panel .seat{align-items:center;gap:10px;min-width:0;display:flex}#ui .menu-panel .seat-dot{border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:0 0 0 2px #fff,0 0 0 3px #1d2a4a59}#ui .menu-panel .seat-name{box-sizing:border-box;min-width:0;min-height:44px;font:inherit;color:var(--text);border:1px solid var(--panel-border-strong);-webkit-user-select:text;user-select:text;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:#fff;border-radius:4px;flex:auto;padding:8px 12px;font-size:16px}#ui .menu-panel .seat-name:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2557b82e}#ui .menu-panel .seat-name::placeholder{color:var(--text-dim);opacity:.7}#ui .menu-panel .seat-note{min-width:0;min-height:44px;font-family:var(--font-memo);color:var(--text-dim);overflow-wrap:anywhere;flex:auto;align-items:center;display:flex}#ui .menu-panel .seat-name:focus-visible,#ui .menu-panel .seg button:focus-visible,#ui .menu-panel .map-card:focus-visible,#ui .menu-panel .menu-link:focus-visible,#ui .menu-panel .start-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ui .menu-panel .seg{border:1px solid var(--panel-border-strong);background:#fff;border-radius:5px;flex:none;display:inline-flex;overflow:hidden}#ui .menu-panel .seg button{min-width:64px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 12px}#ui .menu-panel .seg button+button{border-left:1px solid var(--panel-border)}#ui .menu-panel .seg button[aria-pressed=true],#ui .menu-panel .seg button[aria-pressed=true]:hover:not(:disabled){background:var(--accent);color:#fff;font-weight:600}#ui .menu-panel .start-button{width:100%;min-height:52px;font:800 17px/1 var(--font-title);letter-spacing:.08em;text-transform:uppercase}#ui .menu-panel .menu-links{grid-template-columns:1fr 1fr;gap:8px;margin-top:-6px;display:grid}#ui .menu-panel .menu-link{min-height:44px;box-shadow:none;color:var(--accent);text-underline-offset:3px;background:0 0;border-color:#0000;-webkit-text-decoration:underline #2557b859;text-decoration:underline #2557b859}#ui .menu-panel .menu-link:hover:not(:disabled){color:var(--accent-strong);background:var(--tint);border-color:#0000}@media (width<=420px){#ui .menu-screen{padding:16px}#ui .menu-panel{gap:16px;padding:22px 16px 18px}#ui .menu-panel .seg button{min-width:0;padding:0 10px}#ui .menu-panel .seat{gap:8px}#ui .menu-panel .map-thumb{height:52px}#ui .menu-panel .map-detail-head{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){#ui .menu-panel{animation-name:ae-fade-in}#ui .menu-screen.leaving .menu-panel{animation-name:ae-fade-out}#ui .menu-panel .map-detail{animation:none}}