:root{color-scheme:dark;font-family:DIN Condensed,Arial Narrow,ui-monospace,SFMono-Regular,monospace;background:#090d0c;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#090d0c;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:relative;max-width:620px;margin:0 auto;background:#313935;isolation:isolate}#app:after{position:absolute;z-index:2;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgb(0 0 0 / 22%),transparent 16%,transparent 84%,rgb(0 0 0 / 22%)),linear-gradient(180deg,rgb(3 7 6 / 20%),transparent 25%,transparent 76%,rgb(3 7 6 / 14%));mix-blend-mode:multiply}#game{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:3;top:max(14px,env(safe-area-inset-top));left:12px;right:12px;display:grid;grid-template-columns:minmax(74px,auto) 1fr minmax(74px,auto);align-items:start;gap:8px;pointer-events:none}.pill{min-width:74px;padding:8px 9px 9px 12px;border:1px solid rgb(210 220 207 / 38%);border-left:3px solid #91a873;background:#0e1513db;box-shadow:inset 0 1px #ffffff12,0 8px 22px #00000042;clip-path:polygon(0 0,94% 0,100% 18%,100% 100%,0 100%);text-align:left}.pill.enemy{border-left-color:#bd6d54}.pill span,.stage-status{display:block;color:#b8c1b4;font-size:10px;font-weight:700;letter-spacing:.12em}.pill strong{display:block;color:#d4e0c1;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1}.pill.enemy strong{color:#e3a28a}.route-panel{min-width:0;display:grid;gap:7px;padding-top:3px}.stage-status{color:#d8ddd4;text-align:center;text-shadow:0 1px 3px rgb(0 0 0 / 80%)}.stage-status b{color:#99ae7c;font-size:12px;line-height:0}.stage-status strong{color:#f0f3ec;font-size:11px}.progress{height:5px;overflow:hidden;border:1px solid rgb(224 232 215 / 30%);background:#070c0ac2;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.progress i{display:block;width:0%;height:100%;background:#91a873;box-shadow:0 0 8px #aac17b70;transition:width .1s linear}.hint{position:absolute;z-index:3;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));left:50%;padding:8px 12px;transform:translate(-50%);border:1px solid rgb(218 226 212 / 30%);color:#e3e8ddeb;background:#0a100ec7;box-shadow:0 7px 18px #0000003d;font-size:10px;font-weight:700;letter-spacing:.09em;white-space:nowrap;pointer-events:none;transition:opacity .18s ease}.hint.fade{opacity:0}.result{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:24px;background:#050908c7;transition:opacity .18s ease}.result.hidden{visibility:hidden;opacity:0;pointer-events:none}.stage-clear{position:absolute;z-index:4;top:28%;left:50%;display:grid;gap:5px;min-width:224px;padding:13px 16px 14px;border:1px solid rgb(205 215 194 / 42%);border-left:4px solid #a0b579;color:#edf1e8;background:#0d1612e8;box-shadow:0 18px 46px #0000006b;opacity:0;pointer-events:none;text-align:left;transform:translate(-50%,-8px);transition:opacity .15s ease-out,transform .18s ease-out}.stage-clear.visible{opacity:1;transform:translate(-50%)}.stage-clear p,.stage-clear strong,.stage-clear span{margin:0}.stage-clear p,.stage-clear span{color:#c2cbba;font-size:10px;font-weight:700;letter-spacing:.14em}.stage-clear strong{font-size:25px;letter-spacing:.03em;line-height:1}.result-card{width:min(100%,360px);padding:22px 20px 20px;border:1px solid rgb(215 223 205 / 35%);border-top:3px solid #91a873;background:#101713;box-shadow:0 28px 80px #0000008f;text-align:left}.result-card p{margin:0;color:#bdc7b8}#result-kicker{font-size:11px;font-weight:700;letter-spacing:.16em}.result-card h1{margin:9px 0 12px;color:#dce8cc;font-size:clamp(30px,9vw,42px);letter-spacing:.01em}.result-card.loss h1{color:#e19b84}#result-detail{min-height:24px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.45}#restart{width:100%;margin-top:22px;min-height:46px;padding:13px 16px;border:1px solid #b9c9a0;border-radius:0;color:#0f1712;background:#b6c993;box-shadow:inset 0 1px #ffffff6b;font:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;cursor:pointer}#restart:active{background:#93aa72;transform:translateY(1px)}.landscape-warning{display:none}@media(prefers-reduced-motion:reduce){.hint,.stage-clear,.progress i{transition:none}}@media(orientation:landscape)and (max-height:500px){.landscape-warning{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:24px;color:#edf1e8;background:#0c1210;font-size:14px;font-weight:700;letter-spacing:.08em;text-align:center}}