:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#12122b;--surface-raised:#1b1b3d;--border:#2f2f5c;--text:#f2f2ff;--text-muted:#b7b7d8;--accent:#ffb703;--accent-strong:#ff8f00;--focus:#7de2ff;--radius:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{color:var(--text);background:radial-gradient(circle at 50% 25%,#241653,#0b0b1f 70%);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.setup{justify-content:center;min-height:100%;padding:clamp(1rem,4vw,3rem);display:flex}.card{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);flex-direction:column;gap:1.5rem;width:min(46rem,100%);padding:clamp(1.25rem,3vw,2.5rem);display:flex}.card__header{flex-direction:column;gap:.5rem;display:flex}.card__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.language{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.language select{font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.4rem .6rem}.card__footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.title{letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,6vw,3.25rem)}.subtitle{color:var(--text-muted);margin:0;font-size:1.05rem}.panel{flex-direction:column;gap:.75rem;display:flex}.panel__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:1rem}.button{appearance:none;border-radius:var(--radius);font:inherit;cursor:pointer;border:1px solid #0000;padding:.75rem 1.25rem;font-weight:600;transition:transform .12s,background-color .12s}.button:active{transform:translateY(1px)}.button--primary{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#241100;padding:1rem 1.5rem;font-size:1.35rem}.button--ghost{border-color:var(--border);color:var(--text);background:0 0}.button--ghost:hover{background:var(--surface-raised)}.button[disabled]{opacity:.55;cursor:not-allowed}.options{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.option{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option__name{font-weight:600}.option__description{color:var(--text-muted);font-size:.9rem}.option input{opacity:0;pointer-events:none;position:absolute}.sound{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.checkbox,.slider{align-items:center;gap:.5rem;display:flex}.slider input[type=range]{width:min(18rem,50vw);accent-color:var(--accent)}.hint{color:var(--text-muted);margin:0;font-size:.95rem}.hint:empty{display:none}kbd{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85em}.play{background:#0b0b1f;position:fixed;inset:0}.stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:none;width:100%;height:100%;display:block}.play__hint{color:#ffffff8c;pointer-events:none;background:#00000059;border-radius:999px;margin:0;padding:.25rem .6rem;font-size:.8rem;position:absolute;bottom:1rem;right:1rem}.play__counter{color:#fffc;font-variant-numeric:tabular-nums;pointer-events:none;background:#00000059;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:.4rem;margin:0;padding:.4rem .85rem;font-size:1.4rem;font-weight:600;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.overlay{background:#05050fd1;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.overlay__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;gap:1rem;width:min(28rem,100%);padding:1.5rem;display:flex}.overlay__title{margin:0;font-size:1.5rem}.overlay__message{color:var(--text-muted);margin:0}.overlay__actions{flex-direction:column;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.button{transition:none}}