*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f4eddf;background:#07111e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}header{z-index:2;left:max(24px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));pointer-events:none;text-shadow:0 2px 12px #020710;flex-direction:column;gap:6px;display:flex;position:fixed}header b{letter-spacing:.12em;color:#f6d79e;font-size:clamp(15px,1.7vw,23px)}header span{letter-spacing:.16em;color:#b9c9e3;font-size:11px}.help{z-index:2;right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));color:#d2d9e5;text-shadow:0 2px 8px #000;font-size:12px;position:fixed}.controls{z-index:2;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));pointer-events:none;align-items:flex-end;gap:14px;display:flex;position:fixed}.controls button{pointer-events:auto;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#242d44d9,#101727dd);border:1px solid #ffffff42;border-radius:22px;width:clamp(78px,10vw,112px);height:clamp(78px,10vw,112px);font-size:32px;font-weight:700;box-shadow:0 8px 24px #0007,inset 0 1px #fff2}.controls button.left{margin-right:-10px}.controls button.right{margin-right:auto}.controls button.brake{background:linear-gradient(145deg,#835a4bdd,#34272be8)}.controls button.gas{background:linear-gradient(145deg,#c99850ee,#664b30ee)}.controls button.on{filter:brightness(1.35);transform:translateY(3px)scale(.96)}@media (height<=600px){header{top:max(9px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.help{top:max(10px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}.controls button{width:74px;height:74px}.controls{bottom:max(10px,env(safe-area-inset-bottom));gap:9px}}.diagnostics{z-index:4;letter-spacing:.04em;color:#d7dced;pointer-events:none;white-space:nowrap;background:#10182ab8;border:1px solid #ffffff1c;border-radius:9px;padding:6px 10px;font-size:11px;display:none;position:fixed;top:58px;left:50%;transform:translate(-50%)}.menu,.finish{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#10192bef,#0a1122ef);border:1px solid #d3b98255;border-radius:22px;width:min(590px,100vw - 36px);padding:25px 28px 24px;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0009}.menu h1,.finish h2{color:#f2d59a;letter-spacing:.02em;margin:0 0 8px;font-size:clamp(25px,4vw,42px)}.menu p,.finish p{color:#c9d2e2;margin:0 0 18px;font-size:14px;line-height:1.45}.choices{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.choice{text-align:left;color:#ececf0;background:#1a2538;border:1px solid #66718b66;border-radius:14px;flex-direction:column;gap:7px;min-height:82px;padding:12px 14px;display:flex}.choice.selected{background:#2b2c3b;border-color:#e5bd74;box-shadow:inset 0 0 0 1px #e5bd74}.choice b{color:#f4dcaa;font-size:16px}.choice span{color:#c3cbd9;font-size:11px;line-height:1.3}.start,.finish button,.countdown button{color:#171821;letter-spacing:.08em;background:linear-gradient(135deg,#f1d18e,#bd8d4d);border:1px solid #ffdfa0;border-radius:12px;min-height:50px;padding:13px 22px;font-size:14px;font-weight:800}.start{width:100%}.start:disabled{opacity:.55}.finish{text-align:center;top:43%}.finish button{margin:5px 6px}.countdown{z-index:3;color:#ffe3a6;text-shadow:0 5px 20px #000;flex-direction:column;align-items:center;gap:18px;font-size:clamp(52px,12vw,110px);font-weight:900;display:flex;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.countdown button{font-size:14px}.recovery-cue{z-index:2;left:50%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px));color:#f0dfb8;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px #000;background:#101a2dcc;border:1px solid #d7c08c66;border-radius:10px;padding:7px 11px;font-size:12px;font-weight:600;position:fixed;transform:translate(-50%)}.recover.cue-ready{border-color:#e5bd74;box-shadow:0 0 0 1px #e5bd7480,0 0 12px #e5bd7430}.recover{z-index:2;left:50%;bottom:max(22px,env(safe-area-inset-bottom));color:#f4eddf;background:#172238dd;border:1px solid #fff4;border-radius:12px;padding:11px 16px;font-weight:700;position:fixed;transform:translate(-50%)}.race-label{z-index:2;right:max(24px,env(safe-area-inset-right));top:max(54px,env(safe-area-inset-top));color:#d2d9e5;letter-spacing:.12em;text-shadow:0 2px 8px #000;font-size:11px;position:fixed}@media (orientation:portrait){main:after{content:"Поверните планшет горизонтально";z-index:5;color:#f2d59a;text-align:center;pointer-events:none;background:#091321e8;border-radius:14px;padding:14px 18px;font-size:15px;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)}.menu,.finish{padding:20px;top:52%}.controls button{width:76px;height:76px}}.menu{left:auto;right:max(24px,env(safe-area-inset-right));width:min(430px,100vw - 36px);padding:22px;top:50%;transform:translateY(-50%)}.menu h1{font-size:clamp(25px,3vw,34px)}.menu p{margin-bottom:13px;font-size:13px}.choices{gap:8px;margin-bottom:12px}.choice{min-height:76px;padding:10px}.choice b{font-size:14px}.choice span{font-size:10px}.subtitle{color:#b9c9e3;letter-spacing:.12em;text-transform:uppercase;margin:-2px 0 10px;font-size:12px;display:block}.diagnostics{opacity:.28}@media (orientation:portrait){.menu{width:min(430px,100vw - 36px);padding:20px;top:52%;left:50%;right:auto;transform:translate(-50%,-50%)}}.pause{z-index:3;top:max(102px,calc(env(safe-area-inset-top) + 74px));color:#f5dfb4;letter-spacing:.12em;background:#10182be8;border:1px solid #ecd39c88;border-radius:12px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0008}.controls button.reverse{color:#dce5f6;letter-spacing:.08em;background:linear-gradient(145deg,#44506ad9,#20283ae8);width:80px;height:80px;font-size:17px}.race-hud{z-index:2;top:max(14px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0c1424d9;border:1px solid #ffffff30;border-radius:14px;gap:8px;padding:7px 9px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0007}.race-hud span{flex-direction:column;align-items:center;gap:2px;min-width:74px;display:flex}.race-hud small{letter-spacing:.14em;color:#bac9e1;font-size:9px}.race-hud b{color:#f2d59a;font-variant-numeric:tabular-nums;font-size:17px}.controls button.left,.controls button.right{font-size:32px}.controls button.reverse,.controls button.brake,.controls button.gas{letter-spacing:.015em;font-size:clamp(12px,1.15vw,15px)}@media (width<=700px){.race-hud{top:max(54px,calc(env(safe-area-inset-top) + 42px))}.race-hud span{min-width:58px}.race-hud b{font-size:14px}}.credits-link{text-align:center;color:#b9c9e3;text-underline-offset:3px;margin-top:12px;font-size:11px;text-decoration:underline;display:block}