:root{--hud-fg: #f3ecdc;--hud-bg: rgba(20, 24, 31, .6);--hud-border: rgba(243, 236, 220, .45);--hud-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}html,body{margin:0;height:100%;background:#14181f;color:var(--hud-fg);font-family:var(--hud-mono);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}#game-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;padding:1rem;gap:1rem;box-sizing:border-box}.hud-overlay button{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-top-left{display:flex;gap:.75rem;align-items:center}.hud-title{font-size:.9rem;letter-spacing:.1em;opacity:.75}#pause-button{background:transparent;color:var(--hud-fg);border:1px solid var(--hud-border);width:2rem;height:2rem;border-radius:4px;cursor:pointer;font-size:1rem}.hud-score{display:inline-flex;gap:2px;font-size:1.6rem;letter-spacing:.15em;padding:.25rem .6rem;border:1px solid var(--hud-border);border-radius:4px;background:var(--hud-bg)}.hud-mid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding-top:1rem}.hud-combo{font-size:2.4rem;letter-spacing:.05em;opacity:0;transition:opacity .12s ease}.hud-combo.visible{opacity:1}.hud-judgment{font-size:1.6rem;letter-spacing:.2em;opacity:0;transition:opacity .2s ease}.hud-judgment.visible{opacity:1}.hud-judgment.perfect{color:#ffe69a}.hud-judgment.great{color:#9dffb0}.hud-judgment.good{color:#6bb0ff}.hud-judgment.miss{color:#ff8a8a}.hud-timing{font-size:.85rem;letter-spacing:.1em;min-height:1.1em;opacity:.85}.hud-timing.early{color:#7fd8ff}.hud-timing.late{color:#ffb46b}.hud-timing.on{color:#b8e986}.hud-countdown{font-size:3rem;letter-spacing:.2em;color:#ffe69a}.hud-retry{margin-top:1rem;font-size:1rem;padding:.6rem 1.6rem}.hud-start{font-size:1.1rem;letter-spacing:.2em;opacity:.9;animation:hud-start-pulse 1.4s ease-in-out infinite}@keyframes hud-start-pulse{0%,to{opacity:.9}50%{opacity:.35}}.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:.85rem;opacity:.85}.hud-btn-row{display:inline-flex;gap:.5rem}.hud-hint{font-size:.72rem;letter-spacing:.08em;opacity:.7}.hud-btn-ghost{background:transparent;color:var(--hud-fg);border:1px solid var(--hud-border);padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-family:inherit}.hud-stats{display:inline-flex;gap:.8rem;letter-spacing:.1em}.calib-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10eb;color:var(--hud-fg);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-family:var(--hud-mono);pointer-events:auto}.calib-root .tap-area{border:1px solid var(--hud-border);border-radius:8px;width:min(70vw,420px);height:min(40vh,220px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}.calib-root .row{display:flex;gap:1rem;align-items:center}.calib-root button{background:transparent;color:var(--hud-fg);border:1px solid var(--hud-border);padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-family:inherit}