:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5f7;background:#000;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#game{outline:none;width:100vw;height:100dvh;display:block}.voice{text-align:left;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;width:min(320px,100vw - 48px);display:flex;position:fixed;bottom:24px;left:24px}.voice[hidden]{display:none}#record{color:#103322;cursor:pointer;pointer-events:auto;background:#7cdda5;border:1px solid #a7ecc2;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:264px;max-width:100%;height:96px;padding:0 22px;font:650 18px/1.2 system-ui,sans-serif;transition:background .2s,border-color .2s;display:inline-flex;box-shadow:0 6px 24px #0005}#record[data-mode=idle]:hover{background:#96e7b8}#record:focus-visible{outline-offset:4px;outline:3px solid #fff}#record svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}#record .record-dot,#record .spinner,#record:not([data-mode=idle]) svg{display:none}#record[data-mode=recording]{color:#fff3f0;background:#bd383e;border-color:#f58080;animation:1.8s ease-in-out infinite recording-pulse}#record[data-mode=recording] .record-dot{background:currentColor;border-radius:50%;width:13px;height:13px;display:block}#record[data-mode=readying]{color:#f0f2f5;background:#454c54;border-color:#737b85}#record[data-mode=readying] .spinner{border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:block}.builds{scrollbar-width:thin;pointer-events:auto;flex-direction:column;gap:8px;width:100%;max-height:calc(100dvh - 240px);margin:0;padding:6px 0;list-style:none;display:flex;overflow-y:auto}.builds:empty{display:none}.builds li{text-align:left;color:#f4d46e;overflow-wrap:anywhere;background:#1b2028f0;border:1px solid #ffffff1c;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:550;line-height:1.4;display:flex;box-shadow:0 4px 16px #0003}.build-label{min-width:0}.build-mark{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.builds li:is([data-status=running],[data-status=finishing]) .build-label{animation:1.6s ease-in-out infinite text-pulse}.builds li[data-status=completed]{color:#8bdfa9}.builds li[data-status=completed] .build-mark{background:0 0;border-bottom:2px solid;border-left:2px solid;border-radius:0;width:9px;height:6px;transform:rotate(-45deg)}.builds li[data-status=failed]{color:#f5a29a}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}output{overflow-wrap:anywhere;background:#20242b;border:1px solid #525961;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.5}#status{pointer-events:auto;width:100%;max-height:18vh;overflow-y:auto}#runtime-error{max-width:min(700px,90vw);position:fixed;top:16px;left:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes recording-pulse{50%{background:#e14b50;box-shadow:0 0 0 6px #e14b501a,0 6px 24px #0005}}@keyframes text-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){#record,#record .spinner,.builds li .build-label{transition:none;animation:none!important}}.home-link{z-index:10;color:#fff9;background:#0008;border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none;position:fixed;top:12px;right:16px}.home-link:hover{color:#fff}
