html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%;display:block}#game-hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}#overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay .panel{pointer-events:auto;color:#fff;text-align:center;background:#000000b3;min-width:20rem;padding:2rem;font-family:ui-monospace,monospace}#overlay .loading-screen{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-family:ui-monospace,monospace;display:flex;position:absolute;inset:0}#overlay .loading-screen .status{margin:0;font-size:1.5rem}#overlay .loading-screen .spinner{border:.3rem solid #fff3;border-top-color:#fff;border-radius:50%;width:3rem;height:3rem;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#overlay .loading-screen .spinner{animation:none}}#overlay .sound-chip{color:#fff;white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;padding:.35rem .8rem;font-family:ui-monospace,monospace;font-size:.8rem;position:absolute;bottom:.75rem;left:.75rem}#overlay .sound-chip.is-compact{opacity:.75;padding:.3rem .45rem}#overlay .pairing-code{letter-spacing:.5rem;font-size:4rem}#overlay .pairing-code-line{opacity:.8;font-size:1rem}#overlay .caption{opacity:.7;margin-top:.5rem;font-size:.9rem}#overlay .label{margin:0 0 1rem}#overlay .controllers{margin:1rem 0;padding:0;list-style:none}#overlay .controllers li{padding:.25rem 0}#overlay .new-game{pointer-events:auto;font:inherit;color:#000;cursor:pointer;background:#fff;border:none;padding:.5rem 1rem}#overlay .new-game:disabled{opacity:.5;cursor:default}#overlay .error{color:#ff6b6b;margin-top:.75rem}#overlay .headline{margin:0 0 .75rem;font-size:1.5rem}#overlay .secondary,#overlay .refresh-hint{margin:.25rem 0}#overlay .refresh-hint{opacity:.7}