:root{--ink:#e9e4d8;--ink-dim:#e9e4d89e;--ink-faint:#e9e4d84d;--night:#05070c;--accent:#c8423a;--serif:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;--sans:"Zen Kaku Gothic New", "Yu Gothic", "Hiragino Sans", "Segoe UI", sans-serif;color:var(--ink);background:var(--night);font-family:var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{background:var(--night);width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-width:320px}#app{position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.hidden{display:none!important}#monologue{max-width:min(720px,100vw - 32px);color:var(--ink);font-family:var(--serif);letter-spacing:.01em;text-align:center;text-shadow:0 2px 14px #000000f2,0 0 2px #000000e6;opacity:0;pointer-events:none;background:#06080cb8;border-radius:6px;padding:8px 18px;font-size:clamp(1rem,2.1vw,1.3rem);font-style:italic;line-height:1.5;transition:opacity .6s,transform .6s;position:absolute;bottom:max(13vh,92px);left:50%;transform:translate(-50%,6px);box-shadow:0 4px 18px #00000073}#monologue.visible{opacity:1;transform:translate(-50%)}#pace{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;grid-template-columns:auto auto;align-items:center;gap:6px 12px;font-size:.72rem;display:grid;position:absolute}#pace-dots{gap:5px;display:flex}#pace-dots i{border:1px solid var(--ink-faint);border-radius:50%;width:7px;height:7px;transition:background .2s}#pace-dots i.on{background:var(--ink-dim);border-color:#0000}#pace.running #pace-dots i.on{background:var(--accent)}#stamina{opacity:0;background:#e9e4d81f;grid-column:1/-1;width:120px;height:2px;transition:opacity .4s}#stamina.visible{opacity:1}#stamina-fill{background:var(--ink-dim);transform-origin:0;width:100%;height:100%}#stamina.exhausted #stamina-fill{background:var(--accent)}#hint{top:max(18px, env(safe-area-inset-top));color:var(--ink-dim);letter-spacing:.06em;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;font-size:.78rem;transition:opacity 1.2s;position:absolute;left:50%;transform:translate(-50%)}#hint.visible{opacity:1}#hint kbd{border:1px solid var(--ink-faint);min-width:1.6em;font-family:var(--sans);color:var(--ink);border-radius:3px;margin:0 2px;padding:1px 5px;font-size:.72rem;display:inline-block}#prompt{color:var(--ink);letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;justify-items:center;gap:8px;font-size:.82rem;transition:opacity .3s;display:grid;position:absolute;bottom:max(26vh,170px);left:50%;transform:translate(-50%)}#prompt.visible{opacity:1}#prompt-bar{background:#e9e4d826;width:160px;height:2px}#prompt-fill{background:var(--ink);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}#phone{right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;background:#0b0d12;border-radius:26px;width:min(214px,42vw);padding:10px 9px 12px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(120%)rotate(4deg);box-shadow:0 0 0 2px #23262d,0 0 50px #6ea0ff38,0 20px 50px #000000b3}.phone-top,.phone-foot{color:#dfe7f5;justify-content:space-between;align-items:center;padding:2px 10px 6px;font-size:.7rem;font-weight:700;display:flex}.phone-foot{letter-spacing:.08em;justify-content:center;padding:8px 0 0}.battery{color:#ff8a80;align-items:center;gap:4px;display:inline-flex}.battery i{background:linear-gradient(90deg,#ff8a80 14%,#0000 14%);border:1px solid #ff8a80;border-radius:2px;width:16px;height:8px;display:inline-block}#phone-map{border-radius:14px;width:100%;height:auto;display:block}#fade{opacity:1;pointer-events:none;background:#000;transition:opacity 1.5s;position:absolute;inset:0}.screen{background:radial-gradient(at 50% 40%,#05070c8c,#05070ceb 70%);place-items:center;padding:24px 16px;display:grid;position:absolute;inset:0;overflow-y:auto}#title{background:radial-gradient(at 50% 45%,#05070c33,#05070cd9 75%)}.title-inner{text-align:center;justify-items:center;gap:14px;max-width:520px;display:grid}.kana{color:var(--accent);font-family:var(--serif);letter-spacing:.6em;margin:0;padding-left:.6em;font-size:1.1rem}h1,h2{font-family:var(--serif);letter-spacing:.04em;margin:0;font-weight:400}h1{font-size:clamp(2.8rem,9vw,4.6rem);line-height:1}h2{font-size:clamp(2rem,6vw,3rem)}.story{color:var(--ink-dim);font-family:var(--serif);margin:4px 0 0;font-size:1rem;line-height:1.7}.story.quiet{color:var(--ink-faint);margin:0;font-style:italic}button{color:var(--ink);font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e9e4d866;border-radius:999px;margin-top:10px;padding:12px 40px;font-size:.85rem;transition:background .25s,border-color .25s}button:hover,button:focus-visible{border-color:var(--ink);background:#e9e4d814;outline:none}button.ghost{color:var(--ink-dim);border-color:#0000;margin-top:0;font-size:.72rem}.controls{color:var(--ink-dim);text-align:left;grid-template-columns:auto auto;gap:5px 16px;margin:14px 0 0;font-size:.8rem;display:grid}.controls dt{color:var(--ink);text-align:right;font-weight:700}.controls dd{margin:0}.note{color:var(--ink-faint);letter-spacing:.1em;margin:4px 0 0;font-size:.72rem}#end-lines p,#end-hint,#end-stats,#retry-button{opacity:0;animation:1.4s forwards rise}#end-lines p{color:var(--ink-dim);font-family:var(--serif);margin:0;font-size:1.05rem;font-style:italic;line-height:1.7}#end-hint{border-top:1px solid var(--ink-faint);color:var(--ink);letter-spacing:.04em;margin:10px 0 0;padding-top:14px;font-size:.86rem}#end-stats{color:var(--ink-dim);grid-template-columns:auto auto;gap:4px 14px;margin:4px 0 0;font-size:.78rem;display:grid}#end-stats dt{text-align:right}#end-stats dd{color:var(--ink);text-align:left;margin:0}#end h2{color:#d9a6a0}#end.win h2{color:#e9dcc0}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#debug{color:#9fe2b0;pointer-events:none;background:#0009;margin:0;padding:8px 10px;font-size:11px;line-height:1.4;display:none;position:absolute;top:12px;left:12px}#debug.visible{display:block}#touch-controls{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#05070c59;border:1px solid #e9e4d838;border-radius:50%;width:clamp(104px,28vw,132px);position:relative}#touch-knob{aspect-ratio:1;background:#e9e4d88c;border-radius:50%;width:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-buttons{align-items:flex-end;gap:10px;display:flex}.touch-buttons button{aspect-ratio:1;letter-spacing:.12em;pointer-events:auto;touch-action:none;background:#05070c66;border-radius:50%;width:clamp(58px,16vw,72px);margin:0;padding:0;font-size:.62rem;line-height:1.2}#touch-run{border-color:#c8423ab3;width:clamp(70px,19vw,86px)}@media (pointer:coarse),(width<=760px){#touch-controls{display:flex}#pace{bottom:auto;top:max(16px, env(safe-area-inset-top))}#phone{bottom:auto;top:max(52px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));width:min(190px,46vw);transform:translate(140%)rotate(4deg)}#phone.open{transform:translate(0)rotate(-2deg)}#hint{display:none}#monologue{bottom:max(24vh,170px)}.controls{display:none}}#end .title-inner{max-width:680px}.title-extras{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 36px;margin-top:6px;display:flex}.phone-link{border:1px solid var(--ink-faint);text-align:left;border-radius:14px;align-items:center;gap:14px;max-width:340px;padding:12px 14px;display:flex}.phone-link img{width:112px;height:112px;image-rendering:pixelated;flex:none}.phone-link-text{color:var(--ink-dim);gap:4px;font-size:.74rem;line-height:1.45;display:grid}.phone-link-text strong{color:var(--ink);font-size:.82rem}.phone-link-url{color:var(--ink-faint);word-break:break-all;font-size:.66rem}.phone-link-status{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-top:2px;font-size:.7rem;display:flex}.phone-link-status i{background:var(--ink-faint);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite blink}.phone-link-status em{font-style:normal}.phone-link .c,.phone-link.connected .w{display:none}.phone-link.connected .c{color:#8fd6a8;display:inline}.phone-link.connected .phone-link-status i{background:#8fd6a8;animation:none}@keyframes blink{50%{opacity:.25}}#phone-badge{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;font-size:.66rem;transition:opacity .6s;position:absolute}#phone-badge.visible{opacity:1}@media (pointer:coarse),(width<=760px){.phone-link,#phone-badge{display:none!important}}#game-canvas{transition:filter .4s}#game-canvas.phone-focus{filter:blur(7px)brightness(.38)saturate(.7)}#phone,#phone.open{border-radius:34px;width:min(330px,44vh,82vw);padding:14px 12px 16px;inset:50% auto auto 50%}#phone{transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:translate(-50%,110vh)rotate(6deg)}#phone.open{transform:translate(-50%,-50%)rotate(-1.5deg)}#phone .phone-top,#phone .phone-foot{font-size:.82rem}#phone-hint{color:var(--ink);font-family:var(--serif);letter-spacing:.04em;text-shadow:0 2px 16px #000;opacity:0;pointer-events:none;font-size:clamp(1rem,2.4vw,1.4rem);font-style:italic;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#phone-hint.visible{opacity:.85}@media (pointer:coarse),(width<=760px){#phone,#phone.open{width:min(300px,74vw,46vh);top:50%;left:50%;right:auto}#phone{transform:translate(-50%,110vh)rotate(6deg)}#phone.open{transform:translate(-50%,-50%)rotate(-1.5deg)}}#battery-hud{color:var(--ink-dim);letter-spacing:.12em;grid-column:1/-1;align-items:center;gap:7px;font-size:.68rem;display:flex}#battery-hud .cell{border:1px solid var(--ink-faint);border-radius:2px;width:22px;height:10px;position:relative}#battery-hud .cell:after{content:"";background:var(--ink-faint);width:2px;height:4px;position:absolute;top:2px;right:-4px}#battery-fill{background:var(--ink-dim);width:50%;position:absolute;inset:1px auto 1px 1px}#battery-hud b{font-weight:500}#battery-hud.low{color:#ff8a80}#battery-hud.low #battery-fill{background:#ff8a80}#battery-hud.critical{animation:.9s ease-in-out infinite blink}#torch-state{color:var(--ink-faint)}#torch-state.on{color:#e9e4d8}#red{mix-blend-mode:multiply;opacity:0;pointer-events:none;background:radial-gradient(at 50% 45%,#78000059,#460000eb 75%);transition:opacity .5s;position:absolute;inset:0}#red.visible{opacity:1}#red.visible:after{content:"";mix-blend-mode:screen;background:#a0000047;position:absolute;inset:0}#end-texts{gap:6px;width:min(320px,86vw);display:grid}#end-texts:empty{display:none}#end-texts .text{color:var(--ink);text-align:left;background:#282e3cd9;border-radius:14px 14px 14px 4px;justify-self:start;padding:8px 12px;font-size:.85rem;animation:.6s rise}#end-texts .text small{color:var(--ink-faint);font-size:.66rem;display:block}#phone-chat{background:#000;border-radius:14px;flex-direction:column;height:min(560px,62vh);display:none;overflow:hidden}#phone.chat #phone-chat{display:flex}#phone.chat #phone-mapview{display:none}.chat-head{background:#1c1c1eeb;border-bottom:1px solid #1c1c1e;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.chat-back{color:#0a84ff;font-size:1.6rem;line-height:1}.chat-avatar{color:#fff;background:linear-gradient(#8e8e93,#636366);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;display:grid}.chat-name{color:#fff;font-size:.82rem;font-weight:600;line-height:1.15;display:grid}.chat-name small{color:#8e8e93;font-size:.66rem;font-weight:400}.chat-thread{flex-direction:column;flex:1;justify-content:flex-end;gap:4px;padding:10px 9px;display:flex;overflow:hidden}.bubble{max-width:78%;font-family:-apple-system, "Helvetica Neue", var(--sans);border-radius:17px;padding:7px 11px;font-size:.8rem;line-height:1.3;animation:.25s cubic-bezier(.2,.9,.3,1.3) pop}.bubble.mom{color:#fff;background:#26252a;border-bottom-left-radius:5px;align-self:flex-start}.bubble.me{color:#fff;background:#0a84ff;border-bottom-right-radius:5px;align-self:flex-end}.bubble.system{color:#ff453a;background:0 0;align-self:center;font-size:.7rem}.bubble.typing{gap:3px;padding:10px 12px;display:flex}.bubble.typing i{background:#8e8e93;border-radius:50%;width:6px;height:6px;animation:1.2s infinite dots}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes dots{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.chat-timer{background:#1c1c1e;height:2px;margin:0 10px}.chat-timer i{transform-origin:0;background:#0a84ff;height:100%;display:block}#phone.urgent .chat-timer i{background:#ff453a}.chat-replies{flex-direction:column;align-items:flex-end;gap:5px;padding:8px 9px 4px;display:flex}.chat-replies button{color:#0a84ff;font-family:-apple-system, "Helvetica Neue", var(--sans);letter-spacing:0;text-transform:none;text-align:right;pointer-events:auto;background:0 0;border:1px solid #0a84ff;border-radius:16px;margin:0;padding:6px 11px;font-size:.74rem}.chat-replies kbd{color:#8e8e93;font-family:var(--sans);margin-right:6px;font-size:.66rem}.chat-input{color:#636366;white-space:nowrap;border:1px solid #3a3a3c;border-radius:16px;margin:4px 9px 8px;padding:6px 12px;font-size:.76rem;overflow:hidden}.chat-input.active{color:#fff}.chat-hint{color:#636366;text-align:center;margin:0 0 8px;font-size:.64rem}#phone.chat{pointer-events:auto}#phone.open:not(.chat){width:min(400px,49vh,90vw)}#night-select{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}#night-select .night{letter-spacing:.06em;text-transform:none;border-radius:12px;gap:2px;margin:0;padding:8px 14px;font-size:.68rem;display:grid}#night-select .night strong{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}#night-select .night span{color:var(--ink-dim)}#night-select .night.current{border-color:var(--ink);background:#e9e4d81a}#night-select .night:disabled{opacity:.35;cursor:default}#night-card{text-align:center;opacity:0;pointer-events:none;justify-items:center;gap:6px;width:min(560px,100vw - 32px);display:grid;position:absolute;top:26%;left:50%;transform:translate(-50%)}#night-card.show{animation:6.5s forwards card}#card-night{color:var(--accent);letter-spacing:.4em;text-transform:uppercase;margin:0;font-size:.8rem}#card-title{font-size:clamp(2rem,6vw,3.2rem)}#card-sub{color:var(--ink-dim);font-family:var(--serif);margin:0 0 8px;font-style:italic}#card-lines p{color:var(--ink-dim);font-family:var(--serif);margin:0;line-height:1.7}@keyframes card{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}#next-button{border-color:var(--ink)}