html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#8ec7e6;overflow:hidden}*{box-sizing:border-box}.game-root{color:#fff;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.canvas-host{width:100%;height:100%;position:absolute;inset:0}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c101a9e;border:1px solid #ffffff1f;border-radius:14px;padding:12px 18px;box-shadow:0 8px 24px #00000059}.hud-label{letter-spacing:1.5px;text-transform:uppercase;color:#9fb2d0;font-size:11px;font-weight:600}.hud-value{font-weight:800;line-height:1}.hud-value.big{font-size:40px}.hud-sub{color:#9fb2d0;margin-left:4px;font-size:18px;font-weight:600}.lap-panel{text-align:center;min-width:96px}.times{flex-direction:column;gap:6px;min-width:240px;display:flex}.time-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.mono{font-variant-numeric:tabular-nums;color:#ffe27a;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:16px}.speed-panel{text-align:center;min-width:96px}.warning{letter-spacing:1px;background:#c81e1ee6;border-radius:10px;padding:10px 22px;font-weight:800;animation:.7s ease-in-out infinite pulse;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0408108c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;background:#101622eb;border:1px solid #ffffff24;border-radius:20px;max-width:420px;padding:34px 40px;box-shadow:0 20px 60px #00000080}.overlay-card h1{margin:0 0 10px;font-size:30px}.overlay-card p{color:#c8d4e6;margin:8px 0}.controls{color:#dfe7f2;grid-template-columns:1fr 1fr;gap:8px 18px;margin:18px 0 6px;font-size:14px;display:grid}.controls span{justify-content:center;align-items:center;gap:6px;display:flex}kbd{background:#2a3550;border:1px solid #43547a;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:monospace;font-size:12px}.hint{font-weight:600;color:#ffe27a!important;margin-top:14px!important}.result{font-size:18px}.result strong{color:#ffe27a}.restart-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff5b5b,#d81e2c);border:none;border-radius:10px;margin-top:18px;padding:12px 28px;font-size:16px;font-weight:700;transition:transform .1s;box-shadow:0 6px 18px #d81e2c66}.restart-btn:hover{transform:translateY(-2px)}.restart-btn:active{transform:translateY(0)}