:root{color-scheme:light;--ink:#233d43;--cream:#fff9e9;--yellow:#ffcf59;--teal:#21867e}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e8ba91;color:var(--ink);font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;font-weight:600}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f78a46;outline-offset:5px}button:active{transform:translateY(2px)}[hidden]{display:none!important}#game{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}#hud{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 34px;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:900}.brand small{display:block;font-size:8px;letter-spacing:.16em;margin-top:5px}.brand-icon{display:grid;place-items:center;background:var(--ink);color:var(--cream);border-radius:13px;width:42px;height:45px;font-size:24px;transform:rotate(-6deg)}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button{padding:10px 14px;border-radius:30px;border:1px solid #233d4330;background:#fff9e9c9;font-size:12px}#run-hud{position:absolute;top:98px;left:34px;right:34px;display:flex;gap:24px;align-items:center;pointer-events:none}.counter{border:1px solid #fff8;background:#fff9e9e8;box-shadow:0 6px 20px #4b3a2420;border-radius:18px;padding:10px 20px;white-space:nowrap}.counter small{display:block;font-size:10px;letter-spacing:.1em}.counter strong{font-size:40px;line-height:1.1;font-variant-numeric:tabular-nums}.counter span{font-size:13px;margin-left:7px}.journey{max-width:330px;width:100%;background:#fff9e9c9;padding:13px 16px;border-radius:14px}.journey-label{display:flex;justify-content:space-between;font-size:11px}.progress{position:relative;height:6px;background:#233d4320;margin:10px 0;border-radius:9px}.progress i{display:block;height:100%;background:var(--teal);border-radius:9px;width:0}.progress b{position:absolute;top:0;width:2px;height:6px;background:#fff}.journey>small{display:flex;justify-content:space-between;font-size:8px}.journey>small span{opacity:.6}#title{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff6dfef 0%,#fff6dfc9 24%,#fff6df00 57%)}.title-copy{position:absolute;top:24%;left:7%;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.17em;display:flex;align-items:center;gap:7px}.eyebrow i,.demo-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal)}h1{font-size:clamp(42px,5.7vw,80px);letter-spacing:-.06em;line-height:1.2;margin:18px 0 10px;font-weight:1000}h1 span{color:var(--teal)}.subtitle{font-size:16px;letter-spacing:.35em;margin:16px 0}.intro{font-size:13px;line-height:1.9;color:#5a6b68;margin:20px 0}.primary{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);color:var(--cream);border-radius:12px;padding:17px 25px;box-shadow:0 5px 0 #132b30;font-size:15px;font-weight:800;min-width:240px}.primary:disabled{opacity:.4}.primary span{font-size:23px}.controls-note{font-size:10px;margin:20px 0;color:#60736e}.controls-note span{display:inline-block;margin-left:10px}kbd{border:1px solid #233d4330;padding:3px 5px;border-radius:4px;margin-right:3px}#hub{color:var(--ink);font-size:11px;text-decoration:none;border-bottom:1px solid #233d4350;padding-bottom:4px}.demo-tag{position:absolute;bottom:85px;right:5%;background:#fff9e9d9;border-radius:25px;font-size:10px;letter-spacing:.14em;padding:10px 16px}.demo-tag span{letter-spacing:0;font-size:9px;margin-left:10px;opacity:.65}.title-footer{position:absolute;bottom:25px;left:34px;right:34px;font-size:8px;letter-spacing:.15em;border-top:1px solid #233d4320;padding-top:15px;display:flex;justify-content:space-between}body.demo #run-hud{left:auto;top:100px;right:34px}body.demo .journey{display:none}#choice{position:absolute;top:210px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;pointer-events:none}.choice-side{background:#fff9e9ed;border:2px solid #fff;border-radius:17px;padding:13px 20px;min-width:160px;box-shadow:0 5px 0 #233d4320}.choice-side small{font-size:10px}.choice-side strong{display:block;font-size:21px}.choice-side span{display:block;font-size:11px;margin-top:5px;color:var(--teal)}.choice-side.right{border-color:#ed9c77}.choice-side.left{border-color:#6cbbb1}.choice-center{font-size:12px;text-align:center;white-space:nowrap;text-shadow:0 1px 8px #fff}.choice-center small{display:block;font-size:8px;margin-top:5px}#toast{position:absolute;top:40%;left:50%;transform:translateX(-50%) rotate(-4deg);font-size:24px;font-weight:1000;color:#fff9e9;text-shadow:2px 3px 0 #267e79;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}#cinema{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);text-align:center;pointer-events:none;color:var(--cream);text-shadow:0 2px 12px #233d43;white-space:nowrap;opacity:0;transition:opacity .2s}#cinema.show{opacity:1}#cinema small{font-size:10px;letter-spacing:.25em;background:var(--ink);padding:5px 13px;border-radius:20px}#cinema strong{display:block;font-size:clamp(26px,4vw,50px);font-weight:1000;margin:8px 0;letter-spacing:.05em}#cinema p{margin:0;font-size:13px}#touch{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;width:70px;height:64px;border-radius:20px;border:2px solid #fff9;background:#fff9e9c9;font-size:25px;box-shadow:0 5px 0 #233d4320}#touch span{font-size:11px;background:#fff9e9b0;border-radius:20px;padding:8px 14px}#result,#loading{position:absolute;inset:0;display:grid;place-items:center;background:#1b393c60;backdrop-filter:blur(8px);z-index:5}.result-card{background:var(--cream);border:1px solid white;border-radius:26px;padding:35px;box-shadow:0 25px 70px #182c3d45;min-width:330px;text-align:center}.result-card .eyebrow{justify-content:center;color:var(--teal)}.result-card h2{font-size:28px;margin:15px 0 10px}.result-card p{font-size:12px;color:#64736e;line-height:1.8}.score{margin:20px 0}.score strong{font-size:64px;line-height:1;letter-spacing:-.05em;display:block}.score span{font-size:9px;letter-spacing:.3em}.result-stats{display:flex;justify-content:space-around;border-block:1px solid #233d4320;padding:14px 0;margin-bottom:24px;font-size:10px}.result-stats b{display:block;font-size:17px;margin-top:3px}.result-card .primary{width:100%;justify-content:center}.secondary{background:transparent;margin-top:18px;font-size:12px}#loading{background:var(--cream);display:flex;flex-direction:column}#loading h2{font-size:21px}#loading p{font-size:12px}body.demo #cinema{left:70%;bottom:21%}body.demo #cinema strong{font-size:26px}body.demo #choice{display:none}
@media(max-width:650px){#hud{padding:18px}.brand{font-size:13px;gap:8px}.brand small{font-size:6px}.brand-icon{width:34px;height:37px;font-size:20px}.top-actions button{padding:8px 10px;font-size:10px}#run-hud{left:18px;right:18px;top:81px;gap:10px}.counter{padding:8px 13px;border-radius:13px}.counter strong{font-size:30px}.journey{padding:10px;font-size:9px}.journey>small span{display:none}.title-copy{left:7%;top:24%}h1{font-size:48px}.eyebrow{font-size:7px}.subtitle{font-size:13px}.intro{font-size:11px}.primary{padding:14px 18px;min-width:210px}.controls-note{font-size:9px;max-width:200px;line-height:2}.controls-note span{margin:3px 0 0}.demo-tag{bottom:68px;right:6%;font-size:8px}.demo-tag span{display:none}.title-footer{left:18px;right:18px;font-size:6px}#title{background:linear-gradient(90deg,#fff6dfe0,#fff6df90 40%,#fff6df00 85%)}body.demo #run-hud{top:86px;right:18px}body.demo #cinema{left:65%;bottom:20%}body.demo #cinema strong{font-size:20px}body.demo #cinema p{font-size:9px}#choice{top:175px;width:calc(100% - 30px);gap:8px}.choice-side{min-width:0;width:50%;padding:10px 13px}.choice-side strong{font-size:19px}.choice-side span{font-size:9px}.choice-center{display:none}#touch{left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom))}#touch button{width:60px;height:58px}#touch span{font-size:8px;padding:7px}#cinema{bottom:22%}#cinema p{font-size:11px}.result-card{min-width:0;width:calc(100% - 38px);padding:27px}.score strong{font-size:56px}}@media(max-height:580px){.title-copy{top:18%}h1{font-size:40px;margin:12px 0}.subtitle{margin:8px 0}.intro{margin:12px 0}.controls-note{margin:12px 0}.title-footer{bottom:12px}.demo-tag{bottom:48px}#choice{top:170px}.result-card{padding:20px}.score{margin:10px 0}.score strong{font-size:40px}}

#hud,#run-hud{z-index:2}body.demo #toast{display:none}

#toast,#cinema{visibility:hidden}#toast.show,#cinema.show{visibility:visible}
#choice{gap:10px;top:195px}.choice-side{min-width:145px;transition:transform .12s,background .12s}.choice-side.middle{border-color:#b1a1ca}.choice-side.selected{background:#fff0b9;transform:translateY(-5px);box-shadow:0 6px 0 #d9a950}.choice-side.danger strong{color:#bf4e3c}#toast{font-size:21px;top:35%}
@media(max-width:650px){#choice{top:165px;gap:6px}.choice-side{min-width:0;flex:1;padding:9px 8px}.choice-side strong{font-size:17px}.choice-side span{font-size:9px}.choice-side small{font-size:9px}#toast{font-size:18px;white-space:nowrap}}

#recover-count{color:#21867e;margin-top:4px;font-size:10px}

.choice-side em{display:block;font-size:10px;font-style:normal;margin-top:5px}.choice-side.danger em{color:#bf4e3c}@media(max-width:650px){.choice-side em{font-size:9px}}

.stage-select{display:flex;gap:6px;margin:12px 0 0}.stage-select button{padding:8px 12px;border-radius:8px;background:#fff9e9cf;border:1px solid #678c89;font-size:11px}.stage-select button.selected{background:#21867e;color:#fff9e9}#stage-note{font-size:10px;margin:8px 0 12px}.title-copy{top:19%}.intro{margin:12px 0}.controls-note{margin:14px 0}#next-stage:not([hidden])+#retry{margin-top:12px;background:#476b70;padding:12px;font-size:12px}@media(max-height:700px){.title-copy{top:18%}h1{font-size:40px;margin:10px 0}.subtitle{margin:8px 0}.intro{margin:8px 0;font-size:11px}.stage-select{margin-top:8px}.controls-note{margin:10px 0}.primary{padding:12px 18px}}