:root{--color-primary: #1280c4;--color-primary-hover: #0072bf;--color-accent: #f2ff02;--color-success: #00c851;--color-warning: #ff8800;--color-error: #ff4444;--gray-100: #f5f5f5;--gray-300: #cccccc;--gray-500: #888888;--gray-700: #555555;--gray-900: #272727;--bg: #eeeeee;--surface: #ffffff;--text: #272727;--text-muted: #555555;--border: #cccccc;--on-primary: #eeeeee;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg: #1f1f1f;--surface: #272727;--text: #eeeeee;--text-muted: #aaaaaa;--border: #454545;--gray-100: #333333;--shadow: 0 1px 3px rgba(0, 0, 0, .5)}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text)}h1{font-size:2rem;line-height:1.15}h2{font-size:1.4rem;line-height:1.2}a{font-weight:500;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;box-sizing:border-box}button{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page{margin:0 auto;padding:24px 16px 48px}.page-sm{max-width:420px}.page-md{max-width:520px}.page-lg{max-width:640px}.page-center{text-align:center}.page-loading{display:flex;justify-content:center;align-items:center;height:100vh}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;background-color:var(--surface);color:var(--text);text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}a.btn:hover{text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:var(--on-primary)}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:#1280c41a}.btn-danger{background-color:transparent;color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#ff44441a}.btn-ghost{background-color:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background-color:#1280c41a}.btn-block{width:100%}.btn-lg{font-size:1.15rem;padding:14px 28px}.field{margin-bottom:16px;text-align:left}.field label{display:block;margin-bottom:6px;font-weight:600}.field input,.field textarea{width:100%}.field-hint{font-size:.85rem;color:var(--text-muted);margin-top:4px}.field-error{font-size:.85rem;color:var(--color-error);margin-top:4px}.auth-links{text-align:center;margin-top:20px;display:grid;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400}.resend-button{margin-top:10px}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin:12px 0;text-align:left}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-success{background-color:var(--color-success);color:#fff}.badge-muted{background-color:var(--gray-100);color:var(--text-muted);border:1px solid var(--border)}.badge-host{background-color:var(--color-accent);color:#272727}.banner{padding:10px 14px;border-radius:var(--radius);margin:12px 0;font-weight:500}.banner-error{background-color:#ff44441f;color:var(--color-error)}.banner-notice{background-color:#ff88001f;color:var(--color-warning)}.banner-success{background-color:#00c8511f;color:var(--color-success)}.banner-fade{animation:banner-fade 5s forwards}@keyframes banner-fade{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}.spinner{display:inline-block;width:16px;height:16px;border:3px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.timer{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.4rem}.timer svg{transform:rotate(-90deg)}.timer-track{stroke:var(--border)}.timer-arc{stroke:var(--color-primary);transition:stroke-dashoffset 1s linear}.timer-warn{color:var(--color-error)}.timer-warn .timer-arc{stroke:var(--color-error)}.timer-warn .timer-value{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.timer-expired{color:var(--text-muted);font-size:1rem;font-weight:600}.home-hero{text-align:center;padding-top:12vh}.home-hero h1{font-size:3rem;color:var(--color-primary);margin-bottom:4px}.tagline{font-size:1.15rem;color:var(--text-muted);margin:8px auto 32px;max-width:34em}.join-heading{margin-top:32px}.room-code-input{text-transform:uppercase;letter-spacing:.15em}.room-code-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.room-code{font-size:2.4rem;letter-spacing:.25em;font-weight:800;color:var(--color-primary)}.player-list{list-style:none;padding:0;margin:0 0 16px}.player-row{display:flex;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--border)}.player-name{font-weight:600;margin-right:auto;text-align:left}.player-row .btn{min-height:34px;padding:4px 12px;font-size:.9rem}.actions-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.go-countdown{font-size:4rem;font-weight:800;color:var(--color-warning);margin:16px 0}.round-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.question{font-weight:700;margin-bottom:8px}.prompt-box{width:100%;min-height:72px}.prompt-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.counter{color:var(--text-muted);font-size:.9rem}.counter-warn{color:var(--color-error);font-weight:700;font-size:.9rem}.options-row{display:flex;gap:12px;flex-wrap:wrap}.vote-option{border:2px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;background-color:var(--surface);color:inherit;font:inherit;font-weight:600}.vote-option img{display:block;width:220px;max-width:100%;height:auto;border-radius:4px;margin-bottom:6px}.vote-option.voted{border-color:var(--color-primary);box-shadow:0 0 0 2px #1280c44d}.progress-list{list-style:none;padding:0}.reveal-answer{margin-bottom:12px;padding:8px;border:1px solid transparent;border-radius:var(--radius)}.reveal-answer img{width:180px;max-width:100%;height:auto;border-radius:4px}.reveal-answer.winner{background-color:#f2ff0238;border-color:var(--color-accent)}.leaderboard{list-style-position:inside;padding:0;font-size:1.15rem;line-height:2;text-align:left}.leaderboard li{padding:4px 10px;border-radius:var(--radius)}.leaderboard li:first-child{background-color:#f2ff0247;font-weight:700}#root{min-height:100vh}