*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102a46;font-family:system-ui,Arial,sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;cursor:pointer;touch-action:none;-webkit-touch-callout:none;user-select:none}#app{position:fixed;inset:0;overflow:hidden;background:#6bc5fa}#game{position:absolute;width:100%;height:100%;object-fit:fill}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:min(54vw,560px);color:white;text-shadow:2px 3px 0 #17324b;font-weight:1000;pointer-events:none}#levelLabel{font-size:clamp(14px,2.8vw,28px);letter-spacing:.03em}#stats{font-size:clamp(13px,2.3vw,23px);margin-top:3px}#progress{margin-top:7px;height:12px;border:2px solid #fff;border-radius:12px;background:#123852aa;overflow:hidden;width:min(42vw,430px)}#progressBar{height:100%;width:0%;background:linear-gradient(90deg,#fbd34c,#6df58e)}.topbutton{position:absolute;top:max(9px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));height:clamp(40px,7vw,62px);width:clamp(40px,7vw,62px);border:3px solid #cceeff;border-radius:15px;background:#173d5bdd;color:white;font-size:25px;font-weight:900;z-index:2}#sound{right:calc(max(12px,env(safe-area-inset-right)) + clamp(47px,8vw,72px))}#controls{position:absolute;inset:auto 0 max(12px,env(safe-area-inset-bottom)) 0;display:flex;justify-content:space-between;pointer-events:none;padding:0 max(15px,env(safe-area-inset-right)) 0 max(15px,env(safe-area-inset-left));z-index:3}.left-controls,.right-controls{display:flex;gap:clamp(9px,1.5vw,20px);pointer-events:auto;align-items:end}.control{width:clamp(80px,14vw,155px);height:clamp(72px,18vh,126px);border:4px solid #c3ddf0;border-radius:24px;box-shadow:0 7px 0 #102b48,0 10px 15px #102b4860;background:#244b6fe8;color:white;font-size:clamp(30px,5.5vw,64px);font-weight:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1}.control small{font-size:clamp(10px,1.6vw,17px);margin-top:5px}.control.gas{background:#169857ed}.control.brake{background:#c35b38ed}.control.pressed{transform:translateY(5px);box-shadow:0 2px 0 #102b48;filter:brightness(1.25)}#overlay{position:absolute;inset:0;background:#06192cc4;display:flex;justify-content:center;align-items:center;z-index:5;padding:14px;overflow:auto}#overlay.hidden{display:none}.panel{background:#173d58f2;color:white;text-align:center;border:4px solid #f9d67d;border-radius:24px;padding:clamp(12px,2.5vw,24px);max-width:min(740px,95vw);max-height:96vh;overflow:auto;box-shadow:0 12px 35px #0008}.kicker{color:#ffe18b;font-size:clamp(11px,1.7vw,17px);font-weight:900;letter-spacing:.15em}h1{font-size:clamp(22px,4vw,42px);line-height:1.05;margin:9px 0;color:#fff4b0;text-shadow:3px 4px #091f35}h1 span{font-size:.65em;color:#94f9ed}p{margin:8px 0;font-size:clamp(12px,1.8vw,18px)}#levelPicker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:13px 0}.level{border:2px solid #9ac4d6;background:#295775;color:white;border-radius:10px;padding:8px 3px;font-size:clamp(10px,1.5vw,14px);font-weight:800}.level.active{background:#f9d66c;color:#193e59;border-color:white}.level:disabled{opacity:.42}.primary,#fullscreen{background:#ffcc43;border:3px solid #fff2bb;border-radius:14px;color:#123d5c;font-weight:1000;padding:10px 25px;font-size:clamp(15px,2vw,22px)}.hint{font-size:12px;color:#b7dce8}#portrait{display:none;position:absolute;inset:0;background:#102e48;color:white;z-index:10;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#portrait div{font-size:70px}#portrait strong{font-size:28px}#portrait p{max-width:350px;margin:15px}#portrait button{margin-top:10px}@media(orientation:portrait){#portrait{display:flex}}@media(max-height:430px){.panel{padding:8px 16px}h1{margin:4px 0}#levelPicker{margin:6px 0}.hint{display:none}.control{height:clamp(62px,23vh,94px)}}