:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-root[data-v-5907b5da]{min-height:100vh}.volume-widget[data-v-5907b5da]{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.vol-icon[data-v-5907b5da]{font-size:1rem;line-height:1}.vol-slider[data-v-5907b5da]{accent-color:#6c5ce7;cursor:pointer;width:90px}.lobby-container[data-v-bf0817b3]{text-align:center;max-width:600px;margin:0 auto;padding:2rem}h1[data-v-bf0817b3]{margin-bottom:2rem;font-size:2.5rem}.error-message[data-v-bf0817b3]{color:#c00;background:#fee;border-radius:8px;margin-bottom:1rem;padding:1rem}.lobby-actions[data-v-bf0817b3]{flex-direction:column;gap:2rem;display:flex}.create-section[data-v-bf0817b3],.join-section[data-v-bf0817b3]{background:#f8f8f8;border-radius:12px;padding:2rem}.divider[data-v-bf0817b3]{color:#999;font-weight:700}input[data-v-bf0817b3]{border:2px solid #ddd;border-radius:8px;width:100%;margin:.5rem 0;padding:.75rem;font-size:1rem;display:block}button[data-v-bf0817b3]{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem}button[data-v-bf0817b3]:hover:not(:disabled){background:#5f4dd8}button[data-v-bf0817b3]:disabled{cursor:not-allowed;background:#ccc}.game-lobby[data-v-bf0817b3]{text-align:left}.join-code-display[data-v-bf0817b3]{text-align:center;margin-bottom:2rem}.code[data-v-bf0817b3]{letter-spacing:.5rem;color:#6c5ce7;margin:1rem 0;font-size:3rem;font-weight:700}.players-list ul[data-v-bf0817b3]{padding:0;list-style:none}.players-list li[data-v-bf0817b3]{background:#f8f8f8;border-radius:8px;justify-content:space-between;align-items:center;margin:.5rem 0;padding:.75rem;display:flex}.players-list li.disconnected[data-v-bf0817b3]{opacity:.5}.badge[data-v-bf0817b3]{color:#fff;background:#6c5ce7;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;font-size:.8rem}.host-config[data-v-bf0817b3]{background:#f0f0f0;border-radius:8px;margin:2rem 0;padding:1rem}.host-config label[data-v-bf0817b3]{margin:1rem 0;display:block}.host-config select[data-v-bf0817b3]{border:1px solid #ddd;border-radius:4px;margin-left:1rem;padding:.5rem}.lobby-actions-bottom[data-v-bf0817b3]{gap:1rem;margin-top:2rem;display:flex}.start-button[data-v-bf0817b3]{background:#00b894;flex:1}.start-button[data-v-bf0817b3]:hover:not(:disabled){background:#00a383}.leave-button[data-v-bf0817b3]{background:#d63031}.leave-button[data-v-bf0817b3]:hover{background:#c02929}.round-container[data-v-42b7ca15]{max-width:900px;margin:0 auto;padding:2rem}.top-bar[data-v-42b7ca15]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.top-bar h1[data-v-42b7ca15]{margin:0}.leave-btn[data-v-42b7ca15]{color:#fff;cursor:pointer;background:#e17055;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem}.leave-btn[data-v-42b7ca15]:hover{background:#c0392b}.error[data-v-42b7ca15]{color:#c00;background:#fee;border-radius:8px;margin:1rem 0;padding:1rem}.timer[data-v-42b7ca15]{text-align:center;color:#333;background:#f0f0f0;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:700}.timer.urgent[data-v-42b7ca15]{color:#c0392b;background:#fee;animation:.5s ease-in-out infinite alternate pulse-42b7ca15}@keyframes pulse-42b7ca15{0%{opacity:1}to{opacity:.7}}.two-col[data-v-42b7ca15]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=640px){.two-col[data-v-42b7ca15]{grid-template-columns:1fr}}.card[data-v-42b7ca15]{background:#f8f8f8;border-radius:12px;padding:1.5rem}.card h2[data-v-42b7ca15]{margin:0 0 1rem}.audio-controls[data-v-42b7ca15]{margin-bottom:1rem}.play-btn[data-v-42b7ca15],.stop-btn[data-v-42b7ca15]{cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;font-weight:700}.play-btn[data-v-42b7ca15]{color:#fff;background:#00b894}.stop-btn[data-v-42b7ca15]{color:#fff;background:#e17055}.round-controls[data-v-42b7ca15]{gap:.75rem;display:flex}.reroll-btn[data-v-42b7ca15],.confirm-btn[data-v-42b7ca15]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.6rem}.reroll-btn[data-v-42b7ca15]{background:#fdcb6e}.reroll-btn[data-v-42b7ca15]:disabled{cursor:default;background:#ddd}.confirm-btn[data-v-42b7ca15]{color:#fff;background:#0984e3}.confirm-btn[data-v-42b7ca15]:disabled{cursor:default;background:#b2bec3}.phase-hint[data-v-42b7ca15]{color:#888;margin-top:.75rem;font-size:.85rem}textarea[data-v-42b7ca15]{box-sizing:border-box;resize:vertical;border:2px solid #ddd;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.char-count[data-v-42b7ca15]{text-align:right;color:#999;margin:.25rem 0 .75rem;font-size:.85rem}.char-count.valid[data-v-42b7ca15]{color:#00b894;font-weight:700}.submit-btn[data-v-42b7ca15]{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:1rem}.submit-btn[data-v-42b7ca15]:disabled{cursor:default;background:#b2bec3}.submitted-banner[data-v-42b7ca15]{color:#155724;text-align:center;background:#d4edda;border-radius:10px;padding:1.5rem 1rem;font-weight:700;line-height:1.6}.loading[data-v-42b7ca15]{text-align:center;color:#666;padding:3rem}.playback-view[data-v-71e82e0f]{max-width:800px;margin:0 auto;padding:2rem}.top-bar[data-v-71e82e0f]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.top-bar h1[data-v-71e82e0f]{margin:0}.top-actions[data-v-71e82e0f]{align-items:center;gap:1rem;display:flex}.round-info[data-v-71e82e0f]{color:#666;font-size:.95rem}.leave-btn[data-v-71e82e0f]{color:#fff;cursor:pointer;background:#e17055;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem}.leave-btn[data-v-71e82e0f]:hover{background:#c0392b}.timer[data-v-71e82e0f]{text-align:center;color:#333;background:#f0f0f0;border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:700}.timer.urgent[data-v-71e82e0f]{color:#c0392b;background:#fee;animation:.5s ease-in-out infinite alternate pulse-71e82e0f}@keyframes pulse-71e82e0f{0%{opacity:1}to{opacity:.7}}.caption-card[data-v-71e82e0f]{text-align:center;background:#f8f8f8;border-radius:12px;padding:2rem}.caption-text[data-v-71e82e0f]{margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.4}.replay-btn[data-v-71e82e0f]{color:#fff;cursor:pointer;background:#0984e3;border:none;border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.95rem}.replay-btn[data-v-71e82e0f]:hover{background:#0773c4}.voting-buttons[data-v-71e82e0f]{justify-content:center;gap:2rem;display:flex}.vote-btn[data-v-71e82e0f]{cursor:pointer;border:none;border-radius:50%;width:80px;height:80px;font-size:2rem;transition:transform .1s}.vote-btn.upvote[data-v-71e82e0f]{background:#00b894}.vote-btn.downvote[data-v-71e82e0f]{background:#d63031}.vote-btn.skip[data-v-71e82e0f]{background:#b2bec3}.vote-btn.active[data-v-71e82e0f]{transform:scale(1.2)}.own-caption[data-v-71e82e0f]{color:#888;font-style:italic}.waiting[data-v-71e82e0f]{text-align:center;color:#666;padding:3rem;font-size:1.2rem}.scoring-overlay[data-v-71e82e0f]{color:#6c5ce7;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;font-size:1.2rem;font-weight:700;display:flex}.spinner[data-v-71e82e0f]{border:6px solid #e0d9ff;border-top-color:#6c5ce7;border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin-71e82e0f}@keyframes spin-71e82e0f{to{transform:rotate(360deg)}}.leaderboard-view[data-v-b40a871c]{max-width:800px;margin:0 auto;padding:2rem}h1[data-v-b40a871c]{text-align:center;margin-bottom:2rem;font-size:2.5rem}.leaderboard[data-v-b40a871c]{padding:0;list-style:none}.leaderboard li[data-v-b40a871c]{background:#f8f8f8;border-radius:8px;align-items:center;gap:1rem;margin:.5rem 0;padding:1rem;display:flex}.leaderboard li.podium[data-v-b40a871c]{background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);font-weight:700}.leaderboard li.self[data-v-b40a871c]{background:#e3e0ff;border:3px solid #6c5ce7}.rank[data-v-b40a871c]{min-width:50px;font-size:1.5rem}.nickname[data-v-b40a871c]{flex:1;font-size:1.2rem}.score[data-v-b40a871c]{color:#6c5ce7;font-size:1.2rem;font-weight:700}.actions[data-v-b40a871c]{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.replay-btn[data-v-b40a871c]{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem}.replay-btn[data-v-b40a871c]:hover:not(:disabled){background:#5848c4}.replay-btn[data-v-b40a871c]:disabled{cursor:default;background:#b2bec3}.leave-btn[data-v-b40a871c]{color:#fff;cursor:pointer;background:#d63031;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem}.leave-btn[data-v-b40a871c]:hover{background:#c02929}.host-hint[data-v-b40a871c]{text-align:center;color:#888;margin-top:.75rem;font-size:.9rem}