html,body{background:#0b0e14;height:100%;margin:0;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#stage{touch-action:none;cursor:crosshair;display:block}.back{z-index:10;color:#94a3b8;background:#10141db8;border:1px solid #94a3b840;border-radius:999px;padding:9px 13px;font:600 14px/1 system-ui,sans-serif;text-decoration:none;position:fixed;top:14px;left:16px}.back:hover,.back:focus-visible{color:#e7ecf3;border-color:#f472b6;outline:none}.hud{z-index:10;color:#f472b6;letter-spacing:.1em;pointer-events:none;background:#10141db8;border:1px solid #f472b659;border-radius:999px;padding:9px 13px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:14px;right:16px}#muteBtn{z-index:10;color:#94a3b8;letter-spacing:.1em;cursor:pointer;background:#10141db8;border:1px solid #94a3b840;border-radius:999px;padding:8px 12px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:14px;right:16px}#muteBtn:hover{color:#e7ecf3;border-color:#22d3ee}#overlay{z-index:20;background:#04060a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay[hidden]{display:none}.card{text-align:center;color:#e2e8f0;background:#0b0e14f0;border:1px solid #f472b659;border-radius:14px;max-width:460px;margin:0 16px;padding:26px 30px;box-shadow:0 0 34px #f472b61f}.card h1{letter-spacing:.08em;color:#f472b6;margin:0 0 10px;font:800 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.card p{color:#cbd5e1;margin:0 0 12px;font:500 14px/1.55 system-ui,sans-serif}.card .hint{letter-spacing:.12em;color:#22d3ee;margin:14px 0 0;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-reduced-motion:reduce){.card,.back,.hud{transition:none}}