:root{--ink: #2f2a33;--ink-soft: #6c6472;--paper: #f6f1ea;--panel: rgba(246, 241, 234, .94);--line: #cfc4b8;--player: #6fa8c7;--enemy: #d98b7a;--warn: #d96b5a;--good: #7fae7a;--band-yellow: #e0c169;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:16px;gap:12px}.hud>*{grid-column:1}.hud button,.hud .unit-card{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;backdrop-filter:blur(6px)}.turn-banner{justify-self:center;display:flex;align-items:baseline;gap:14px;padding:8px 18px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14px}.turn-banner strong{font-size:15px}.turn-banner.player strong{color:var(--player)}.turn-banner.enemy strong{color:var(--enemy)}.turn-banner .busy,.turn-banner .contacts{color:var(--ink-soft);font-size:12px}.squad{align-self:end;justify-self:start;display:flex;flex-direction:column;gap:8px;grid-row:2}.unit-card{width:190px;text-align:left;font:inherit;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--player);border-radius:8px;padding:8px 10px;cursor:pointer;display:grid;gap:5px}.unit-card.selected{border-color:var(--player);box-shadow:0 0 0 2px #6fa8c766}.unit-card.dead{opacity:.4;filter:grayscale(1);cursor:default}.unit-name{font-weight:600;font-size:13px}.hp-bar{display:block;height:5px;border-radius:3px;background:#ded4c8;overflow:hidden}.hp-fill{display:block;height:100%;background:var(--good)}.unit-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft)}.ammo{letter-spacing:2px;color:var(--ink)}.unit-flags{display:flex;gap:5px}.flag{font-size:9px;font-weight:700;letter-spacing:.06em;padding:1px 5px;border-radius:3px;background:#e5dbcd}.flag.overwatch{background:var(--band-yellow)}.flag.concealed{background:#cdbfe0}.shot-panel{grid-row:2;align-self:end;justify-self:end;width:260px}.shot-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}.shot-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-right:6px}.shot-value{font-size:28px;font-weight:700;line-height:1}.shot-target{margin:0 0 8px;font-size:12px;color:var(--ink-soft)}.flanked{color:var(--warn);letter-spacing:.05em}.modifiers{list-style:none;margin:0;padding:0;font-size:12px;display:grid;gap:3px}.modifiers li{display:flex;justify-content:space-between}.modifiers li.negative span:last-child{color:var(--warn)}.modifiers li.positive span:last-child{color:var(--good)}.shot-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;padding-top:7px;border-top:1px solid var(--line);font-size:10px;color:var(--ink-soft)}.actions{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.action-pips{letter-spacing:2px;color:var(--player);font-size:13px}.actions button{font:inherit;font-size:13px;border:1px solid var(--line);background:#fffdf9;border-radius:999px;padding:6px 14px;cursor:pointer}.actions button:hover:not(:disabled){background:#fff;border-color:var(--player)}.actions button:disabled{opacity:.4;cursor:default}.actions .skip{border-color:var(--band-yellow)}.rejection{grid-row:3;justify-self:center;align-self:end;margin-bottom:54px;background:var(--warn);color:#fff;font-size:12px;padding:5px 12px;border-radius:999px}.outcome{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#f6f1ead1;backdrop-filter:blur(3px)}.outcome h1{margin:0;font-size:42px;letter-spacing:-.02em}.outcome-victory h1{color:var(--good)}.outcome-defeat h1{color:var(--warn)}.outcome p{color:var(--ink-soft)}.audio-controls{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:999px;pointer-events:auto}.audio-controls button{font-size:14px;line-height:1;border:none;background:none;cursor:pointer;padding:2px}.audio-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-soft)}.audio-controls input[type=range]{width:62px;accent-color:var(--player)}.hints{grid-row:3;justify-self:start;align-self:end;display:flex;flex-direction:column;font-size:10px;color:var(--ink-soft);line-height:1.5}.seed{opacity:.65}.command-bar{grid-row:3;justify-self:center;align-self:end;display:flex;flex-direction:column;align-items:center;gap:8px}.abilities{display:flex;gap:8px}.abilities .ability{pointer-events:auto;font:inherit;font-size:12px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 12px;cursor:pointer}.abilities .ability:hover:not(:disabled){border-color:var(--player);background:#fff}.abilities .ability.aiming{border-color:var(--warn);box-shadow:0 0 0 2px #d96b5a47;background:#fff}.abilities .ability:disabled{opacity:.42;cursor:default}.ability-badge{font-size:10px;font-weight:700;min-width:16px;text-align:center;padding:1px 4px;border-radius:999px;background:#e5dbcd;color:var(--ink-soft)}.aiming-banner{display:flex;align-items:center;gap:10px;font-size:13px;background:var(--panel);border:1px solid var(--warn);border-radius:999px;padding:6px 8px 6px 14px}.aiming-banner button{font:inherit;font-size:11px;border:1px solid var(--line);background:#fffdf9;border-radius:999px;padding:4px 10px;cursor:pointer}.flag.status-suppressed{background:var(--warn);color:#fff}.flag.status-disoriented{background:#b98fd6;color:#fff}.flag.status-panicked{background:#8a4a3f;color:#fff}.loadout{position:fixed;inset:0;background:var(--paper);color:var(--ink);display:grid;place-items:center;padding:24px;overflow:auto;pointer-events:auto;z-index:20}.loadout-panel{width:min(1180px,100%);display:flex;flex-direction:column;gap:16px}.loadout h1{margin:0;font-size:26px;letter-spacing:-.01em}.faction-choice{text-align:center;gap:24px}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.faction-card{font:inherit;text-align:left;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer}.faction-card strong{font-size:20px}.faction-card span{color:var(--ink-soft);font-size:13px;line-height:1.45}.faction-card em{font-size:11px;color:var(--ink-soft);font-style:normal}.faction-card:hover{border-color:var(--player);background:#fff}.faction-card.alien:hover{border-color:var(--enemy)}.loadout-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.loadout-header .link{font:inherit;font-size:12px;border:0;background:none;color:var(--player);cursor:pointer;padding:0;text-decoration:underline}.budget,.squad-count{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.budget strong{font-size:30px}.budget.over strong{color:var(--warn)}.squad-count strong{font-size:20px}.budget span,.squad-count span{font-size:11px;color:var(--ink-soft)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.roster-card{position:relative;font:inherit;text-align:left;display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}.roster-card:hover:not(:disabled){border-color:var(--player);background:#fff}.roster-card.picked{border-color:var(--player);box-shadow:0 0 0 2px #6fa8c74d}.roster-card.disabled{opacity:.38;cursor:default}.roster-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.roster-name{font-weight:600;font-size:14px}.roster-cost{font-size:15px;font-weight:700}.roster-kind{align-self:flex-start;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:1px 6px;border-radius:3px;background:#e5dbcd}.kind-elf{background:#cfe3d2}.kind-robot{background:#d6dde5}.kind-alien{background:#eccfc9}.roster-stats{display:flex;gap:10px;font-size:11px;color:var(--ink-soft)}.roster-kit{font-size:11px;color:var(--ink)}.roster-note{font-size:11px;color:var(--ink-soft);line-height:1.4}.roster-picked{position:absolute;top:30px;right:10px;font-size:11px;font-weight:700;color:var(--player)}.loadout-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.opposition{display:flex;flex-direction:column;gap:2px}.opposition-label{font-size:11px;color:var(--ink-soft)}.opposition-list{font-size:13px}.loadout-actions{display:flex;align-items:center;gap:12px}.deploy{font:inherit;font-size:15px;font-weight:600;padding:10px 28px;border:1px solid var(--player);border-radius:999px;background:var(--player);color:#fff;cursor:pointer}.deploy:disabled{opacity:.4;cursor:default}.aiming-banner.armed{border-color:#b8452f;background:#b8452f2e}.compass{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel);border:1px solid var(--line);border-radius:999px;pointer-events:auto}.compass-turn{font-size:18px;line-height:1;width:28px;height:28px;border:none;border-radius:50%;background:none;cursor:pointer;color:inherit}.compass-turn:hover{background:var(--line)}.compass-face{position:relative;width:34px;height:34px;display:grid;place-items:center}.compass-needle{position:absolute;top:-1px;font-size:11px;line-height:1;color:var(--accent, #6fa8c7);transition:transform .26s ease-in-out;transform-origin:50% 18px}.compass-label{font-size:12px;font-weight:600;letter-spacing:.04em;opacity:.75}