:root{font-family:Inter,"Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;color:#173c38;background:#dbe7e4;font-synthesis:none;--cream:#f7f7ed;--ink:#163c39;--accent:#d8e8b7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid #e3a354;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}body>canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}.overlay{position:fixed;inset:0;z-index:30;overflow:auto;background:#173f3c;color:var(--cream);padding:clamp(24px,4.5vw,72px);background-image:radial-gradient(ellipse at 0 0,#456b56 0,transparent 60%),linear-gradient(140deg,transparent 50%,#244d43 50%,#244d43 50.15%,transparent 50.15%)}.intro-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;min-height:calc(100svh - 170px)}.eyebrow,.overline,.panel-top{font-size:11px;letter-spacing:.17em;font-weight:700}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c4d99a;margin-right:8px}.overline{margin-top:54px;color:#c5dba9}h1{font-size:clamp(38px,4.6vw,70px);font-weight:600;line-height:1.45;letter-spacing:.01em;margin:22px 0 25px}.lead{font-size:15px;line-height:2.2;color:#cddbd4}.location{margin-top:42px;display:flex;flex-direction:column;gap:8px}.location span{font-size:10px;letter-spacing:.16em;color:#adc2b9}.location strong{font-weight:500;font-size:20px;letter-spacing:.2em}.launch-panel,.pause-panel{background:var(--cream);color:var(--ink);padding:32px 36px;border-radius:4px;box-shadow:0 24px 80px #09292533}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px}.version{padding:5px 8px;border:1px solid #c4d0b9;border-radius:20px;white-space:nowrap}h2{font-size:26px;font-weight:600;letter-spacing:.03em;margin:22px 0 14px}.muted{color:#60746a;font-size:13px;line-height:1.8}.small{font-size:11px}label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}select{width:100%;padding:12px;border:1px solid #bcc9bc;border-radius:3px;background:#fffef6;color:var(--ink);font-size:13px;min-height:45px}.primary,.secondary{width:100%;padding:15px 18px;margin-top:24px;min-height:50px;border:0;border-radius:3px;background:var(--ink);color:var(--cream);font-weight:600;font-size:14px;text-align:left}.primary span{float:right}.primary:hover{background:#2c5c50}.secondary{background:#e3e8d5;color:var(--ink);margin-top:12px}.instructions{display:grid;gap:12px;margin-top:24px;border-top:1px solid #d5ddcc;padding-top:20px}.instructions>div{display:flex;gap:15px;font-size:11px;line-height:1.9}.instructions b{width:42px;flex-shrink:0}.instructions span{color:#617368}.footnote{font-size:9px;line-height:1.7;color:#7c897f;margin:20px 0 0}footer{display:flex;max-width:1250px;margin:26px auto 0;font-size:9px;letter-spacing:.14em;justify-content:space-between;color:#b1c6bd}.progress-line{display:flex;justify-content:space-between;font-size:12px;margin-top:24px;gap:12px}progress{appearance:none;width:100%;height:5px;margin-top:12px}progress::-webkit-progress-bar{background:#dce4d3}progress::-webkit-progress-value{background:#4e7450}progress::-moz-progress-bar{background:#4e7450}.error{color:#9d3e2e;font-size:12px;line-height:1.8}.hud-top{position:fixed;top:0;left:0;right:0;padding:calc(18px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(#102a3960,transparent);z-index:12;color:#fff}.brand{display:flex;align-items:center;text-shadow:0 2px 8px #0005}.brand b{font-size:17px;font-weight:600;letter-spacing:.12em}.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:3px}.hud-actions{display:flex;align-items:center;gap:14px;pointer-events:auto}.hud-actions>span{font-size:10px;background:#173a3866;padding:5px 9px;border-radius:12px}.hud-actions button{background:#163c39c9;color:#fff;border:1px solid #fff4;border-radius:8px;width:44px;height:44px;font-size:19px}#mode-label{position:fixed;top:95px;left:24px;z-index:10;background:#163c39d9;color:#fff;border-radius:20px;padding:8px 15px;font-size:12px;pointer-events:none}#mode-label span{margin-left:8px;font-size:9px;color:#b8d8b3;letter-spacing:.08em}.telemetry{position:fixed;right:24px;bottom:40px;z-index:10;color:#fff;text-shadow:0 1px 5px #183831;pointer-events:none}.telemetry strong{font-size:48px;font-weight:400}.telemetry span{font-size:12px;margin-left:5px}.telemetry small{display:block;font-size:10px;text-align:right}#minimap{position:fixed;top:93px;right:22px;width:144px;height:144px;border-radius:50%;border:1px solid #fffffa88;background:#153a38cf;z-index:10;pointer-events:none}#toggle-mode{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:13px 22px;background:#f4f5e8ee;color:#173c38;border:1px solid #fff7;border-radius:24px;font-size:13px;z-index:15;min-height:46px;white-space:nowrap}kbd{font:inherit;font-size:10px;padding:3px 5px;margin-left:8px;border:1px solid #84957b;border-radius:3px}#desktop-help{position:fixed;bottom:30px;left:24px;color:#fff;font-size:11px;text-shadow:0 1px 5px #173c38;z-index:10;max-width:32%;line-height:1.8;pointer-events:none}#notice{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);padding:9px 15px;border-radius:4px;max-width:80%;background:#163c39dc;color:#fff;font-size:12px;text-align:center;z-index:15;pointer-events:none}#notice:empty{display:none}#touch-controls{touch-action:none;user-select:none;-webkit-user-select:none;position:fixed;inset:0;z-index:8}#walk-pad,#look-pad{position:absolute;top:80px;bottom:0;width:49%;touch-action:none}#walk-pad{left:0}#look-pad{right:0}.touch-hint{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);font-size:12px;color:#fff8;pointer-events:none}#stick-base{position:absolute;left:30%;bottom:60px;width:100px;height:100px;margin-left:-50px;border:1px solid #fff6;border-radius:50%;background:#fff1;pointer-events:none}#stick-knob{position:absolute;left:30px;top:30px;width:40px;height:40px;background:#f3f6e7aa;border-radius:50%;box-shadow:0 3px 10px #173c3933}.steering,.pedals{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom));display:flex;gap:12px;z-index:11}.steering{left:max(20px,env(safe-area-inset-left))}.pedals{right:max(20px,env(safe-area-inset-right))}.steering button,.pedals button{width:66px;height:72px;background:#193f3bd9;border:1px solid #fff8;color:#f8f8e8;border-radius:12px;touch-action:none;font-size:23px}.pedals button{font-size:12px;width:80px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.pedals small{font-size:8px;color:#c7d9c4}.pedals #throttle{background:#d6e7b9ed;color:#173c38}.pedals #throttle small{color:#58714c}.pressed{filter:brightness(1.45);transform:translateY(2px)}#pause{display:grid;place-items:center;background:#173c39aa;backdrop-filter:blur(10px);padding:24px}.pause-panel{max-width:400px;width:100%}.text-button{width:100%;border:0;background:none;color:#406b52;padding:16px 4px;text-decoration:underline;font-size:12px}.touch #desktop-help,.touch kbd{display:none}.touch .telemetry{right:23px;bottom:145px}.touch #toggle-mode{bottom:24px}.touch.driving #toggle-mode{bottom:145px}.touch.driving #notice{bottom:205px}.touch #minimap{width:100px;height:100px}.touch #mode-label{font-size:10px;top:88px;left:20px}.touch .telemetry strong{font-size:32px}.touch #notice{bottom:84px}.driving #walk-pad,.driving #look-pad{display:none}
@media(max-width:760px){.overlay{padding:28px 22px}.intro-grid{display:block;min-height:0;max-width:480px}.intro-title .eyebrow{font-size:9px}.overline{margin-top:30px;font-size:9px}h1{font-size:35px;margin:16px 0 18px;line-height:1.35}.lead{font-size:12px;line-height:1.9;margin-bottom:24px}.location{display:none}.launch-panel{padding:25px 24px}.launch-panel h2{font-size:23px}.launch-panel .muted{font-size:12px}.instructions{margin-top:20px}.footnote{font-size:8px}footer{max-width:480px;font-size:8px}footer span{display:none}.brand b{font-size:14px}.hud-top{padding:calc(12px + env(safe-area-inset-top)) 18px 10px}.steering{gap:8px;left:14px}.steering button{width:55px;height:65px}.pedals{gap:8px;right:14px}.pedals button{width:68px;height:78px}.touch.driving #toggle-mode{bottom:140px}}@media(max-height:500px) and (orientation:landscape){.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px}.intro-title h1{font-size:32px}.launch-panel{padding:20px}.instructions{display:none}.intro-title .overline{margin-top:25px}.telemetry{bottom:140px}#minimap{width:90px!important;height:90px!important;top:73px}.touch #mode-label{top:70px}.touch.driving #toggle-mode{bottom:24px}.touch.driving #notice{bottom:80px}.pause-panel{padding:20px}#pause{align-items:start}.pause-panel h2{margin:12px 0}.pause-panel label{margin-top:12px}}