#gamable-game-zone{background:#0b0d17;touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.65);font-variant-numeric:tabular-nums}.hud-top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hud-panel{padding:6px 10px;border-radius:12px;background:#080a1280;backdrop-filter:blur(3px)}.hud-lap{min-width:92px}.hud-line{display:flex;align-items:baseline;gap:6px;line-height:1.25}.hud-label{font-size:12px;font-weight:800;letter-spacing:.14em;opacity:.75}.hud-label-small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.hud-strong{font-size:22px;font-weight:900;font-style:italic}.hud-small-value{font-size:13px;font-weight:700}.hud-dim{opacity:.85}.hud-clock{flex:0 0 auto;min-width:86px;padding:4px 12px 6px;border-radius:14px;background:#080a128c;text-align:center;transition:background .2s}.hud-clock-value{font-size:36px;font-weight:900;font-style:italic;line-height:1.05}.hud-clock-label{font-size:10px;font-weight:800;letter-spacing:.22em;opacity:.6}.hud-clock.warning{background:#c1121f;animation:hud-pulse .45s ease-in-out infinite alternate}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:6px 8px}.hud-map{width:clamp(74px,22vw,120px);height:auto}.hud-map-line{fill:none;stroke:#ffffff8c;stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round}.hud-map-player{fill:#ffd166;stroke:#14161a;stroke-width:1.4}.hud-map-rival{fill:#ffffffbf}.hud-pos{font-size:18px}.hud-speed{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:baseline;gap:6px;padding:4px 14px 8px;border-radius:14px;background:#080a1280}.hud-speed-value{font-size:clamp(28px,8vw,44px);font-weight:900;font-style:italic;line-height:1}.hud-speed-unit{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.7}.hud-gauge{position:absolute;left:12px;right:12px;bottom:3px;height:4px;border-radius:3px;background:#ffffff2e;overflow:hidden}.hud-gauge-fill{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#56d364,#ffd166,#e63946);transition:width .08s linear}.pad{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;gap:10px;pointer-events:auto;z-index:2}.pad-zone{position:absolute;pointer-events:auto;z-index:1}.pad-left{left:calc(12px + env(safe-area-inset-left));flex-direction:row}.pad-right{right:calc(12px + env(safe-area-inset-right));flex-direction:column;align-items:center}.pad-btn{width:clamp(52px,13vmin,82px);height:clamp(52px,13vmin,82px);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5vmin,30px);font-weight:900;color:#fff;background:#1418249e;border:2px solid rgba(255,255,255,.35);border-radius:26%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .06s,background .06s}.pad-right .pad-btn.on{background:#56d364bf;border-color:#eafff0}.pad-left .pad-btn.on{background:#e63946cc;border-color:#ffe9eb}.pad-btn.on{transform:scale(.94)}.hud-banner{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:clamp(22px,6.5vw,42px);font-weight:900;font-style:italic;color:#ffd166;opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.hud-banner.bad{color:#ff6b6b}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-wrong{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:clamp(20px,5.5vw,32px);font-weight:900;color:#ff4d4d;opacity:0;transition:opacity .15s}.hud-wrong.visible{opacity:1;animation:hud-pulse .5s ease-in-out infinite alternate}.hud-lights{position:absolute;top:22%;left:0;right:0;display:flex;justify-content:center;gap:14px}.hud-light{width:clamp(20px,6vw,30px);height:clamp(20px,6vw,30px);border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35)}.hud-light.on{background:#ff2d2d;border-color:#ffb3b3;box-shadow:0 0 18px #ff2d2dcc}.hud-light.go,.hud-light.on.go{background:#43d95f;border-color:#d5ffe0;box-shadow:0 0 18px #43d95fd9}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;background:linear-gradient(#05081459,#050814d1)}.hud-title{margin:0;font-size:clamp(30px,9.5vw,64px);font-weight:900;font-style:italic;letter-spacing:.01em;color:#ffd166;text-transform:uppercase}.hud-subtitle{margin:0;font-size:clamp(14px,3.8vw,19px);font-weight:600;max-width:28em;display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}.hud-stat{font-weight:800}.hud-hint{margin:14px 0 0;font-size:clamp(15px,4.2vw,21px);font-weight:800}.hud-small{margin:0;font-size:12px;opacity:.85;max-width:32em}.hud-pulse{animation:hud-pulse .85s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.45}}
