:root{--bg: #12161a;--panel: rgba(24, 30, 36, .93);--panel-solid: #1b2126;--panel-2: #212830;--panel-3: #262e37;--border: #37424c;--border-strong: #4a5866;--text: #dbe0da;--text-dim: #8b9a92;--text-faint: #64726b;--olive: #93a35f;--olive-bright: #b4c47f;--olive-dim: #6f7d49;--amber: #cf9a44;--amber-bright: #e6b665;--amber-dim: #a97c34;--blue: #6fa8c9;--red: #c17a5f;--danger: #c1524a;--font-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--shadow: 0 8px 26px rgba(0, 0, 0, .5);--hud-radius: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden}kbd{font-family:var(--font-display);font-weight:700;font-size:.85em;background:var(--panel-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:3px;padding:0 5px;color:var(--amber-bright);letter-spacing:.04em}.app-root{position:relative;height:100vh;width:100vw;overflow:hidden}.map-surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas{display:block;touch-action:none}.hud-top{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--hud-radius);box-shadow:var(--shadow);font-family:var(--font-display);font-size:13px;pointer-events:none;z-index:20}.hud-top button,.hud-top select{pointer-events:auto}.hud-group{display:flex;align-items:center;gap:14px}.wordmark{font-weight:700;letter-spacing:.26em;color:var(--amber-bright);font-size:15px}.hud-sep{width:1px;height:18px;background:var(--border);display:inline-block}.hud-stat{display:flex;flex-direction:column;line-height:1.05}.hud-stat i{font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--text-faint)}.hud-stat b{font-size:15px;color:var(--text);font-weight:600}.hud-stat small{font-size:10px;color:var(--text-faint);font-weight:500}.ap-value{color:var(--olive-bright)!important}.vp-blue{color:var(--blue)}.vp-red{color:var(--red)}.vp-blue-bg{background:var(--blue)}.vp-red-bg{background:var(--red)}.hud-stat.vp{min-width:92px}.vp-bars{display:flex;flex-direction:column;gap:2px;margin-top:3px;width:100%}.vp-bar-track{position:relative;height:3px;border-radius:2px;background:var(--border);overflow:hidden;width:100%;min-width:68px}.vp-bar-fill{display:block;height:100%;border-radius:2px;transition:width .35s ease}.player-chip{padding:2px 10px;border-radius:3px;font-weight:700;letter-spacing:.08em;font-size:11px}.player-chip.sabre{background:#6fa8c929;color:var(--blue);border:1px solid var(--blue)}.player-chip.vanguard{background:#c17a5f29;color:var(--red);border:1px solid var(--red)}.turn-chip{padding:2px 10px;border-radius:3px;font-weight:700;letter-spacing:.08em;font-size:11px;background:var(--panel-3);color:var(--text-dim);border:1px solid var(--border)}.turn-chip.turn-active{background:#cf9a4433;color:var(--amber-bright);border-color:var(--amber)}.uav-btn{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:3px;background:var(--panel-3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.uav-btn i{font-style:normal;font-size:10px;letter-spacing:.12em;color:var(--text-faint)}.uav-btn b{font-size:14px;color:var(--text)}.uav-btn:hover:not(:disabled){border-color:var(--amber-dim);color:var(--text)}.uav-btn.armed{background:#cf9a4433;border-color:var(--amber);color:var(--amber-bright)}.uav-btn:disabled{opacity:.4;cursor:default}.hud-tools{position:absolute;top:58px;right:12px;display:flex;gap:6px;align-items:center;padding:6px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--hud-radius);box-shadow:var(--shadow);z-index:20}.chip-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:3px 9px;font-size:11px;font-family:var(--font-display);font-weight:600;letter-spacing:.05em;border-radius:3px;cursor:pointer}.chip-toggle:hover{color:var(--text);border-color:var(--border-strong)}.chip-toggle.on{background:#93a35f29;border-color:var(--olive);color:var(--olive-bright)}.reconnect-banner{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 16px;background:#501a16eb;border:1px solid var(--danger);border-radius:var(--hud-radius);color:#e3a49e;font-family:var(--font-display);font-size:12px;z-index:30}.spectating-banner{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 16px;background:#1e283ceb;border:1px solid var(--blue, #5a8fd6);border-radius:var(--hud-radius);color:#bcd4f5;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;z-index:30}.spectating-dot{width:7px;height:7px;border-radius:50%;background:#6fa8f0;box-shadow:0 0 0 3px #6fa8f040}.roster{position:absolute;top:58px;left:12px;width:218px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--hud-radius);box-shadow:var(--shadow);overflow:hidden;z-index:20;max-height:calc(100vh - 210px);display:flex;flex-direction:column}.roster-head{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--olive-bright);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;padding:8px 10px;cursor:pointer}.roster.collapsed .roster-head{border-bottom:none}.roster-body{animation:roster-body-in .13s ease-out}@keyframes roster-body-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.roster-title{flex:1;text-align:left}.roster-count{font-size:10px;color:var(--text-faint);letter-spacing:.06em}.roster-count.has-ready{color:var(--amber-bright)}.roster-caret{color:var(--text-dim)}.roster-body{overflow-y:auto;padding:6px}.roster-row{width:100%;display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 6px;background:#212830b3;border:1px solid var(--border);color:var(--text);padding:5px 7px;margin-bottom:4px;border-radius:3px;cursor:pointer;font-size:12px;text-align:left;transition:border-color .12s ease,background .12s ease}.roster-row:hover{border-color:var(--olive)}.roster-row.active{border-color:var(--amber);background:#cf9a4424}.roster-row.spent{opacity:.42}.roster-glyph{grid-row:span 2;font-family:monospace;font-size:11px;font-weight:700;color:var(--blue);border:1px solid var(--blue);border-radius:2px;text-align:center;padding:2px 0}.roster-name{font-family:var(--font-display);font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:4px}.roster-status{display:inline-flex;align-items:center;gap:3px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.status-alert{background:#e6786a;box-shadow:0 0 3px #e6786acc}.status-dot.status-suppressed{background:#8a6fae;box-shadow:0 0 3px #8a6faecc}.status-dot.status-reorg{background:var(--olive-bright);box-shadow:0 0 3px #93a35fcc}.status-dot.status-laststand{background:var(--danger);box-shadow:0 0 4px #c1524ae6}.status-dot.status-concealed{background:#93a35f;box-shadow:0 0 3px #93a35f99;opacity:.85}.roster-str{font-family:var(--font-display);color:var(--olive-bright);font-size:11px}.roster-badges{grid-column:2 / span 2;display:flex;align-items:center;gap:3px}.pip{width:12px;height:4px;border-radius:1px;background:#333c45;display:inline-block}.pip.on{background:var(--amber)}.star{font-style:normal;font-size:10px;color:#333c45;margin-left:3px}.star.on{color:var(--olive-bright)}.roster-foot{font-size:10px;color:var(--text-faint);padding:4px 2px 2px;line-height:1.4}.unit-card{position:absolute;top:58px;right:12px;width:254px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-left:2px solid var(--amber);border-radius:var(--hud-radius);box-shadow:var(--shadow);padding:9px 11px 11px;z-index:20;margin-top:40px}.unit-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.unit-card-short{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--amber-bright);line-height:1.1}.unit-card-name{font-size:11px;color:var(--text-dim);line-height:1.3}.unit-card-head-btns{display:flex;gap:3px}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:3px;width:22px;height:22px;cursor:pointer;font-size:12px;line-height:1;padding:0}.icon-btn:hover{color:var(--amber-bright);border-color:var(--amber-dim)}.unit-card-meta{font-family:var(--font-display);font-size:11px;color:var(--text);margin:7px 0 2px;letter-spacing:.02em}.unit-card-equip{font-size:11px;color:var(--text-faint);font-style:italic;line-height:1.4;margin-bottom:7px}.unit-card-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.mini-chip{font-family:var(--font-display);font-size:10px;letter-spacing:.04em;padding:2px 6px;border-radius:2px;border:1px solid var(--border);color:var(--text-dim)}.mini-chip.chip-live{border-color:var(--olive-dim);color:var(--olive-bright);background:#93a35f1f}.mini-chip.chip-spent{opacity:.6}.mini-chip.chip-amber{border-color:var(--amber-dim);color:var(--amber);background:#cf9a4424}.mini-chip.chip-danger{border-color:var(--danger);color:var(--danger);background:#c1524a24}.stat-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px}.stat-label{width:58px;color:var(--text-dim);font-family:var(--font-display)}.stat-bar{flex:1;height:6px;background:#0d1114;border-radius:3px;overflow:hidden;border:1px solid var(--border)}.stat-fill{height:100%}.stat-val{width:24px;text-align:right;color:var(--text);font-family:var(--font-display)}.unit-card-rows{margin-top:7px;border-top:1px solid var(--border);padding-top:6px}.unit-card-rows>div{display:flex;justify-content:space-between;font-size:11px;padding:1px 0}.unit-card-rows .k,.unit-card-order .k{color:var(--text-faint);font-family:var(--font-display);letter-spacing:.04em}.unit-card-rows .v{font-family:var(--font-display);color:var(--text)}.unit-card-order{font-size:11px;color:var(--text-dim);margin-top:6px;line-height:1.4}.action-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);max-width:min(880px,calc(100vw - 300px));background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow);padding:8px 12px 10px;z-index:25}.action-bar.empty-bar{font-size:12px;color:var(--text-dim);padding:10px 16px}.action-bar-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.action-bar-unit{font-family:var(--font-display);font-weight:700;color:var(--amber-bright);letter-spacing:.06em;font-size:13px}.action-bar-sep{font-family:var(--font-display);font-size:10px;letter-spacing:.18em;color:var(--text-faint)}.action-bar-btns{display:flex;flex-wrap:wrap;gap:6px}.order-btn{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 10px 6px 6px;border-radius:4px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:border-color .12s ease,background .12s ease}.order-btn:hover:not(:disabled){border-color:var(--olive);background:#93a35f1f}.order-btn.armed{border-color:var(--amber);background:#cf9a4433;box-shadow:0 0 0 1px var(--amber-dim) inset}.order-btn:disabled{opacity:.33;cursor:not-allowed}.order-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;background:var(--panel-3);border:1px solid var(--border-strong);color:var(--amber-bright);font-size:11px;font-weight:700}.order-ap{font-size:10px;color:var(--text-faint)}.order-hint{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 9px;background:#cf9a441f;border:1px solid var(--amber-dim);border-radius:4px;font-size:12px;color:var(--amber-bright)}.order-cancel{background:transparent;border:1px solid var(--amber-dim);color:var(--amber-bright);border-radius:3px;padding:2px 8px;font-family:var(--font-display);font-size:11px;cursor:pointer;white-space:nowrap}.hud-bottom-right{position:absolute;right:12px;bottom:14px;z-index:26;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.end-turn-btn{background:var(--amber);color:#1a140a;font-weight:700;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-family:var(--font-display);letter-spacing:.05em;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.end-turn-btn kbd{background:#00000038;border-color:#0000004d;color:#1a140a}.end-turn-btn:hover:not(:disabled){background:var(--amber-bright)}.end-turn-btn:disabled{background:var(--panel-3);color:var(--text-faint);cursor:not-allowed;box-shadow:none}.end-turn-warn{width:268px;background:var(--panel);border:1px solid var(--amber);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text);box-shadow:var(--shadow)}.end-turn-warn b{color:var(--amber-bright)}.warn-btns{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.toast{position:absolute;bottom:108px;left:50%;transform:translate(-50%);background:#14191ef2;border:1px solid var(--danger);color:#e9bdb8;padding:7px 14px;border-radius:5px;font-size:12px;z-index:40;box-shadow:var(--shadow)}.contact-alert{position:absolute;top:62px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#181410f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #b2703c;border-left:3px solid #e0a05c;color:#f0d3ba;padding:8px 14px;border-radius:5px;font-family:inherit;font-size:12px;text-align:left;cursor:pointer;z-index:41;box-shadow:var(--shadow);animation:contact-alert-in .22s ease-out}.contact-alert:hover{border-color:#e0a05c;background:#221b14f7}.contact-alert-body{display:flex;flex-direction:column;gap:2px}.contact-alert-body b{font-size:12.5px;letter-spacing:.04em;color:#f3ddc6}.contact-alert-body i{font-style:normal;font-size:11px;color:#c39c78}.contact-alert-dot{width:9px;height:9px;border-radius:50%;background:#e0a05c;box-shadow:0 0 #e0a05cb3;animation:contact-alert-pulse 1.4s infinite;flex:none}@keyframes contact-alert-pulse{70%{box-shadow:0 0 0 9px #e0a05c00}to{box-shadow:0 0 #e0a05c00}}@keyframes contact-alert-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.floating-panel{position:absolute;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:7px;box-shadow:var(--shadow);z-index:35;display:flex;flex-direction:column;max-height:calc(100vh - 180px)}.legend-panel{right:12px;top:96px;width:700px}.help-panel{right:12px;top:96px;width:380px}.floating-head{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--olive-bright)}.floating-body{overflow-y:auto;padding:10px 12px 12px}.legend-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.legend-sub{font-family:var(--font-display);font-size:10px;letter-spacing:.16em;color:var(--amber);margin-bottom:6px}.legend-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:5px}.legend-swatch{width:20px;height:20px;border-radius:3px;border:1px solid rgba(0,0,0,.5);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.legend-symbol{font-size:11px;color:#14181c;font-weight:700;text-shadow:0 0 2px rgba(255,255,255,.5)}.legend-swatch--icon{background:#090c10bf}.legend-icon-canvas{width:20px;height:20px;display:block}.legend-text{display:flex;flex-direction:column;font-size:11px;line-height:1.35}.legend-text b{font-family:var(--font-display);color:var(--text);font-weight:600;letter-spacing:.02em}.legend-text i{color:var(--text-faint);font-style:normal}.help-tabs{display:flex;gap:4px;padding:8px 11px 0}.help-tabs button{flex:1;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);font-size:11px;letter-spacing:.06em;padding:4px;border-radius:3px;cursor:pointer}.help-tabs button.on{background:#93a35f29;border-color:var(--olive);color:var(--olive-bright)}.help-topic{margin-bottom:10px}.help-topic b{font-family:var(--font-display);color:var(--amber-bright);letter-spacing:.04em;font-size:13px}.help-topic p{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim)}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12px;color:var(--text-dim)}.battle-card{position:absolute;top:96px;left:50%;transform:translate(-50%);width:380px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:7px;box-shadow:var(--shadow);padding:10px 13px 12px;z-index:34}.battle-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:5px;margin-bottom:7px}.battle-outcome{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.battle-line{font-size:12px;color:var(--text-dim);margin-bottom:8px}.battle-line b{color:var(--text)}.battle-bars{display:flex;gap:8px;margin-bottom:8px}.bar-side{flex:1;border:1px solid var(--border);border-radius:4px;padding:6px 8px;display:flex;flex-direction:column;gap:1px}.bar-side.won{border-color:var(--olive);background:#93a35f1a}.bar-name{font-family:var(--font-display);font-size:10px;letter-spacing:.1em;color:var(--text-faint)}.bar-num{font-family:var(--font-display);font-size:19px;font-weight:700}.bar-loss{font-size:10px;color:var(--amber)}.battle-why{font-size:12.5px;line-height:1.5;margin:0 0 8px;color:var(--text)}.battle-captured{font-size:12px;color:var(--amber-bright);margin-bottom:8px}.battle-factors{list-style:none;margin:0 0 10px;padding:0;max-height:168px;overflow-y:auto}.battle-factors li{font-size:11.5px;padding:3px 0;border-bottom:1px solid rgba(55,66,76,.5);display:flex;align-items:center;gap:6px}.factor-side{font-family:var(--font-display);font-size:9px;letter-spacing:.08em;color:var(--text-faint);border:1px solid var(--border);border-radius:2px;padding:0 3px}.factor-mag{margin-left:auto;font-family:var(--font-display);font-size:10px;opacity:.8}.factor-pos{color:var(--olive-bright)}.factor-neg{color:#d98f88}.battle-card-foot{display:flex;gap:6px;justify-content:flex-end}.panel-anim{transition:opacity .15s ease,transform .15s ease;will-change:opacity,transform}.panel-anim-enter,.panel-anim-exit{opacity:0;transform:translateY(8px) scale(.98)}.panel-anim-entered{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion: reduce){.panel-anim,.roster-body{transition:none;animation:none}.panel-anim-enter,.panel-anim-exit,.panel-anim-entered{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080acc;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:6px;padding:22px 26px;max-width:460px;width:90%;box-shadow:0 10px 40px #0009}.handoff{text-align:center;position:relative;overflow:hidden}.handoff-title,.handoff-player,.handoff-sub,.handoff-reason,.handoff-note,.handoff>button,.handoff>.replay-share-row{position:relative;z-index:1}.handoff-title{font-family:var(--font-display);font-size:12px;letter-spacing:.2em;color:var(--text-dim);margin-bottom:10px}.handoff-player{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.handoff-player.result-win{color:var(--olive-bright)}.handoff-player.result-loss{color:var(--danger)}.handoff-sub{font-size:13px;color:var(--text);margin-bottom:6px}.handoff-reason{font-size:11.5px;color:var(--text-dim);line-height:1.5;margin:4px auto 8px;max-width:360px;border-top:1px solid var(--border);padding-top:8px}.handoff-note{font-size:12px;color:var(--text-dim);line-height:1.5;margin:10px 0 18px}.handoff-stamp{position:absolute;top:38%;left:50%;font-family:var(--font-display);font-size:46px;font-weight:800;letter-spacing:.12em;color:var(--amber);opacity:.08;transform:translate(-50%,-50%) rotate(-8deg) scale(1.4);white-space:nowrap;pointer-events:none;z-index:0;animation:stamp-land .55s cubic-bezier(.2,.9,.3,1.1) both}@keyframes stamp-land{0%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(2.6)}60%{opacity:.16}to{opacity:.08;transform:translate(-50%,-50%) rotate(-8deg) scale(1.4)}}@media (prefers-reduced-motion: reduce){.handoff-stamp{animation:none;opacity:.08}}.close-btn{background:var(--amber);color:#1a140a;font-weight:700;border:none;padding:9px 18px;border-radius:4px;cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.03em}.close-btn:hover{background:var(--amber-bright)}.close-btn+.btn-ghost{margin-top:0}.replay-modal{max-width:min(920px,94vw);width:94vw;text-align:left;padding:0;display:flex;flex-direction:column}.replay-loading{max-width:360px;width:auto;padding:24px 28px;align-items:center;gap:12px;text-align:center}.replay-body{display:flex;gap:14px;padding:14px 20px;min-height:420px}.replay-canvas{width:480px;height:480px;max-width:55vw;border:1px solid var(--border);border-radius:4px;flex-shrink:0}.replay-log{flex:1;overflow-y:auto;max-height:480px;font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:6px}.replay-log-line{border-bottom:1px solid var(--border);padding-bottom:5px}.tutorial-backdrop{z-index:60}.tutorial{width:min(1020px,94vw);height:min(720px,90vh);background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 16px 60px #000000b3;display:flex;flex-direction:column;overflow:hidden}.tutorial-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.tutorial-kicker{font-family:var(--font-display);font-size:10px;letter-spacing:.24em;color:var(--amber)}.tutorial-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.03em;color:var(--text)}.tutorial-body{flex:1;display:flex;min-height:0}.tutorial-nav{width:178px;flex-shrink:0;border-right:1px solid var(--border);padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.tutorial-nav button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;color:var(--text-dim);font-family:var(--font-display);font-size:13px;letter-spacing:.04em;text-align:left;padding:6px 8px;border-radius:4px;cursor:pointer}.tutorial-nav button:hover{color:var(--text)}.tutorial-nav button.on{background:#cf9a4424;border-color:var(--amber-dim);color:var(--amber-bright)}.tut-step-no{width:18px;height:18px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.tutorial-content{flex:1;overflow-y:auto;padding:16px 22px 22px}.tut-lede{font-size:14px;line-height:1.6;color:var(--text);margin-top:0}.tutorial-content p{font-size:13px;line-height:1.65;color:var(--text-dim)}.tut-steps{padding-left:20px}.tut-steps li,.tut-list li{font-size:13px;line-height:1.6;color:var(--text-dim);margin-bottom:7px}.tut-steps b,.tut-list b,.tutorial-content p b{color:var(--text)}.tut-list{padding-left:18px}.tut-tip{border-left:2px solid var(--amber-dim);padding-left:10px;color:var(--amber-bright)!important}.tut-figure{margin:14px 0 16px}.tut-figure figcaption{font-size:12px;color:var(--text-faint);line-height:1.5;margin-top:7px;max-width:560px}.tutorial-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border)}.tut-progress{font-family:var(--font-display);font-size:12px;color:var(--text-faint);letter-spacing:.1em}.tut-nav-btn{width:auto!important;margin:0!important;min-width:120px}.landing{position:relative;height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;background:var(--bg)}.hero{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 90% at 18% 0%,rgba(147,163,95,.16),transparent 60%),radial-gradient(ellipse 100% 80% at 88% 92%,rgba(207,154,68,.13),transparent 62%),linear-gradient(160deg,#1a2128,#12171c 45%,#0c1116)}.hero-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.04);opacity:0;transition:opacity 1.6s ease;filter:blur(1.6px) saturate(.78) brightness(.78) contrast(.95);will-change:transform,opacity}.hero-canvas.is-ready{opacity:1}.hero-canvas.is-drifting{animation:heroDrift 96s ease-in-out infinite alternate}@keyframes heroDrift{0%{transform:translate(-52%,-48%) scale(1.04)}to{transform:translate(-48%,-52%) scale(1.11)}}@media (prefers-reduced-motion: reduce){.hero-canvas.is-drifting{animation:none}}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0a0e12f0,#0b0f14d6 32%,#0c111666 60%,#0c111638),linear-gradient(to top,#090c10e0,#090c1000 44%)}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 86% 78% at 54% 46%,transparent 34%,rgba(6,9,12,.78) 100%)}.landing-inner{position:relative;z-index:1;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(14px,2.6vh,26px);padding:clamp(20px,4.5vh,44px) clamp(28px,8vw,120px);max-width:1240px}.landing-brand{max-width:780px}.landing-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--olive-bright);margin-bottom:10px}.landing-eyebrow-rule{width:46px;height:1px;background:var(--olive-dim);flex-shrink:0}.landing-title{display:inline-block;font-family:var(--font-display);font-size:clamp(40px,6.4vw,88px);font-weight:700;line-height:.94;letter-spacing:.13em;text-indent:.13em;margin:0;padding-right:.13em;color:#f2e6cf;background:linear-gradient(178deg,#fbf3e2,#efc47c 55%,#c08e3a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.55)) drop-shadow(0 14px 44px rgba(0,0,0,.7))}.landing-tagline{font-family:var(--font-display);font-size:clamp(14px,1.4vw,19px);font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--text);margin:10px 0 0}.landing-blurb{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:8px 0 0;max-width:500px}.landing-menu{display:flex;flex-direction:column;gap:12px;max-width:760px;width:100%}.menu-block{background:linear-gradient(180deg,#181e24d1,#13181ddb);border:1px solid rgba(90,106,118,.34);border-left:2px solid rgba(90,106,118,.5);border-radius:4px;padding:12px 18px 14px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.menu-block-primary{border-left-color:var(--amber);background:linear-gradient(180deg,#262116db,#16191ce0);box-shadow:0 16px 40px #00000073}.menu-kicker{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.menu-block-primary .menu-kicker{color:var(--amber)}.menu-primary-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.menu-copy b{display:block;font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:.05em;color:var(--amber-bright);line-height:1.15}.menu-copy span{display:block;font-size:12.5px;color:var(--text-dim);margin-top:4px;max-width:300px;line-height:1.5}.diff-group{display:flex;gap:0;border:1px solid var(--amber-dim);border-radius:4px;overflow:hidden}.diff-btn{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#cf9a441a;color:var(--amber-bright);border:none;border-right:1px solid rgba(169,124,52,.55);padding:13px 22px;cursor:pointer;transition:background .14s ease,color .14s ease}.diff-btn:last-child{border-right:none}.diff-btn:hover:not(:disabled){background:var(--amber);color:#171208}.diff-btn:focus-visible{outline:2px solid var(--amber-bright);outline-offset:-3px}.diff-btn:disabled{opacity:.45;cursor:not-allowed}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}.menu-tile{text-align:left;background:#212830b3;border:1px solid var(--border);border-radius:4px;padding:10px 12px;color:var(--text);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.menu-tile:hover:not(:disabled){border-color:var(--olive);background:#2d3630c7;transform:translateY(-1px)}.menu-tile:focus-visible{outline:2px solid var(--olive-bright);outline-offset:2px}.menu-tile:disabled{opacity:.45;cursor:not-allowed}.menu-tile b{display:block;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.07em;color:var(--olive-bright)}.menu-tile span{display:block;font-size:11.5px;color:var(--text-faint);line-height:1.45;margin-top:3px}.menu-tile-join{cursor:default}.menu-tile-join:hover{transform:none;border-color:var(--border);background:#212830b3}.menu-tile-join .join-row{margin-top:8px}.menu-tile-create{cursor:default}.menu-tile-create:hover{transform:none}.menu-tile-actions{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}.link-btn.small{font-size:11px;letter-spacing:.06em}.custom-rules-form{margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:#1419168c;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.custom-rules-form label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;letter-spacing:.04em;color:var(--text-faint);text-transform:uppercase}.custom-rules-form input,.custom-rules-form select{background:var(--panel-3);border:1px solid var(--border-strong);border-radius:3px;color:var(--text);padding:5px 7px;font-size:13px;font-family:inherit}.custom-rules-form button.small{grid-column:1 / -1;margin-top:4px}.btn-primary.small,.btn-secondary.small{padding:6px 12px;font-size:12px}.room-rules-summary{list-style:none;margin:10px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:#14191680;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--text-dim)}.room-rules-summary li{list-style:none}.menu-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-left:2px}.menu-links .link-btn i{display:none}.link-btn{display:inline-flex;align-items:baseline;gap:9px;background:none;border:none;padding:4px 2px;cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text);border-bottom:1px solid transparent}.link-btn:hover{color:var(--olive-bright);border-bottom-color:var(--olive-dim)}.link-btn:focus-visible{outline:2px solid var(--olive-bright);outline-offset:3px}.link-btn i{font-style:normal;font-family:var(--font-body);font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--text-faint)}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--olive-dim);color:var(--olive-bright);font-size:10px;align-self:center}.link-sep{width:1px;height:22px;background:var(--border)}.landing-banner{background:#cf9a441f;border-left:2px solid var(--amber);color:var(--amber-bright);padding:11px 15px;font-size:13px}.landing-error{background:#c1524a26;border-left:2px solid var(--danger);color:#e8ada7;padding:11px 15px;font-size:13px}.status-card{max-width:520px;background:linear-gradient(180deg,#1a2027e0,#12171ce6);border:1px solid rgba(90,106,118,.36);border-left:2px solid var(--amber);border-radius:4px;padding:22px 24px 20px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 18px 44px #00000080}.status-kicker{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--amber)}.status-head{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:.05em;color:var(--text);margin:6px 0 16px}.status-line{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-dim);margin-top:14px}.status-note{font-size:12.5px;color:var(--text-faint);line-height:1.55;margin:8px 0 0}.status-cancel{margin-top:18px}.scan-bar{position:relative;height:3px;border-radius:2px;background:#5a6a7640;overflow:hidden}.scan-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:scan 1.6s ease-in-out infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(360%)}}.landing-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-display);color:var(--text-faint)}.foot-dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.btn-primary,.btn-secondary,.btn-ghost{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;border-radius:5px;cursor:pointer;font-size:14px;padding:9px 16px;border:1px solid transparent}.btn-primary{background:var(--amber);color:#1a140a}.btn-primary:hover:not(:disabled){background:var(--amber-bright)}.btn-primary:disabled{background:var(--panel-3);color:var(--text-faint);cursor:not-allowed}.btn-secondary{background:var(--panel-3);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--olive);color:var(--olive-bright)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.small{font-size:12px;padding:5px 11px}.wide{width:100%}.room-code-display{display:flex;align-items:center;gap:12px}.room-code-text{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:.3em;text-indent:.3em;color:var(--amber-bright);background:#0c101499;border:1px solid var(--amber-dim);border-radius:4px;padding:8px 12px;flex:1;text-align:center}.join-row{display:flex;gap:8px}.join-input{flex:1;min-width:0;background:#0c101499;border:1px solid var(--border-strong);color:var(--text);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;border-radius:4px;padding:7px 4px}.join-input:focus{outline:none;border-color:var(--amber)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 #cf9a4499;animation:pulse 1.4s infinite;flex-shrink:0}@keyframes pulse{0%{box-shadow:0 0 #cf9a4480}70%{box-shadow:0 0 0 8px #cf9a4400}to{box-shadow:0 0 #cf9a4400}}@media (max-width: 1100px){.legend-panel{width:min(700px,calc(100vw - 24px))}.action-bar{max-width:calc(100vw - 24px)}}@media (max-width: 780px){.landing-inner{padding:44px 22px;gap:26px;justify-content:flex-start}.menu-grid{grid-template-columns:1fr}.menu-primary-row{align-items:stretch}.diff-group{width:100%}.diff-btn{flex:1;padding:13px 8px}.landing-tagline{letter-spacing:.14em}.link-sep{display:none}.menu-links{gap:10px 18px}.hero-scrim{background:linear-gradient(180deg,#0a0e12e6,#0a0e12f2)}}@media (max-height: 720px){.landing-inner{justify-content:flex-start;padding-top:36px;padding-bottom:36px}}.unit-move-block{margin:2px 0 8px;padding:6px 8px;border:1px solid var(--border);border-left:2px solid var(--amber-dim);border-radius:4px;background:#cf9a440f}.unit-move-row{display:flex;justify-content:space-between;font-size:11px;padding:1px 0}.unit-move-row .k{color:var(--text-dim);font-family:var(--font-display);letter-spacing:.04em}.unit-move-row .v{font-family:var(--font-display);color:var(--amber-bright);font-weight:600}.unit-move-row .v.spent{color:var(--text-faint)}.unit-move-note{font-size:10px;color:var(--text-faint);margin-top:3px;line-height:1.4}.unit-move-note.warn{color:var(--amber)}.unit-move-note.good{color:var(--olive-bright, #a8bd6d)}.unit-move-note em{font-style:normal;color:var(--text-faint)}.unit-detect-block{margin-top:8px;padding-top:7px;border-top:1px dashed var(--border)}.move-preview-wrap{position:absolute;bottom:108px;left:50%;transform:translate(-50%);z-index:27;max-width:min(760px,calc(100vw - 40px))}.move-preview{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-left:3px solid var(--amber);border-radius:6px;box-shadow:var(--shadow);padding:7px 12px 9px;font-size:12px}.move-preview.invalid{border-left-color:var(--danger)}.mp-head{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;color:var(--text-dim);margin-bottom:4px}.mp-head b{color:var(--amber-bright);letter-spacing:.08em;font-size:13px}.mp-idle{color:var(--text-faint);font-size:11px}.mp-line{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-display);color:var(--text-dim)}.mp-line b{color:var(--text)}.mp-line .mp-road b{color:var(--olive-bright)}.mp-sub{font-size:11px;color:var(--text-faint);margin-top:4px;line-height:1.4}.mp-sub.warn{color:var(--amber)}.mp-reason{color:#e9bdb8;font-size:12px;line-height:1.4}.mp-advisory{margin-top:5px;font-size:11px;color:var(--amber);line-height:1.4}.mp-advisory i{color:var(--text-faint);font-style:italic}.group-bar{position:absolute;bottom:14px;left:12px;z-index:26;display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-left:3px solid var(--blue);border-radius:6px;box-shadow:var(--shadow);padding:7px 10px;max-width:min(420px,calc(100vw - 24px))}.group-title{font-family:var(--font-display);font-size:10px;letter-spacing:.16em;color:var(--text-faint)}.group-chip{font-family:var(--font-display);font-size:11px;padding:2px 6px;border-radius:3px;border:1px solid var(--blue);background:#6fa8c924;color:#b9d6e6;cursor:pointer}.group-chip .group-x{color:var(--text-faint)}.roster-row.grouped{box-shadow:inset 2px 0 0 var(--blue)}.ammo-pips{flex:1;display:flex;gap:3px;align-items:center}.ammo-pip{width:12px;height:8px;border-radius:2px;border:1px solid var(--border);background:#0d1114}.ammo-pip.full{background:var(--amber);border-color:var(--amber-dim)}.attack-preview{background:#0d1114f5;border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:5px;padding:9px 12px;font-size:11.5px;box-shadow:0 10px 30px #0000008c}.ap-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px}.ap-title{letter-spacing:.16em;font-size:10px;color:var(--text-faint)}.ap-intel{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ap-intel.tight{color:var(--olive-bright)}.ap-intel.wide{color:var(--amber-bright)}.ap-line{color:var(--text-dim);margin-bottom:5px}.ap-outcome{font-size:14px;font-weight:700;margin-bottom:6px}.ap-outcome.good{color:var(--olive-bright)}.ap-outcome.even{color:var(--amber-bright)}.ap-outcome.bad{color:var(--danger)}.ap-outcome-band{font-size:11px;font-weight:400;color:var(--text-faint)}.ap-losses{display:flex;gap:18px;margin-bottom:6px}.ap-loss{display:flex;flex-direction:column}.ap-loss-k{font-size:9.5px;letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase}.ap-loss-v{font-size:13px;font-weight:700}.ap-bar{position:relative;height:16px;border:1px solid var(--border);border-radius:3px;background:#c1524a38;overflow:hidden;margin-bottom:7px}.ap-bar-fill{position:absolute;inset:0 auto 0 0;background:#93a35f6b}.ap-bar-label{position:relative;display:block;text-align:center;line-height:16px;font-size:10px;color:var(--text)}.ap-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:5px}.ap-col-head{font-size:9.5px;letter-spacing:.12em;margin-bottom:2px}.ap-col-head.good{color:var(--olive-bright)}.ap-col-head.bad{color:var(--danger)}.ap-factor{font-size:10.5px;color:var(--text-dim)}.ap-factor.good{color:var(--olive-bright)}.ap-factor.bad{color:var(--danger)}.ap-factor.muted{color:var(--text-faint);font-style:italic}.ap-factor em{color:var(--text-faint);font-style:normal}.ap-note{font-size:10.5px;color:var(--text-faint);margin-top:4px}.ap-note.warn{color:var(--amber-bright)}.ap-assumptions{font-size:10px;color:var(--amber-dim);margin-top:3px}.order-btn.unavailable{opacity:.42;cursor:help}.order-btn.unavailable:hover{opacity:.62}.ops-log{position:absolute;left:12px;bottom:14px;width:300px;max-height:46vh;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--hud-radius);box-shadow:var(--shadow);overflow:hidden;z-index:20;display:flex;flex-direction:column}.ops-log-head{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--olive-bright);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;padding:8px 10px;cursor:pointer}.ops-log.collapsed .ops-log-head{border-bottom:none}.ops-log-title{flex:1;text-align:left}.ops-log-count{font-size:10px;color:var(--text-faint)}.ops-log-caret{color:var(--text-dim)}.ops-log-body{overflow-y:auto;padding:6px 10px 10px;display:flex;flex-direction:column-reverse;gap:3px}.ops-log-line{font-size:11px;line-height:1.4;color:var(--text-dim);border-left:2px solid transparent;padding-left:6px}.ops-log-line.kill{color:#e8a08f;border-left-color:var(--danger)}.ops-log-line.reaction{color:var(--amber-bright);border-left-color:var(--amber)}.ops-log-empty{font-size:11px;color:var(--text-faint);font-style:italic}.mini-chip.chip-alert{border-color:var(--danger);color:#e8a08f;background:#c1524a29}.stat-fill.suppression{background:#8a6fae}.mini-chip.chip-reorg{border-color:var(--olive-bright);color:var(--olive-bright);background:#93a35f29}.sound-control{position:relative}.sound-popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow);padding:10px 12px;display:flex;flex-direction:column;gap:8px;width:160px;z-index:36}.sound-mute-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text);cursor:pointer}.sound-vol-row{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-dim)}.sound-vol-row input[type=range]{width:100%;accent-color:var(--amber)}.turn-summary{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#121814f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--olive);border-left:3px solid var(--olive-bright);color:#d8e4cc;padding:6px 13px;border-radius:5px;font-size:12px;text-align:left;cursor:pointer;z-index:39;box-shadow:var(--shadow);transition:opacity .5s ease,transform .5s ease;opacity:1}.turn-summary.fading{opacity:0;transform:translate(-50%,-6px)}.turn-summary-tag{font-family:var(--font-display);font-size:10px;letter-spacing:.14em;color:var(--olive-bright);margin-right:6px}.priority-targets{position:absolute;top:140px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1e1010eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--danger);border-left:3px solid var(--danger);color:#ecd6d0;padding:5px 12px;border-radius:5px;font-size:12px;z-index:38;box-shadow:var(--shadow)}.priority-targets-tag{font-family:var(--font-display);font-size:10px;letter-spacing:.14em;color:var(--danger);margin-right:4px}.priority-target-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:1px 3px;display:inline-flex;align-items:center;gap:3px}.priority-target-btn:hover{color:var(--amber)}.priority-target-btn em{font-style:normal;opacity:.75}.priority-target-sep{opacity:.5;margin-right:3px}.briefing-backdrop{z-index:65}.briefing{background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 16px 60px #000000b3;padding:26px 30px 24px;width:min(620px,92vw);max-height:88vh;overflow-y:auto}.briefing-kicker{font-family:var(--font-display);font-size:10px;letter-spacing:.22em;color:var(--amber);margin-bottom:6px}.briefing-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.04em;color:var(--text);margin-bottom:16px}.briefing-scenario{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;padding:8px 12px;border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:4px;background:#cf9a440f}.briefing-scenario-label{font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:var(--amber-dim)}.briefing-scenario-name{font-size:15px;font-weight:600;color:var(--text)}.briefing-lines{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.briefing-lines li{font-size:13.5px;line-height:1.5;color:var(--text-dim);padding-left:14px;position:relative}.briefing-lines li:before{content:"—";position:absolute;left:0;color:var(--amber-dim)}.briefing-lines b{color:var(--text)}.briefing-rosters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.briefing-roster{border:1px solid var(--border);border-radius:6px;padding:10px 12px}.briefing-roster.mine{border-color:var(--amber-dim);background:#cf9a4414}.briefing-roster-head{font-family:var(--font-display);font-size:11px;letter-spacing:.1em;color:var(--amber-bright);margin-bottom:6px}.briefing-roster ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.briefing-roster li{font-size:12px;color:var(--text-dim)}.briefing-roster-count{color:var(--text);font-family:var(--font-display)}.briefing-note{font-size:11.5px;color:var(--text-faint);line-height:1.5;margin:0 0 18px;font-style:italic}.briefing-begin{width:100%;padding:10px 18px;font-family:var(--font-display);letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px}.sandbox-hud{position:absolute;top:16px;right:16px;width:260px;max-height:calc(100vh - 32px);overflow-y:auto;background:#121614eb;border:1px solid var(--border-strong);border-radius:var(--hud-radius);padding:12px;display:flex;flex-direction:column;gap:10px;z-index:20;color:var(--text);font-size:12px}.sandbox-hud-head{display:flex;flex-direction:column;gap:2px}.sandbox-hud-head b{font-family:var(--font-display);letter-spacing:.1em;color:var(--amber);font-size:13px}.sandbox-hud-head span{color:var(--text-faint);font-size:11px}.sandbox-side-toggle{display:flex;border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.sandbox-side-btn{flex:1;background:none;border:none;color:var(--text-dim);padding:6px 4px;font-size:11px;letter-spacing:.05em;cursor:pointer;border-right:1px solid var(--border-strong)}.sandbox-side-btn:last-child{border-right:none}.sandbox-side-btn.active{background:#93a35f2e;color:var(--olive-bright)}.sandbox-note{color:var(--text-faint);font-size:11px;line-height:1.4}.sandbox-selected{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:8px}.sandbox-selected-name{font-size:12px;font-weight:600}.sandbox-actions{display:flex;flex-wrap:wrap;gap:6px}.sandbox-actions button.active{border-color:var(--olive-bright);color:var(--olive-bright)}.sandbox-roster{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--border);padding-top:8px;max-height:220px;overflow-y:auto}.sandbox-roster-row{display:flex;justify-content:space-between;background:none;border:1px solid transparent;border-radius:3px;color:var(--text-dim);padding:4px 6px;cursor:pointer;font-size:11.5px}.sandbox-roster-row:hover{border-color:var(--border-strong)}.sandbox-roster-row.active{border-color:var(--olive-bright);color:var(--olive-bright);background:#93a35f1a}.sandbox-roster-str{color:var(--text-faint)}.sandbox-foot{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:8px}.replay-link-root{position:relative;width:100vw;height:100vh;background:var(--bg)}.replay-link-bar{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--panel-2)}.replay-link-title{display:flex;flex-direction:column;gap:2px}.replay-link-title b{font-family:var(--font-display);letter-spacing:.06em}.replay-link-title span{font-size:11.5px;color:var(--text-faint)}.replay-link-perspective{display:flex;border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.replay-share-row{display:flex;gap:6px;width:100%;max-width:340px}.replay-share-input{flex:1;background:var(--panel-3);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-dim);padding:6px 8px;font-size:11px}