:root{--ground:#0f1311;--raised:#1c211d;--inset:#242925;--chip:#2b322d;--hairline:#d9ebd917;--action:#a8c7a3;--on-action:#140d29;--agent:#e3d1ad;--text:#f4f6f4;--text-2:#ebf0eb99;--font:"Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff)format("woff");font-weight:600;font-display:swap}*{box-sizing:border-box}html,body,#root{background:var(--ground);height:100%;color:var(--text);font-family:var(--font);margin:0;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{background:var(--raised);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:10px;padding:6px 8px;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:9px 16px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s}button:focus-visible{outline:2px solid var(--action);outline-offset:3px}.primary{background:var(--action);color:var(--on-action);box-shadow:0 4px #6d816a}.primary:active{transform:translateY(4px);box-shadow:0 0 #6d816a}.ghost{background:var(--chip);color:var(--text);box-shadow:0 4px #3c423e}.ghost:active{transform:translateY(4px);box-shadow:0 0 #3c423e}.chip{background:var(--chip);color:var(--text-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.bottom{justify-items:center;gap:8px;margin-top:auto;display:grid}.how-to{background:var(--raised);border:1px solid var(--hairline);pointer-events:auto;border-radius:20px;width:min(300px,100vw - 32px);padding:16px;position:fixed;bottom:40px;left:clamp(16px,4vw,40px)}.how-to h2{margin:0 0 8px;font-size:17px;font-weight:600}.how-to ul{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.how-to li{color:var(--text-2);font-size:15px}.how-to button{width:100%}.captions{gap:6px;width:100%;max-width:62ch;min-height:2.5em;display:grid}.caption-line{background:var(--raised);border:1px solid var(--hairline);border-radius:14px;margin:0;padding:9px 14px;font-size:clamp(14px,1.6vw,17px);line-height:1.45}.caption-line strong{color:var(--agent);font-weight:600}.caption-line.you strong{color:var(--action)}.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}}