:root{--kid-yellow: #ffd23f;--kid-blue: #1fa8e0;--kid-green: #3fb950;--kid-pink: #ff6ec7;--kid-red: #ff5a4d;--ink: #1a2238}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#87ceeb;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative;width:100vw;height:100vh;height:100dvh}#game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}#hud-top{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:10px}.hud-box{background:#1a2238c7;border:2px solid var(--kid-yellow);border-radius:12px;padding:3px 12px;color:#fff;text-align:center;min-width:72px;line-height:1.1}.hud-label{display:block;font-size:10px;letter-spacing:1px;color:var(--kid-yellow)}.hud-box span:last-child{font-size:18px;font-weight:700}#back-btn{position:absolute;top:calc(64px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));pointer-events:auto;font-family:inherit;font-size:16px;font-weight:700;padding:8px 16px;border:3px solid #fff;border-radius:50px;cursor:pointer;background:#1fa8e0d9;color:#fff;box-shadow:0 4px #14709a;-webkit-tap-highlight-color:transparent;transition:transform .06s}#back-btn:active{transform:translateY(3px);box-shadow:0 1px #14709a}#speedo,#boost-meter{position:absolute;right:calc(16px + env(safe-area-inset-right));height:26px;width:200px;max-width:52vw;background:#1a2238b3;border:3px solid #fff;border-radius:14px;overflow:hidden}#speedo{top:calc(64px + env(safe-area-inset-top))}#boost-meter{top:calc(98px + env(safe-area-inset-top))}#speedo-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--kid-green),var(--kid-yellow),var(--kid-red));transition:width .08s linear}#boost-fill{height:100%;width:100%;background:linear-gradient(90deg,#b5651d,var(--kid-green));transition:width .1s linear}#speedo-label,#boost-label{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#fff;font-size:13px;font-weight:700;text-shadow:1px 1px 2px #000}#checkpoint-msg{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;color:var(--kid-yellow);text-shadow:3px 3px 0 var(--ink);animation:pop .5s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}#touch-controls{position:absolute;inset:0;pointer-events:none}.touch-btn{position:absolute;pointer-events:auto;width:92px;height:92px;border-radius:50%;border:4px solid #fff;background:#1a22388c;color:#fff;font-size:38px;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-btn:active{transform:scale(.92);background:#ffd23f80}#btn-left{left:calc(18px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}#btn-right{left:calc(124px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}#btn-boost{right:calc(18px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:110px;height:110px;background:#3fb9508c;font-size:46px}#btn-brake{right:calc(130px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));background:#ff5a4d73;font-size:30px}@media (max-width: 480px){.touch-btn{width:64px;height:64px;font-size:30px}#btn-left{left:calc(14px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom))}#btn-right{left:calc(84px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom))}#btn-boost{right:calc(14px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:78px;height:78px;font-size:34px}#btn-brake{right:calc(98px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:64px;height:64px;font-size:24px}}#start-screen,#finish-screen,#caught-screen,#webgl-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,#1fa8e0a6,#1a2238eb);color:#fff;padding:24px;gap:18px}#caught-screen{background:radial-gradient(circle at 50% 30%,#e03434b3,#381014f0)}#webgl-tips{font-size:17px;line-height:1.7;max-width:520px;background:#1a22388c;border:3px solid var(--kid-yellow);border-radius:16px;padding:16px 22px;text-align:left}#webgl-tips ul{margin:8px 0 0;padding-left:22px}#webgl-tips li{margin:4px 0}#start-screen h1,#finish-screen h1,#caught-screen h1,#webgl-error h1{font-size:clamp(34px,8vw,72px);line-height:1.05;color:var(--kid-yellow);text-shadow:4px 4px 0 var(--kid-pink),8px 8px 0 var(--ink)}.tagline{font-size:clamp(16px,3vw,24px);color:#fff}#race-again-btn,#caught-again-btn{font-family:inherit;font-size:30px;font-weight:700;padding:16px 46px;border:none;border-radius:50px;cursor:pointer;background:var(--kid-green);color:#fff;box-shadow:0 6px #2a8a3a;transition:transform .06s}#race-again-btn:active,#caught-again-btn:active{transform:translateY(4px);box-shadow:0 2px #2a8a3a}.btn-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.menu-btn{font-family:inherit;font-size:22px;font-weight:700;padding:14px 30px;border:none;border-radius:50px;cursor:pointer;background:var(--kid-blue);color:#fff;box-shadow:0 6px #14709a;transition:transform .06s}.menu-btn:active{transform:translateY(4px);box-shadow:0 2px #14709a}#mode-buttons{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.mode-btn{font-family:inherit;cursor:pointer;color:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;width:280px;max-width:80vw;padding:22px 20px;border:4px solid #fff;border-radius:24px;transition:transform .06s}.mode-btn.race{background:var(--kid-green);box-shadow:0 7px #2a8a3a}.mode-btn.chase{background:var(--kid-red);box-shadow:0 7px #b53b32}.mode-btn:active{transform:translateY(5px);box-shadow:none}.mode-title{font-size:30px;font-weight:700}.mode-sub{font-size:15px;line-height:1.4;opacity:.95}#caught-time{font-size:26px;font-weight:700;color:var(--kid-yellow)}#controls-help{font-size:14px;opacity:.92;max-width:560px;line-height:1.6}#initials-entry{display:flex;flex-direction:column;align-items:center;gap:8px}#initials-input{font-family:inherit;font-size:48px;font-weight:700;text-align:center;width:180px;text-transform:uppercase;letter-spacing:12px;border:4px solid var(--kid-yellow);border-radius:16px;background:#fffffff2;color:var(--ink);padding:6px 0 6px 12px}#finish-time{font-size:32px;font-weight:700;color:var(--kid-yellow)}#finish-best{font-size:20px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--ink);background:#87ceeb}