:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050811;color:#f5f8ff}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell,.viewport,.stage{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.shell{isolation:isolate;background:#3e718a}.viewport{z-index:0}.stage canvas{display:block;width:100%;height:100%}.shell:before,.shell:after{position:fixed;z-index:1;pointer-events:none;content:""}.shell:before{inset:0;background:linear-gradient(90deg,rgba(3,7,15,.62),transparent 27%,transparent 72%,rgba(3,7,15,.22)),linear-gradient(0deg,rgba(3,6,13,.72),transparent 29%,transparent 76%,rgba(3,7,14,.26))}.shell:after{inset:10px;border:1px solid rgba(178,225,255,.12);border-radius:20px;box-shadow:inset 0 0 80px #03081024}.panel{position:fixed;inset:0;z-index:2;pointer-events:none}.panel>*{pointer-events:auto}.race-brand{position:absolute;top:28px;left:30px;width:min(370px,calc(100vw - 60px));padding:16px 18px 17px;border:1px solid rgba(164,213,255,.22);border-radius:14px;background:linear-gradient(135deg,#050c18e6,#0f1a2aad);box-shadow:0 18px 50px #01050c57;backdrop-filter:blur(18px) saturate(1.18)}.panel__label{display:flex;gap:8px;align-items:center;color:#8eece2;font-size:10px;font-weight:820;letter-spacing:.14em;text-transform:uppercase}.panel__label i,.contract-status i{width:7px;height:7px;border-radius:50%;background:#53edd8;box-shadow:0 0 14px #53edd8}.race-brand h1{margin:7px 0 0;font-size:clamp(25px,2.2vw,34px);font-weight:850;line-height:1;letter-spacing:-.045em}.panel__lede{max-width:34ch;margin:10px 0 0;color:#c3d1df;font-size:12px;line-height:1.45}.metrics-row{position:absolute;top:28px;right:30px;display:grid;grid-template-columns:128px repeat(3,92px);gap:6px;padding:6px;border:1px solid rgba(164,213,255,.2);border-radius:14px;background:#050c18bf;box-shadow:0 18px 50px #01050c47;backdrop-filter:blur(16px) saturate(1.15)}.metric{min-width:0;padding:10px 11px;border-radius:9px;background:linear-gradient(180deg,#d4ebff17,#d4ebff06)}.metric span{display:block;color:#9fb6ca;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.metric strong{display:block;margin-top:4px;overflow:hidden;color:#fff;font-size:19px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.metric--speed strong{color:#64f5dd;font-size:31px;font-variant-numeric:tabular-nums}.metric--status strong{color:#ffd879}.track-contract{position:absolute;right:30px;bottom:26px;width:230px;padding:12px 14px;border:1px solid rgba(164,213,255,.16);border-radius:12px;background:#050c189e;color:#aabac9;backdrop-filter:blur(14px)}.contract-status{display:flex;gap:8px;align-items:center;color:#e7f7ff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contract-status[data-state=recovering]{color:#ffe1a1}.contract-status[data-state=recovering] i{background:#ffad3d;box-shadow:0 0 16px #ff8a24}.track-contract p{margin:7px 0 0;font-size:10px;line-height:1.4}.race-controls{position:absolute;bottom:26px;left:30px;display:grid;width:430px;gap:8px}.race-controls h2{display:none}.control-cluster{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px;border:1px solid rgba(164,213,255,.2);border-radius:15px;background:#050c18c2;box-shadow:0 18px 50px #01050c52;backdrop-filter:blur(16px)}.control-cluster button{display:grid;min-width:0;min-height:54px;place-content:center;gap:2px;border:1px solid rgba(180,219,250,.2);border-radius:10px;background:linear-gradient(180deg,#284560d1,#0d1c2deb);color:#f3f9ff;cursor:pointer;touch-action:none}.control-cluster button b{font-size:17px}.control-cluster button span{color:#aec5d8;font-size:8px;font-weight:760;text-transform:uppercase}.control-cluster button:hover,.control-cluster button:focus-visible,.control-cluster button[aria-pressed=true]{border-color:#53edd8;background:linear-gradient(180deg,#237a79eb,#0d3840f2);outline:none;box-shadow:0 0 18px #53edd838}.controls-list{display:flex;gap:10px;margin:0;padding:0 8px;color:#b5c5d4;font-size:10px;list-style:none}.controls-list kbd{color:#eff8ff;font:inherit;font-weight:800}@media(max-width:980px){.race-brand{width:300px}.panel__lede{display:none}.metrics-row{grid-template-columns:110px repeat(3,76px)}.track-contract{display:none}}@media(max-width:620px){.shell:after{inset:5px;border-radius:14px}.race-brand{top:10px;left:10px;width:auto;max-width:200px;padding:9px 11px;border-radius:10px}.race-brand h1{margin-top:4px;font-size:18px}.panel__label{font-size:8px}.metrics-row{top:10px;right:10px;grid-template-columns:64px 42px 42px;gap:3px;padding:4px;border-radius:10px}.metric{padding:6px 5px;border-radius:7px}.metric--status{display:none}.metric span{font-size:7px;letter-spacing:.04em}.metric strong{margin-top:2px;font-size:13px}.metric--speed strong{font-size:18px}.race-controls{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto}.control-cluster{grid-template-columns:repeat(6,1fr);gap:4px;padding:5px;border-radius:13px}.control-cluster button{min-height:58px;padding:2px;border-radius:9px}.control-cluster button b{font-size:18px}.control-cluster button span{font-size:7px}.controls-list{display:none}}