:root{color-scheme:dark;--bg-0: #060f18;--bg-1: #0a1623;--panel: linear-gradient(180deg, rgba(7, 22, 35, .92), rgba(4, 14, 24, .96));--panel-soft: linear-gradient(180deg, rgba(9, 24, 38, .88), rgba(6, 16, 26, .94));--edge: rgba(79, 122, 150, .4);--edge-strong: rgba(103, 171, 212, .52);--text: #d8e5ef;--muted: #8ea6b7;--gold: #f3c44e;--cyan: #68d8ff;--green: #6edf84;--red: #ff6262;--shadow: 0 10px 30px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;overflow:hidden;color:var(--text);font:500 14px/1.35 Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(44,86,114,.2),transparent 30%),radial-gradient(circle at 90% 20%,rgba(29,69,95,.14),transparent 24%),linear-gradient(180deg,#0a1521 0%,var(--bg-1) 48%,var(--bg-0) 100%)}button,a{font:inherit}.prototype-shell{width:min(1800px,calc(100% - 10px));min-height:calc(100dvh - var(--site-header-height, 35px) - var(--chrome-chryon-height, 30px) - var(--site-footer-height, 120px) - 12px);height:calc(100dvh - var(--site-header-height, 35px) - var(--chrome-chryon-height, 30px) - var(--site-footer-height, 120px) - 12px);margin:0 auto 18px;padding:6px 0 0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px}.prototype-header,.rail-card,.prototype-stage,.action-bar,.runtime-panel{border:1px solid var(--edge);background:var(--panel);box-shadow:var(--shadow)}.prototype-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px}.prototype-header__title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.prototype-header__eyebrow{margin:0;padding-right:10px;border-right:1px solid rgba(140,168,187,.35);color:var(--gold);font:500 .84rem/1 Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.prototype-header h1{margin:0;font:700 clamp(1.2rem,1.6vw,1.6rem)/1.05 "Rajdhani",sans-serif;color:#e4edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prototype-header__subtitle{display:none}.prototype-header__link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid rgba(114,161,191,.5);background:linear-gradient(180deg,#11283cb8,#091927e0);color:#f2f7fb;text-decoration:none;border-radius:4px}.prototype-layout{min-height:0}.tactical-layout{display:grid;grid-template-columns:176px minmax(0,1fr) 220px;gap:6px}.left-rail,.right-rail{min-height:0;display:grid;gap:6px}.left-rail{grid-template-rows:1fr 1fr}.right-rail{grid-template-rows:1fr}.right-rail .rail-card{border:0;background:#081622b3;box-shadow:0 10px 24px #00000047}.rail-card{padding:10px 12px;overflow:hidden}.debug-card__eyebrow,.prototype-stage__label{margin:0 0 8px;color:var(--gold);font:700 .86rem/1 Rajdhani,sans-serif;letter-spacing:.12em;text-transform:uppercase}.guide-list,.legend-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:#d3e2ec}.guide-list li,.legend-list li{display:flex;align-items:center;gap:9px;font-size:.85rem;line-height:1.25}.legend-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.22);flex:0 0 11px}.legend-dot--selected{background:#4486ff}.legend-dot--reachable{background:#59c169c7}.legend-dot--preview{background:#ffe55ceb}.legend-dot--blocked{background:#d55252e0}.legend-dot--outside{background:#586d7dbd}.prototype-stage{position:relative;overflow:hidden;padding:6px}.prototype-stage__hud{display:none}.prototype-stage__instructions{margin:0;color:var(--muted);font-size:.78rem;line-height:1.25}.playfield-shell{width:100%;height:100%;display:grid;place-items:center;min-height:0;padding-top:0}.playfield-frame{width:100%;height:100%;border:1px solid rgba(153,187,211,.25);background:#08101acc;overflow:hidden}#battlefield-root{width:100%;height:100%;min-height:0}#battlefield-root canvas{width:100%;height:100%;display:block}.minimap{position:absolute;right:14px;bottom:14px;width:172px;height:172px;border:1px solid rgba(116,171,204,.55);background:#05141fc7;box-shadow:0 8px 22px #0006;pointer-events:none;z-index:12}.minimap canvas{width:100%;height:100%;display:block}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#030a10b3}.map-overlay[hidden]{display:none}.map-overlay__panel{width:min(560px,84%);border:1px solid rgba(110,173,208,.65);background:linear-gradient(180deg,#081b29f5,#06131ef5);box-shadow:0 16px 34px #0000007a;padding:12px}.map-overlay__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.map-overlay__header h3{margin:0;color:#f4c957;font:700 1.05rem/1 Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase}.map-overlay__header p{margin:0;color:#9cc4df;font:600 .72rem/1 Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase}.map-overlay__panel canvas{width:100%;aspect-ratio:1 / 1;display:block;border:1px solid rgba(136,188,220,.45);background:#07111aeb}.unit-context-menu{position:fixed;z-index:80;min-width:186px;padding:6px;display:grid;gap:5px;border:1px solid rgba(115,167,198,.52);background:linear-gradient(180deg,#132837fa,#0c1c28fa);box-shadow:var(--shadow)}.unit-context-menu[hidden]{display:none}.unit-context-menu button{min-height:44px;border:1px solid rgba(130,180,208,.3);background:linear-gradient(180deg,#50758c3d,#19313f59);color:#e6f0f7;text-align:left;padding:0 12px;font-size:.9rem}.unit-headline h2{margin:0 0 8px;font:700 1.65rem/1 Rajdhani,sans-serif;color:#ecf5fc}.debug-stats,.character-sheet__grid{margin:0;display:grid;gap:6px}.compact-stats dt{font-size:.75rem}.compact-stats dd{font-size:.9rem}.tab-host{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:2px}.segmented__button{min-height:30px;border:1px solid rgba(120,170,199,.4);background:#0d2332d9;color:#9fc2db;border-radius:5px;font:600 .66rem/1 Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.05em}.segmented__button.is-active{background:linear-gradient(180deg,#235879,#163f59);color:#f0f8ff;border-color:#72bbe7}.tab-panel{min-height:0;overflow:hidden;padding:4px 2px 0 0}.debug-stats div,.character-sheet__grid div{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(126,159,182,.2)}.debug-stats dt,.character-sheet__grid dt{color:#9ab1c2}.debug-stats dd,.character-sheet__grid dd{margin:0;color:#f0f7fc;font:500 .84rem/1 Rajdhani,sans-serif}.character-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.character-sheet__identity{display:inline-flex;align-items:center;gap:8px}.character-sheet__portrait{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(130,181,214,.45);border-radius:50%;background:linear-gradient(180deg,#1f3d54eb,#132838f0);color:#b6e0ff}.character-sheet__close,.debug-actions button{min-height:34px;border:1px solid rgba(120,170,199,.45);background:linear-gradient(180deg,#375f7573,#132835b8);color:#f0f7fc;padding:0 10px}.character-sheet__grid{grid-template-columns:1fr;font-size:.84rem}.character-sheet__grid dt{font-size:.8rem}.character-sheet__grid dd{font-size:.94rem}.debug-card__note{margin:0;color:#a7c1d2;font-size:.88rem;line-height:1.35}.controls-card .debug-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px;min-height:48px}.action-bar__button{min-height:35px;border-radius:5px;font:700 .82rem/1 Rajdhani,sans-serif;letter-spacing:.02em;border:1px solid transparent;color:#f4f8fc;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-transform:uppercase}.action-bar__button svg{width:14px;height:14px;stroke-width:2.2}.action-bar__group{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(112,154,186,.35);border-radius:6px;background:linear-gradient(180deg,#0a1e2cc2,#08141fe6)}.action-bar__group--camera{flex:1;justify-content:flex-end}.action-bar__button--waypoint{background:linear-gradient(180deg,#133a86,#0c2556);border-color:#4a83ff}.action-bar__button--clear{background:linear-gradient(180deg,#5f1f1f,#3c1313);border-color:#de5757}.action-bar__button--sheet{background:linear-gradient(180deg,#2f2758,#1f1a3e);border-color:#8d7cd9}.action-bar__button--options{background:linear-gradient(180deg,#17303f,#102533);border-color:#5f8ca8}.action-bar__button--camera{min-width:35px;padding:0;background:linear-gradient(180deg,#1c4059,#10293a);border-color:#6aaed6a6}#zoom-slider{width:clamp(110px,24vw,220px);height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,#598caef2,#2a5674f2);border:1px solid rgba(102,159,194,.6)}#zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid rgba(211,238,255,.88);background:linear-gradient(180deg,#d7f1ff,#79bddf)}#zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid rgba(211,238,255,.88);background:linear-gradient(180deg,#d7f1ff,#79bddf)}.action-bar__button:disabled{opacity:.5}[data-battle-mode]{background:linear-gradient(180deg,#344863,#232f45);border-color:#7a9cc7}[data-battle-mode].is-available{background:linear-gradient(180deg,#2f3f10,#1e2a0b);border-color:#a6e36a}.runtime-panel{position:fixed;inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;z-index:120;border-color:#ff626280;background:linear-gradient(180deg,#3e1414f5,#230a0afa)}.runtime-panel__inner{padding:10px 12px}.runtime-panel__eyebrow{margin:0 0 4px;color:#ffba9f;font:700 .74rem/1 Rajdhani,sans-serif;letter-spacing:.1em;text-transform:uppercase}.runtime-panel__title{margin:0 0 5px;font:700 1.08rem/1 Rajdhani,sans-serif}.runtime-panel__message{margin:0;font-size:.82rem;color:#f6d9d0}@media(max-width:1200px){.tactical-layout{grid-template-columns:170px minmax(0,1fr) 230px}.action-bar{flex-wrap:wrap;min-height:46px}.action-bar__group--camera{justify-content:flex-start;flex:0 0 100%}}@media(max-width:900px){.prototype-shell{padding:4px 0 calc(4px + env(safe-area-inset-bottom));gap:4px}.prototype-header{padding:6px 8px}.prototype-header__eyebrow{font-size:.82rem}.prototype-header h1{font-size:1.08rem}.tactical-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.left-rail,.right-rail{display:none}body.is-sheet-open .right-rail{display:block;position:fixed;inset:auto 8px calc(64px + env(safe-area-inset-bottom)) 8px;z-index:140;max-height:60dvh}body.is-sheet-open .right-rail .rail-card{height:100%;border:1px solid rgba(115,167,198,.52);background:linear-gradient(180deg,#0f2637fa,#081621fa)}body.is-sheet-open .segmented,body.is-sheet-open [data-tab-panel=overview],body.is-sheet-open [data-tab-panel=ops]{display:none}body.is-sheet-open [data-tab-panel=sheet]{display:block}.prototype-stage{padding:4px}.prototype-stage__hud{inset:8px auto auto 8px;width:min(92%,300px)}.playfield-shell{padding-top:0}.action-bar{display:grid;grid-template-columns:1fr;gap:6px;padding:6px}.action-bar__group{width:100%;justify-content:space-between;flex-wrap:wrap}.action-bar__group--camera{justify-content:space-between}#zoom-slider{width:100%;order:1;flex:1 0 100%}.unit-context-menu{display:none}}.compact-stats--guide dd{text-align:right;color:#d7e6f2}