:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111e;color:#eef8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#173757,#07111e 55%);min-height:100dvh}button,a{font:inherit}.shell{max-width:1500px;margin:auto;padding:12px 18px 18px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px}header>div{text-align:center}header strong{display:block;font-size:20px;letter-spacing:2px}header small{display:block;font-size:9px;letter-spacing:2px;color:#8eabc1;margin-top:2px}.brand{color:#d7e8f4;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1px}button{border:1px solid #31516c;background:#10263b;color:#eef8ff;border-radius:12px;padding:10px 14px;min-height:44px;font-weight:800;cursor:pointer;touch-action:none}button:hover{background:#19354d}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe08a;outline-offset:3px}.primary{background:linear-gradient(#ffe58a,#f2b74f);border-color:#ffe28d;color:#17283a}.game{position:relative;height:min(76dvh,760px);min-height:520px;border:1px solid #355a75;border-radius:24px;overflow:hidden;background:#142b40;box-shadow:0 20px 60px #0007}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;z-index:6;background:#04101bd9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.panel{width:min(760px,100%);max-height:92%;overflow:auto;background:linear-gradient(145deg,#102c44,#0b1c2d);border:1px solid #4f7289;border-radius:24px;padding:26px;box-shadow:0 18px 70px #0009}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#92ebff;font-weight:900}.panel h1,.panel h2{font-size:clamp(30px,5vw,50px);margin:6px 0 10px;letter-spacing:-1.5px}.panel>p{color:#bbcfdd;line-height:1.6}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.tracks button{min-height:120px;text-align:left;background:linear-gradient(160deg,#173850,#10263b);border-color:#3d637d;padding:18px}.tracks button:disabled{opacity:.38;cursor:not-allowed}.tracks strong{display:block;font-size:18px}.tracks small{display:block;margin-top:12px;color:#a7c1d2;font-size:11px;line-height:1.4}.meta{margin-top:20px;font-size:14px}.fine{font-size:11px!important;color:#7896aa!important}.result{text-align:center;max-width:520px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.controls{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.controls>div{display:flex;gap:9px;pointer-events:auto}.controls button{background:#071522d9;border-color:#7da3bb66;backdrop-filter:blur(6px);min-width:68px;min-height:58px}.controls .steer button{font-size:24px}.controls .drive button{font-size:11px}.controls #gas{background:linear-gradient(#ffe58a,#f2b74f);color:#17283a}footer{text-align:center;color:#7896ab;font-size:11px;padding-top:10px}@media(max-width:780px){.shell{padding:6px}.game{height:calc(100dvh - 84px);min-height:520px;border-radius:18px}header{padding:3px 5px 6px}header strong{font-size:16px}header small{font-size:7px}.brand{font-size:9px}header button{padding:7px 9px;min-height:36px;font-size:10px}.tracks{grid-template-columns:1fr}.tracks button{min-height:78px}.panel{padding:20px}.controls{left:8px;right:8px;bottom:8px}.controls button{min-width:54px;min-height:54px;padding:8px}.controls .drive{gap:5px}.controls .steer{gap:5px}footer{display:none}}@media(max-width:450px){.controls{align-items:end}.controls .drive{display:grid;grid-template-columns:repeat(2,58px)}.controls button{min-width:52px}.controls .steer button{width:58px}.panel h1,.panel h2{font-size:32px}}@media(max-height:560px) and (orientation:landscape){header,footer{display:none}.shell{padding:0}.game{height:100dvh;border:0;border-radius:0}.controls button{min-height:48px}}