:root{--paper: #f4f1e8;--paper-dim: #e9e5d6;--ink: #201f1a;--ink-dim: #6b6a5e;--line: #cfc9b4;--accent: #7a2f20;--ok: #4a5c3a;--warn: #8a5f16}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--paper);color:var(--ink);font-family:Georgia,Iowan Old Style,ui-serif,serif;overflow-x:hidden}button{font-family:inherit;cursor:pointer}.sp-app{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;overflow:hidden}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--paper-dim);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.04em}.sp-header .title{font-weight:700;letter-spacing:.12em}.sp-help-btn{width:30px;height:30px;min-width:30px;border-radius:50%;border:1px solid var(--ink-dim);background:var(--paper);color:var(--ink);font-weight:700}.sp-hud{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--paper);border-bottom:1px solid var(--line);font-size:11px;color:var(--ink-dim)}.sp-compass{width:34px;height:34px;flex:none}.sp-steadiness{display:flex;gap:3px;align-items:center}.sp-steady-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink-dim);background:transparent}.sp-steady-dot.filled{background:var(--ink-dim)}.sp-map-wrap{flex:1;min-height:0;background:var(--paper-dim);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:4px}.sp-map{width:100%;height:100%;max-height:100%}.sp-log{padding:4px 12px;background:var(--paper);border-bottom:1px solid var(--line);font-size:11px;color:var(--ink-dim);max-height:46px;overflow-y:auto;line-height:1.4}.sp-shot-banner{padding:5px 12px;background:var(--accent);color:var(--paper);font-size:12px;font-weight:700;text-align:center;letter-spacing:.04em}.sp-controls{background:var(--paper-dim);padding:8px 10px 10px;flex:none}.sp-mode-row{display:flex;gap:4px;margin-bottom:8px}.sp-mode-btn{flex:1;min-height:36px;border:1px solid var(--line);background:var(--paper);color:var(--ink-dim);font-size:11px;font-weight:700;border-radius:4px;letter-spacing:.04em}.sp-mode-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sp-controls-row{display:flex;gap:10px}.sp-dpad{display:grid;grid-template-columns:repeat(2,46px);grid-template-rows:repeat(3,40px);gap:3px}.sp-dpad button{min-height:40px;min-width:46px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;border-radius:4px}.sp-dpad button:disabled{opacity:.3}.sp-action-col{flex:1;display:flex;flex-direction:column;gap:4px}.sp-action-btn{min-height:40px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:12px;font-weight:700;border-radius:4px;letter-spacing:.03em}.sp-action-btn:disabled{opacity:.35}.sp-action-btn.primary{border-color:var(--accent);color:var(--accent)}.sp-action-btn.primary:not(:disabled){background:var(--accent);color:var(--paper)}.sp-sheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:#14130f8c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sp-sheet{width:100%;max-width:480px;max-height:82vh;overflow-y:auto;background:var(--paper);border-top:2px solid var(--ink);padding:16px}.sp-sheet h2{margin:0 0 10px;font-size:16px;letter-spacing:.1em;color:var(--ink)}.sp-onboard ul{padding-left:18px;font-size:13px;line-height:1.55;color:var(--ink)}.sp-onboard li{margin-bottom:8px}.sp-sheet-close{width:100%;min-height:44px;margin-top:6px;background:var(--ink);color:var(--paper);border:none;border-radius:4px;font-weight:700;letter-spacing:.06em}.sp-endscreen{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;z-index:30}.sp-endscreen .outcome{font-size:20px;letter-spacing:.06em}.sp-endscreen .outcome.clean{color:var(--accent)}.sp-endscreen .outcome.wounded{color:var(--warn)}.sp-endscreen .detail{font-size:13px;color:var(--ink-dim);max-width:320px;line-height:1.5}.sp-endscreen .share{background:var(--paper-dim);border:1px solid var(--line);padding:12px;font-size:12px;border-radius:4px;max-width:340px}.sp-endscreen-buttons{display:flex;gap:8px}.sp-newrun-btn{min-height:44px;min-width:140px;background:var(--ink);color:var(--paper);border:none;font-weight:700;border-radius:4px;font-size:13px;letter-spacing:.03em}.sp-newrun-btn.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line)}