*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#9dafb3;color:#fff;font-family:Arial,Malgun Gothic,sans-serif}canvas{display:block;width:100vw;height:100vh}header{position:absolute;top:30px;left:38px;right:38px;display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:2px}small{display:block;font-size:10px;letter-spacing:2px;opacity:.65;margin-top:7px}.brand{border:1px solid #ffffff65;padding:14px;font-size:20px}header button:first-of-type{margin-left:auto}button{color:#fff;background:#10292f80;border:1px solid #ffffff40;padding:12px 18px;border-radius:3px;cursor:pointer}button:hover,button.active{background:#d1f4df;color:#102b2e}label{font-size:10px;letter-spacing:3px;color:#d5e9e1}h1{font-size:38px;line-height:1.3;font-weight:400;margin:18px 0}p{line-height:1.8;color:#deece9;font-size:13px}.route{position:absolute;top:155px;left:40px;width:240px;pointer-events:none}.line{height:3px;background:#ffffff35;margin:15px 0 8px}.line i{display:block;background:#c5f1d6;width:0;height:100%}.route span{font-size:11px;letter-spacing:2px}#menu{position:absolute;right:6%;top:26%;width:345px;padding:30px;background:linear-gradient(135deg,#112e38e8,#14343bbb);border:1px solid #ffffff35;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}h2{font-size:23px;font-weight:400}.choices{display:flex;gap:8px;margin:22px 0}#start{width:100%;background:#d3f6df;color:#132e31;font-size:16px;padding:17px}#menu small{line-height:1.9;letter-spacing:0;margin-top:18px}.telemetry{position:absolute;bottom:85px;left:40px;display:flex;gap:35px;align-items:center}.telemetry strong{display:block;font-size:84px;font-weight:300;letter-spacing:-5px;line-height:1}.telemetry b{display:block;font-size:26px;font-weight:400;margin:8px 0}.telemetry span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:18px}footer{position:absolute;bottom:25px;left:40px;right:40px;border-top:1px solid #ffffff45;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}#toast{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:19px;text-shadow:0 2px 8px #000}#touch{display:none}@media(max-width:800px){header{left:16px;right:16px;top:16px;gap:10px}header small{display:none}.route{left:20px;top:100px;width:170px}h1{font-size:25px}#menu{right:20px;top:27%;width:290px;padding:22px}.telemetry{left:20px;bottom:100px}.telemetry strong{font-size:60px}footer{left:20px;right:20px}footer span:last-child{display:none}#touch{display:flex;position:absolute;bottom:55px;right:15px;gap:8px}#touch button{touch-action:none;padding:15px}header button{font-size:10px;padding:10px}}#vehicle{display:block;width:100%;padding:12px;margin:10px 0 4px;background:#173941;color:#fff;border:1px solid #ffffff65;font-size:13px}#load-status{margin:5px 0 15px;letter-spacing:0}button:disabled{opacity:.55;cursor:wait}#menu{top:17%;max-height:75vh;overflow:auto}footer .credits{color:#dae6e0;font-size:9px;letter-spacing:0}footer{gap:12px}header{gap:12px}@media(max-width:800px){header>div{font-size:10px}#garage-button{padding:6px}#menu{top:20%;max-height:68vh}}#location{display:block;width:100%;padding:10px;margin:8px 0 18px;background:#173941;color:#fff;border:1px solid #ffffff65}#menu h2{margin:12px 0}#menu p{margin:8px 0}#menu .choices{margin:14px 0}#radio{position:absolute;right:30px;bottom:78px;width:340px;background:#112e38df;border:1px solid #ffffff35;border-radius:6px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.radio-top{display:flex;align-items:center;gap:10px}.radio-top label{font-size:8px;letter-spacing:2px}.radio-top b{display:block;font-size:12px;margin-top:5px;font-weight:400}.radio-top button{padding:8px;font-size:10px}#radio-time{font-size:10px;margin-left:auto;white-space:nowrap}#music-toggle{white-space:nowrap}.radio-body{margin-top:12px}.radio-body select{background:#143d44;color:#fff;border:1px solid #ffffff45;padding:8px;border-radius:3px;max-width:100%;font-size:11px}#radio-track{width:100%}.radio-controls{display:flex;gap:8px;margin:8px 0}.radio-controls button{padding:7px 12px}.radio-controls select{flex:1}.music-volume-label{display:flex;align-items:center;gap:8px;letter-spacing:0}#music-volume{flex:1;min-width:50px;accent-color:#c5f1d6}#music-volume-value{font-size:10px}#radio-status{font-size:10px;letter-spacing:0;margin-top:10px}#radio.collapsed .radio-body{display:none}@media(max-width:800px){#radio{right:12px;bottom:120px;width:290px;padding:8px}.radio-top label{display:none}#radio-time{font-size:9px}}#experience{display:block;width:100%;padding:10px;margin:8px 0 14px;background:#173941;color:#fff;border:1px solid #ffffff65}.journey-summary{font-size:12px;line-height:1.8;border-left:2px solid #c5f1d6;padding-left:10px;margin:14px 0}.journey-summary small{letter-spacing:0}#menu{top:13%;max-height:80vh}