:root{--ink:#f4f6fa;--muted:#9aa6b8;--bg:#0b0e14;--accent:#2f7d5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:16px clamp(16px,4vw,40px) 14px;display:flex;position:fixed;inset:0}.overlay>*{pointer-events:auto}.bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.bar-actions{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0e14c7;border-radius:999px;align-items:center;gap:10px;padding:6px 8px;display:flex}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-weight:600;transition:background-color .16s,border-color .16s,opacity .16s}button:focus-visible{outline-offset:2px;outline:2px solid #7fd4a8}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#39936b}.primary:disabled{color:#5c6472;cursor:not-allowed;background:#242a33}.chip{letter-spacing:.04em;color:var(--muted);background:#1a2028;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.bottom{justify-items:center;gap:8px;display:grid}.hints{color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0e14b3;border-radius:999px;padding:7px 14px;font-size:13px}kbd{font:inherit;background:#1c222c;border:1px solid #2d3542;border-radius:4px;padding:1px 6px;font-size:12px}.captions{gap:6px;width:100%;max-width:62ch;min-height:2.5em;display:grid}.caption-line{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0e14d1;border-radius:10px;margin:0;padding:9px 14px;font-size:clamp(14px,1.6vw,17px);line-height:1.45}.caption-line strong{color:var(--muted);font-weight:600}.caption-line.you strong{color:#7fd4a8}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
