:root{font-family:Arial,Helvetica,sans-serif;color:#eff3ec;background:#152329;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b9ffdf;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}.game,#viewport{position:fixed;inset:0;overflow:hidden}#viewport canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top)) 28px 32px;background:linear-gradient(#14232ce0,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.brand{color:inherit;font-size:12px;font-weight:700;letter-spacing:2.2px;text-decoration:none}.brand span{display:block;color:#c0d7d3;font-size:9px;letter-spacing:2px;margin-top:7px}.title{font-size:15px;letter-spacing:3px}.title span{display:block;font-size:10px;letter-spacing:1px;color:#d3ddda;margin-top:6px}.small-button,.camera-tools button{color:#eff3ec;background:#10232ab8;border:1px solid #aecdc44d;border-radius:100px;padding:10px 15px;font-size:12px;backdrop-filter:blur(12px)}.race-hud{position:absolute;left:28px;top:110px;display:flex;gap:28px;align-items:center;text-shadow:0 2px 8px #000;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#b6ded3;display:block}.race-hud strong{font-size:27px;font-weight:400;display:block;margin-top:6px;font-variant-numeric:tabular-nums}.race-hud small{font-size:14px;color:#d4dfda}.race-hud .speed{display:flex;align-items:baseline;gap:7px;padding-left:23px;border-left:1px solid #ffffff50}.speed strong{font-size:40px}.speed span{font-size:9px;letter-spacing:1px}.navigation{position:absolute;right:24px;top:105px;width:180px;text-align:center;background:#11262a9c;border:1px solid #c4ddd330;border-radius:18px;padding:5px 10px 12px;backdrop-filter:blur(12px);pointer-events:none}.navigation canvas{width:160px;height:116px}.navigation span{display:block;font-size:10px;line-height:1.5;color:#d5e7de}.camera-tools{position:absolute;right:24px;bottom:180px;display:flex;gap:8px}.camera-tools button{font-size:10px;padding:9px 11px}.camera-tools button[aria-pressed=true]{background:#236354c9}.drive-controls{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;user-select:none}.drive-controls>*{pointer-events:auto}.joystick{position:relative;display:flex;width:128px;height:128px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e3f0e277;box-shadow:inset 0 0 25px #172b338c;background:#17313944;touch-action:none;backdrop-filter:blur(4px)}.stick-guides{font-size:100px;font-weight:100;line-height:1;color:#dae5e21c}.stick-knob{position:absolute;width:48px;height:48px;border:1px solid #ebf5e299;border-radius:50%;background:radial-gradient(at 40% 20%,#c3d4c996,#849b9880);box-shadow:0 8px 22px #071c2770;pointer-events:none}.stick-label{position:absolute;bottom:12px;font-size:8px;letter-spacing:2px;color:#d3e1dd;pointer-events:none}.pedals{display:flex;gap:13px;align-items:flex-end}.pedals button{width:78px;height:65px;color:#e8eeea;border:1px solid #d0ddd660;border-radius:20px;background:#15323899;backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:1px;touch-action:none;user-select:none}.pedals #gas{height:96px;background:#8ba99b66;border-color:#eff7e09c}.pedals button:active{background:#8ba99bcc}.camera-hint{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#e7f0e4c9;font-size:10px;letter-spacing:.3px;text-shadow:0 2px 4px #14252b;pointer-events:none;white-space:nowrap}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:480px;width:calc(100% - 40px);background:linear-gradient(140deg,#10272bef,#172c32f2);border:1px solid #c3d8cb40;border-radius:22px;padding:32px;box-shadow:0 25px 100px #08222c66;backdrop-filter:blur(24px)}.panel h1{font-family:Georgia,serif;font-size:38px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:16px 0 18px}.panel p{font-size:13px;line-height:1.65;color:#e1e9e1;margin:0 0 17px}.panel .muted{color:#adc3c0;font-size:11px;line-height:1.5}.panel .instructions{font-size:10px;color:#b2c7c2;line-height:1.6;margin-top:18px}.primary,.secondary{border:0;border-radius:10px;width:100%;padding:14px 18px;color:#17332f;background:#cce4c9;font-size:13px;font-weight:700;margin-top:5px}.secondary{background:#ffffff0c;color:#d2e0d8;border:1px solid #d0e5d133;font-size:11px}.panel-links{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.panel-links a{font-size:10px;color:#c5d9d0;text-underline-offset:3px}progress{width:100%;height:5px;margin:0 0 13px;border:0;border-radius:3px;background:#fff2;accent-color:#b4e6cc}progress::-webkit-progress-bar{background:#fff2;border-radius:3px}progress::-webkit-progress-value{background:#b4e6cc;border-radius:3px}@media(max-width:650px){.topbar{padding:calc(16px + env(safe-area-inset-top)) 16px 24px}.brand{font-size:10px;letter-spacing:1.3px}.title{font-size:12px;letter-spacing:2px}.title span{font-size:8px;max-width:100px}.small-button{padding:9px 11px;font-size:10px}.race-hud{left:16px;top:93px;gap:17px}.race-hud strong{font-size:20px}.race-hud .speed{padding-left:13px}.speed strong{font-size:31px}.eyebrow{font-size:8px;letter-spacing:1.5px}.navigation{top:158px;right:14px;width:125px;border-radius:12px;padding:0 3px 8px}.navigation canvas{width:113px;height:82px}.navigation span{font-size:8px;padding:0 4px}.drive-controls{left:18px;right:18px;bottom:calc(25px + env(safe-area-inset-bottom))}.joystick{width:116px;height:116px}.pedals{gap:9px}.pedals button{width:61px;height:58px;border-radius:16px;font-size:8px}.pedals #gas{height:83px}.camera-tools{right:17px;bottom:calc(154px + env(safe-area-inset-bottom));gap:5px}.camera-tools button{font-size:9px;padding:8px 9px}.camera-hint{bottom:calc(9px + env(safe-area-inset-bottom));font-size:8px}.panel{padding:24px;max-width:400px}.panel h1{font-size:32px}.panel p{font-size:12px}.panel .instructions{font-size:9px}.panel-links{margin-top:15px}.panel-links a{font-size:9px}}@media(max-height:500px){.topbar{padding-top:10px}.race-hud{top:62px}.navigation{top:64px;width:125px}.navigation canvas{width:110px;height:80px}.panel{max-width:560px;padding:18px 25px}.panel h1{font-size:26px;margin:8px 0 9px}.panel p{font-size:11px;line-height:1.4;margin-bottom:10px}.panel .instructions,.panel-links{margin-top:9px}.primary{padding:10px}.camera-tools{bottom:140px}.joystick{width:100px;height:100px}}