:root{font-family:"Trebuchet MS",Verdana,sans-serif;color:#fff;background:#192536}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,20,32,.34),transparent 24%,transparent 64%,rgba(10,19,36,.50)),radial-gradient(circle at 50% 50%,transparent 52%,rgba(11,19,36,.25))}.hud{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:20px 26px}.brand{display:flex;align-items:center;gap:10px;text-shadow:0 2px 8px #0008}.brand-star{font-size:30px;color:#ffda5d}.brand div{display:grid;gap:2px}.brand .eyebrow{font-size:11px;letter-spacing:.27em;font-weight:900;color:#c6eaff}.brand strong{font-size:19px;letter-spacing:.06em;white-space:nowrap}.stats{display:flex;gap:6px;margin-left:auto}.stats>div{min-width:95px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(14,39,58,.75);backdrop-filter:blur(10px);display:grid;gap:1px}.stats span,.speedometer span{font-size:11px;letter-spacing:.2em;color:#b7d4e2;font-weight:900}.stats strong{font-size:18px;font-variant-numeric:tabular-nums}.icon-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:#14374fbc;color:white;font-size:21px;backdrop-filter:blur(10px)}.race-info{position:absolute;z-index:2;left:28px;bottom:25px;text-shadow:0 2px 10px #0009;font-weight:800}.race-label{font-size:12px;letter-spacing:.04em}.spark{color:#ffe579}.dot{opacity:.6;padding:0 4px}#message{font-size:12px;color:#dceef6;margin-top:6px}.speedometer{position:absolute;z-index:2;right:27px;bottom:25px;width:102px;height:102px;border:2px solid #ffffff84;border-radius:50%;background:#13364dbe;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 26px #0006;backdrop-filter:blur(10px)}.speedometer strong{font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.speedometer small{font-size:11px;color:#bee0ef}.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:18px;background:#0a1e31a8;backdrop-filter:blur(6px)}.overlay[hidden]{display:none}.intro-card{width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff7e8;color:#193449;text-align:center;border:7px solid #fdf1d7;border-radius:27px;box-shadow:0 26px 80px #0009,0 0 0 2px #1b4562;position:relative;padding:20px 28px 24px}.ticket-top,.ticket-bottom{font-size:14px;font-weight:900;letter-spacing:.04em;color:#28586b}.ticket-top{display:flex;justify-content:space-between;gap:12px;border-bottom:2px dashed #b8d7d4;padding-bottom:12px}.ticket-bottom{border-top:2px dashed #b8d7d4;margin-top:18px;padding-top:14px}.toy-icon{font-size:46px;margin:12px 0 1px;filter:drop-shadow(0 5px 1px #7778)}.kicker{margin:8px 0;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ad3f2e}.intro-card h1{font-family:Georgia,serif;font-size:clamp(47px,8vw,68px);line-height:.95;letter-spacing:-.055em;margin:8px 0 12px;color:#174461}.intro-card h1 em{font-style:normal;color:#ad3f2e}.intro-copy{max-width:320px;margin:0 auto 17px;font-size:14px;line-height:1.45;color:#456070}.start-button{border:0;border-radius:18px;background:#ffca3d;color:#183347;padding:15px 21px;width:min(280px,100%);font-weight:1000;font-size:16px;letter-spacing:.08em;box-shadow:0 6px 0 #de9e21;transition:transform .15s,box-shadow .15s}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #de9e21}.start-button:active{transform:translateY(5px);box-shadow:0 1px 0 #de9e21}.start-button span{float:right}.controls-copy{font-size:12px;line-height:1.7;color:#4f626d;margin:18px 0 0}.touch-controls{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:none;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:9px}.touch-controls button{pointer-events:auto;width:66px;height:66px;border:2px solid #fff8;border-radius:18px;color:#fff;background:#174a6ecb;font-weight:900;box-shadow:0 6px 18px #0007;touch-action:none;user-select:none}.drive-controls #go{background:#f5b92ee8;color:#243c4b;font-size:17px}.drive-controls #brake{font-size:12px;background:#b9423be8}.touch-controls button.pressed{transform:scale(.94);filter:brightness(1.2)}@media(pointer:coarse),(max-width:800px){.touch-controls{display:flex}.race-info{bottom:102px}.speedometer{bottom:100px;right:20px;width:76px;height:76px}.speedometer strong{font-size:29px}.hud{padding:12px;gap:7px}.brand strong{font-size:13px}.brand .eyebrow{font-size:11px}.brand-star{font-size:24px}.stats>div{min-width:58px;padding:7px 8px}.stats strong{font-size:12px}.stats span{font-size:11px}.icon-button{width:36px;height:36px;flex:none}.race-info{left:18px}.intro-card{padding:14px 17px 18px}.ticket-top{font-size:14px}.controls-copy{font-size:12px}}@media(max-width:420px){.stats>div:nth-child(3){display:none}.brand strong{font-size:12px}.brand .eyebrow{display:none}.brand-star{font-size:18px}.hud{gap:5px;padding:10px}.stats>div{min-width:48px;padding:6px}.icon-button{width:42px;height:42px}.touch-controls{left:10px;right:10px}.touch-controls button{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.start-button{transition:none}}
@media(max-width:350px){.brand strong{display:none}.hud{gap:4px}.icon-button{width:40px;height:40px}}#message.boost{color:#ffe579}@media(max-height:480px){.intro-card{padding:12px 18px;border-width:4px}.ticket-top,.ticket-bottom,.toy-icon,.kicker{display:none}.intro-card h1{font-size:44px;line-height:.88;margin:2px 0 8px}.intro-copy{margin:0 auto 8px}.start-button{padding:10px 16px}.controls-copy{margin:8px 0 0;line-height:1.3}}
.brand{color:inherit;text-decoration:none}.brand:hover .brand-star{filter:brightness(1.2)}