html,body{width:100%;height:100%;min-height:100dvh;margin:0;background:#06121b;color:#fff;overflow:hidden;overscroll-behavior:none;font-family:system-ui,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}canvas:focus-visible{outline:2px solid #4fe5c0;outline-offset:-3px}#play-prompt{position:absolute;z-index:3;inset:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:radial-gradient(circle at center,rgba(5,35,45,.16),rgba(3,16,25,.58));color:#fff;font:inherit;cursor:pointer;touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}#play-prompt span{display:block;min-width:156px;padding:14px 26px;border:2px solid rgba(67,240,208,.82);border-radius:999px;background:linear-gradient(180deg,rgba(20,73,85,.97),rgba(7,39,50,.97));box-shadow:0 0 24px rgba(28,236,201,.18),inset 0 1px rgba(255,255,255,.14);color:#e9fffa;font-size:18px;font-weight:750;letter-spacing:.08em;text-align:center;text-transform:uppercase}#play-prompt:focus-visible span{outline:3px solid #fff;outline-offset:4px}#play-prompt[hidden]{display:none}#status{position:absolute;inset:40% 5% auto;text-align:center;background:#06121b;padding:1rem}#status[hidden],#retry[hidden]{display:none}#retry{display:block;margin:1rem auto 0;padding:.65rem 1.5rem;border:1px solid #4fe5c0;border-radius:.5rem;background:#092b35;color:#fff;font:inherit;cursor:pointer}