:root{color-scheme:dark;font-family:Noto Sans JP,sans-serif;color:#eff7ff;font-synthesis:none;background:#06152d;--cyan:#67e8f9;--amber:#ffcf88;--muted:#96aac0;--panel:rgba(5,17,36,.83)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(174,215,255,.2);background:#091c33a6;transition:background .18s,transform .18s,border-color .18s}button:hover{background:#2d5776d6;border-color:#75c9e6}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.45;cursor:default}#app,#scene{width:100%;height:100dvh;display:block}#scene{touch-action:none}.hidden{display:none!important}.masthead{position:absolute;top:27px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}.brand,.header-actions{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;text-shadow:0 2px 10px #041028}.brand-mark{font-size:29px;transform:skewY(-15deg);color:var(--cyan);text-shadow:4px -5px 0 #46759a,7px -9px 0 #25435d}.eyebrow{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:.24em;color:#a8c5dd;font-weight:600}h1{font-family:Barlow Condensed,sans-serif;font-size:25px;line-height:1.1;letter-spacing:.09em;margin:4px 0 0;font-weight:800}h1 span{font-weight:500}.header-actions{display:flex;gap:7px}.icon-button{border-radius:5px;padding:8px 11px;font-size:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud{position:absolute;left:32px;top:96px;display:flex;gap:25px;text-shadow:0 2px 8px #000}.hud-cell{display:flex;flex-direction:column;gap:2px}.hud-cell>span{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:.18em;color:#a7c2d4}.hud-cell strong{font-family:Barlow Condensed,sans-serif;font-size:29px;font-weight:600;font-variant-numeric:tabular-nums}.hud-cell small{font-size:14px;font-weight:500;color:#afc2d3}.time-cell strong{font-size:26px}.welcome{position:absolute;bottom:45px;left:32px;max-width:520px;text-shadow:0 2px 8px #061227}.welcome-copy{font-size:12px;letter-spacing:.15em;margin-bottom:12px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ffca8d;box-shadow:0 0 9px #ffb752;margin-right:9px;vertical-align:middle}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:55px;font-size:13px;font-weight:700;border:1px solid #68d7e6;color:#092137;background:linear-gradient(115deg,#b3f3f4,#62d5e6);padding:14px 19px;border-radius:4px;box-shadow:0 6px 26px #0005;text-shadow:none}.primary-button:hover{background:#d3ffff;border-color:#eaffff}.primary-button>span{font-size:18px;font-weight:500}.welcome p{font-size:9px;color:#a2bad1;letter-spacing:.015em;margin-top:12px}kbd{font-family:inherit;display:inline-block;padding:1px 4px;min-width:16px;border:1px solid #7191ab55;border-radius:3px;font-size:9px;text-align:center;color:#e0eff5;margin:0 2px;background:#12304d77}.signature{position:absolute;right:32px;bottom:27px;font-family:Barlow Condensed,sans-serif;font-size:9px;letter-spacing:.17em;color:#7691b1;pointer-events:none}.signature span{padding:0 8px}.drive-panel{position:absolute;bottom:36px;left:32px;right:32px;display:flex;align-items:end;gap:24px;pointer-events:none;text-shadow:0 2px 5px #000}.speed{width:120px}.speed strong{font-family:Barlow Condensed,sans-serif;font-size:52px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.speed>span{font-size:9px;letter-spacing:.13em;margin-left:6px;color:#bed8e7}.speed-bar{height:3px;background:#40648777;margin-top:7px}.speed-bar i{display:block;height:3px;background:#75eaf1;box-shadow:0 0 7px #5bdbf0}.car-health{width:88px;padding-bottom:1px}.car-health>span{font-family:Barlow Condensed,sans-serif;font-size:9px;letter-spacing:.08em;color:#bed0dd;display:flex;justify-content:space-between}.car-health b{font-weight:500}.car-health>div{height:2px;background:#3a5c7988;margin:3px 0 9px}.car-health>div:last-child{margin-bottom:0}.car-health i{display:block;height:100%;background:#efcd87}.race-actions{margin-left:auto;display:flex;gap:7px;pointer-events:auto}.race-actions button{padding:9px 10px;font-size:10px;border-radius:4px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.race-actions button.queued{border-color:#ffbf7f;color:#ffcf88}.countdown{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:110px;color:#edfaff;text-shadow:0 0 40px #52bfee66,0 8px 50px #07102888;pointer-events:none}.notification{position:absolute;top:91px;left:50%;transform:translate(-50%);background:#081a31c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #aacfee33;border-radius:4px;padding:9px 16px;font-size:11px;letter-spacing:.08em;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.notification.visible{opacity:1}.pit-progress{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:240px;padding:20px;background:var(--panel);border:1px solid #ffb86166;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:6px}.pit-progress>span{font-family:Barlow Condensed,sans-serif;font-size:18px;letter-spacing:.15em;color:#ffd496}.pit-progress b{font-size:25px;font-variant-numeric:tabular-nums}.pit-progress>div{height:3px;background:#8a654b99;margin:14px 0}.pit-progress i{display:block;height:3px;background:#ffcb85}.pit-progress small{font-size:10px;color:#c3d0dc}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;max-width:calc(100% - 40px);padding:35px;background:linear-gradient(135deg,#112b43ef,#05162bef);border:1px solid #8cced144;box-shadow:0 30px 100px #0007;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:7px;text-align:center}.modal h2{font-size:20px;font-weight:500;letter-spacing:.06em;line-height:1.7;margin:15px -8px}.modal p{font-size:12px;color:#bdcddd}.modal .primary-button{width:100%;margin-top:24px;justify-content:center;gap:30px}.quiet-button{margin-top:16px;font-size:11px;border:0;background:none;color:#9fb9cd}.result-rank{margin:10px 0 18px;display:flex;flex-direction:column;align-items:center}.result-rank strong{font-family:Barlow Condensed,sans-serif;font-size:84px;font-weight:600;line-height:1;color:#8cecf0}.result-rank span{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:.18em;color:#a7c7d9}.help-panel{position:absolute;right:32px;top:80px;width:345px;max-width:calc(100% - 40px);padding:28px;background:#06172bea;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #8cced144;border-radius:7px;z-index:5}.help-panel h2{font-size:16px;font-weight:500;line-height:1.7}.help-panel dl{display:grid;grid-template-columns:105px 1fr;gap:13px 8px;margin-top:26px}.help-panel dt,.help-panel dd{font-size:10px;margin:0;color:#d5e4ee;line-height:1.9}.help-panel>p{font-size:10px;color:#86a2b9;line-height:1.9;margin-top:24px}.close-button{position:absolute;right:12px;top:9px;background:none;border:0;font-size:22px;color:#a6c1d0}.loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#05142b;font-size:12px;letter-spacing:.1em;color:#acc8da;z-index:20}.loading-spinner{width:32px;height:32px;display:block;margin:0 auto 10px;border:2px solid #7bcada22;border-top-color:#73d8e6;animation:spin 1s linear infinite;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(405deg)}}.error-panel{position:absolute;inset:35%;background:#11243bef;border:1px solid #f19c78;padding:25px;font-size:13px;line-height:2;z-index:30}.touch-controls{position:absolute;left:18px;right:18px;bottom:95px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls>div{display:flex;gap:8px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;border-radius:50%;width:54px;height:54px;font-family:Barlow Condensed,sans-serif;font-size:11px;background:#16304c88;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-controls button.pressed{background:#73d9e6aa;color:#092033}.touch-controls [data-input=throttle]{width:63px;height:63px;border-color:#73d9e6aa}.touch-controls [data-input=drift]{border-color:#ffd49e88}@media(max-width:700px){.masthead{left:18px;right:18px;top:18px}.brand{gap:9px}.brand-mark{font-size:20px}.eyebrow{font-size:8px;letter-spacing:.2em}h1{font-size:17px}.header-actions{gap:4px}.icon-button{font-size:8px;padding:6px 7px}.welcome{left:20px;bottom:37px;max-width:calc(100% - 40px)}.welcome p{font-size:8px}.welcome-copy{font-size:10px}.primary-button{font-size:12px;padding:12px 16px}.signature{right:20px;bottom:14px;font-size:7px}.hud{left:20px;top:74px;gap:20px}.hud-cell strong{font-size:25px}.hud-cell>span{font-size:9px}.time-cell strong{font-size:21px}.drive-panel{left:20px;right:20px;bottom:26px;gap:14px}.speed{width:86px}.speed strong{font-size:39px}.speed>span{font-size:7px}.car-health{width:64px}.race-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}.race-actions button{font-size:8px;padding:7px}.race-actions kbd{display:none}.help-panel{right:20px;top:65px}.notification{top:125px;font-size:9px;max-width:90%;white-space:normal;text-align:center}.modal{padding:28px}.countdown{font-size:85px}.error-panel{inset:20% 10%}}@media(prefers-reduced-motion:reduce){button,.notification{transition:none}}.scene-only .masthead .brand,.scene-only .header-actions>:not(#view-toggle),.scene-only .hud,.scene-only .welcome,.scene-only .drive-panel,.scene-only .signature,.scene-only .notification,.scene-only .touch-controls,.scene-only .pit-progress{visibility:hidden}.scene-only #view-toggle{opacity:.15}.scene-only #view-toggle:hover{opacity:1}