html,body{color:#e2e8f0;background:#0f172a;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#court{width:100vw;height:100vh;display:block}#hud{text-align:center;pointer-events:none;text-shadow:0 2px 6px #000a;position:fixed;top:16px;left:50%;transform:translate(-50%)}#hud[hidden]{display:none}.score{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.score .blue{color:#60a5fa}.score .orange{color:#fb923c}.score .dash{color:#94a3b8;margin:0 12px}.clock{font-variant-numeric:tabular-nums;min-height:1.3em;font-size:22px}.clock.low{color:#f87171}#overlay{text-align:center;background:#0f172acc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}#overlay[hidden]{display:none}#overlay h1{margin:0;font-size:40px}#message{margin:0;font-size:20px}.bar{background:#1e293b;border-radius:4px;width:min(360px,80vw);height:8px;overflow:hidden}.bar[hidden]{display:none}#progress{background:#60a5fa;width:0;height:100%}.controls{color:#94a3b8;max-width:640px;font-size:14px;line-height:1.6}