:root{color-scheme:dark;--hud-bg: rgba(0, 0, 0, .6);--hud-fg: #d6f0d8;--loading-bg: #07090c;--loading-fg: #b8d2c0;--loading-accent: #7ed98a}html,body{margin:0;padding:0;height:100%;background:#050505;color:#e8e8e8;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#stage{display:block;width:100vw;height:100vh;touch-action:none;background:#050505}#hud{position:fixed;bottom:max(8px,env(safe-area-inset-bottom,8px));left:max(8px,env(safe-area-inset-left,8px));padding:6px 10px;background:var(--hud-bg);color:var(--hud-fg);font-size:12px;line-height:1.45;border-radius:4px;pointer-events:none;white-space:pre;display:none;z-index:10;letter-spacing:.02em}#hud.visible{display:block}#minimap{position:fixed;top:max(8px,env(safe-area-inset-top,8px));left:max(8px,env(safe-area-inset-left,8px));border-radius:6px;pointer-events:none;z-index:9;display:none;box-shadow:0 2px 8px #00000073}#minimap.visible{display:block}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--loading-bg);color:var(--loading-fg);z-index:20;transition:opacity .35s ease}#loading.done{opacity:0;pointer-events:none}.loading-mark{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#7ed98a2e,#7ed98a00 60%),conic-gradient(from 0deg,transparent 0deg,var(--loading-accent) 70deg,transparent 140deg);animation:loading-spin 1.1s linear infinite;filter:saturate(.85)}.loading-label{font-size:13px;letter-spacing:.15em;text-transform:uppercase;opacity:.85}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-mark{animation:none}}#battle{position:fixed;inset:0;z-index:15;display:none;pointer-events:none;color:#f3efe4;text-shadow:0 1px 2px rgba(0,0,0,.6)}#battle.visible{display:block}.hp-bar{position:absolute;width:min(280px,calc(100vw - 32px));padding:8px 12px;background:#080a0e99;border-radius:6px;font-size:13px;letter-spacing:.02em}.hp-bar.enemy{top:max(16px,env(safe-area-inset-top,16px));left:50%;transform:translate(-50%);text-align:center}.hp-bar.player{bottom:calc(max(48px,env(safe-area-inset-bottom,48px)) + 56px);left:50%;transform:translate(-50%);text-align:center}.hp-bar-name{font-weight:600;margin-bottom:6px}.hp-bar-track{height:8px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:4px}.hp-bar-fill{height:100%;width:100%;background:linear-gradient(to right,#7ed98a,#4fa861);transition:width .2s ease-out}.hp-bar-num{font-size:11px;opacity:.8}.battle-action{position:absolute;bottom:max(48px,env(safe-area-inset-bottom,48px));left:50%;transform:translate(-50%);padding:10px 18px;background:#080a0ebf;border-radius:6px;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.battle-choices{position:absolute;bottom:max(40px,env(safe-area-inset-bottom,40px));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto;max-width:min(420px,calc(100vw - 32px))}.battle-choices[hidden]{display:none}.battle-btn{appearance:none;border:none;padding:12px 22px;min-width:110px;min-height:44px;background:#141920d9;color:#f3efe4;border-radius:6px;font:inherit;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.battle-btn.primary{background:linear-gradient(180deg,#5dc26d,#4ea75c);color:#0c1c10;font-weight:600}.battle-btn:active{transform:translateY(1px)}.battle-floats{position:absolute;inset:0;pointer-events:none}.battle-float{position:absolute;font-size:28px;font-weight:700;color:#ff6b6b;text-shadow:0 0 6px rgba(0,0,0,.7);animation:battle-float-up 1.2s ease-out forwards}.battle-float.miss{color:#c8c8c8;font-style:italic}.battle-float.player-side{left:25%;top:48%}.battle-float.enemy-side{right:25%;top:48%}@keyframes battle-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-72px)}}@media (prefers-reduced-motion: reduce){.battle-float{animation:none;opacity:1}}#party-panel{position:fixed;top:max(8px,env(safe-area-inset-top,8px));right:max(8px,env(safe-area-inset-right,8px));padding:6px 10px;background:#080a0e8c;color:#e8e8e8;border-radius:4px;font-size:12px;z-index:10;letter-spacing:.04em;display:none;min-width:140px;text-align:right}#party-panel.visible{display:block;pointer-events:auto}.party-title{font-weight:600;margin-bottom:4px;opacity:.85}.party-list{margin:0;padding:0;list-style:none}.party-member{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:4px 6px;margin:2px 0;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.party-member:hover,.party-member:active{background:#ffffff14}.party-member.leader{background:#7ed98a24;color:#d2efd6}.party-dot{font-size:14px;line-height:1;opacity:.7}.party-member.leader .party-dot{color:#7ed98a;opacity:1}.party-name{font-weight:500}#menu-button{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,16px));right:max(16px,env(safe-area-inset-right,16px));padding:10px 16px;min-width:64px;min-height:44px;background:#080a0eb3;color:#e8e8e8;border:1px solid rgba(255,255,255,.12);border-radius:6px;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;z-index:11;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#menu-button:active{transform:translateY(1px)}#menu-button.hidden{display:none}#codex{position:fixed;inset:0;z-index:25;display:none;background:#0000008c;align-items:center;justify-content:center;padding:24px}#codex.visible{display:flex}.codex-card{background:#11151b;color:#f3efe4;width:min(420px,100%);max-height:min(560px,90vh);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 12px 32px #0000008c;overflow:hidden}.codex-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.codex-title{margin:0;font-size:15px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.codex-close{appearance:none;border:none;background:transparent;color:#d6d2c4;font-size:24px;width:36px;height:36px;line-height:32px;border-radius:4px;cursor:pointer}.codex-close:hover{background:#ffffff0f}.codex-points{padding:10px 16px 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.codex-section{margin:12px 16px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;font-weight:600}.codex-list,.codex-heroes{list-style:none;margin:0;padding:4px 8px 8px;overflow-y:auto}.codex-card{overflow-y:auto}.codex-hero{margin:4px 0;padding:10px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.codex-hero.recruited{background:#7ed98a14;border-color:#7ed98a66}.codex-hero-head{display:flex;justify-content:space-between;align-items:baseline}.codex-hero-name{font-weight:600}.codex-hero-status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.codex-hero.recruited .codex-hero-status{color:#7ed98a}.codex-hero-era{margin-top:2px;font-size:11px;opacity:.55}.codex-hero-blurb{margin-top:4px;font-size:12px;font-style:italic;opacity:.8}.codex-hero-move,.codex-hero-contribs{margin-top:4px;font-size:11px;opacity:.7;letter-spacing:.02em}.codex-node{margin:4px 0;padding:10px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:default;-webkit-tap-highlight-color:transparent}.codex-node.available{background:#7ed98a1f;border-color:#7ed98a80;cursor:pointer}.codex-node.available:active{transform:translateY(1px)}.codex-node.unlocked{background:#7ed98a0f;border-color:#7ed98a4d;opacity:.85}.codex-node.locked{opacity:.5}.codex-node.affordable-locked{opacity:.65}.codex-node-head{display:flex;align-items:baseline;justify-content:space-between}.codex-node-name{font-weight:600}.codex-node-cost{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.codex-node.unlocked .codex-node-cost{color:#7ed98a}.codex-node-blurb{font-size:12px;opacity:.75;margin-top:4px;font-style:italic}.codex-node-req{font-size:11px;opacity:.55;margin-top:4px;letter-spacing:.04em}