html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#2d1a3f}#stage{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}#canvas{display:block}#hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;color:#fff;font-weight:800;font-size:22px;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}.hud-btn{position:absolute;top:calc(44px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:999px;border:0;background:#ffffff2e;color:#fff;font-size:20px;cursor:pointer;touch-action:manipulation}#banner{position:absolute;top:calc(56px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-8px);max-width:calc(100% - 32px);background:var(--card);color:var(--ink);font-weight:700;font-size:15px;padding:10px 16px;border-radius:999px;border:2px solid var(--accent);box-shadow:0 6px 20px #00000040;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;text-align:center}#banner.show{opacity:1;transform:translate(-50%)}#hud-best{font-size:14px;letter-spacing:.06em;opacity:.85;align-self:center}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#1d1a1c59}.overlay[hidden]{display:none}.panel{width:min(360px,100%);background:var(--card);border-radius:20px;padding:24px;text-align:center;box-shadow:0 12px 40px #0000004d}.panel h1{font-size:30px;margin-bottom:6px}.panel .lead{color:var(--body);font-size:16px}.panel .actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.panel .actions .btn{width:100%}.panel .home{display:block;margin-top:14px;font-size:14px;color:var(--muted)}.big-score{font-size:72px;font-weight:800;color:var(--ink);line-height:1;margin:6px 0}.pill{display:inline-block;background:var(--tint);color:var(--tint-text);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px;margin-bottom:8px}.pill[hidden]{display:none}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px;font-size:14px}.legend div{background:var(--page);border-radius:12px;padding:10px 8px}.legend b{display:block;color:var(--ink)}.drivers{font-size:12px;color:var(--muted);margin-top:10px}@media(max-height:520px){.overlay{padding:12px}.panel{width:min(600px,100%);padding:14px 20px}.panel h1{font-size:22px;margin-bottom:2px}.panel .lead{font-size:14px;margin-bottom:6px}.legend{grid-template-columns:repeat(4,1fr);margin:8px 0 2px;font-size:12px}.legend div{padding:6px 4px}.panel .actions{flex-direction:row;margin-top:10px}.panel .actions .btn{min-height:44px}.panel .home{margin-top:8px}.big-score{font-size:44px}#start-best,#over-best{margin:4px 0}}