*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#14181c;--surface:#1f2837;--surface2:#2c3a4a;--border:#3a4a5c;--accent:#00b020;--accent-dim:#007a18;--text:#e8e8e8;--muted:#7a8fa6;--red:#e74c3c;--yellow:#f5c518;color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px}body{background:var(--bg);min-height:100vh}.page{min-height:100vh;padding:1.5rem}.page.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;padding:2rem;display:flex}.logo{font-size:1.75rem;font-weight:700}.subtitle{color:var(--muted);font-size:.9rem}.tabs{gap:.5rem;display:flex}.tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.5rem;font-size:.9rem;transition:all .15s}.tab.active{background:var(--surface2);color:var(--text);border-color:var(--accent)}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.btn{cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.25rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#00c424}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--surface2)}.btn.small{padding:.4rem .85rem;font-size:.85rem}.lobby-card{max-width:560px}.lobby-header{justify-content:space-between;align-items:flex-start;display:flex}.lobby-header-actions{align-items:center;gap:.5rem;display:flex}.code-display{color:var(--muted);margin-top:.25rem;font-size:.95rem}.code-display strong{color:var(--accent);letter-spacing:.1em;font-size:1.1rem}.member-list{flex-direction:column;gap:.6rem;display:flex}.member-row{background:var(--surface2);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.member-info{align-items:center;gap:.6rem;display:flex}.member-name{font-weight:600}.member-username{color:var(--muted);font-size:.85rem}.host-badge{background:var(--accent-dim);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.status.ok{color:var(--accent);font-size:.85rem}.status.err{color:var(--red);font-size:.85rem}.score-preview{flex-wrap:wrap;gap:.5rem;display:flex}.score-chip{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:.25rem .6rem;font-size:.8rem}.add-virtual-form{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.add-virtual-title{font-size:.95rem;font-weight:600}.add-virtual-desc{font-size:.82rem}.add-virtual-row{gap:.5rem;display:flex}.add-virtual-row .input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:.45rem .75rem;font-size:.9rem}.add-virtual-row .input:focus{border-color:var(--accent);outline:none}.game-page{flex-direction:column;padding:0;display:flex}.game-topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex;position:relative}.game-topbar-title{pointer-events:none;font-size:.95rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.game-topbar-code{color:var(--muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.8rem;transition:background .15s,color .15s}.game-topbar-code:hover{background:var(--surface2);color:var(--text)}.game-layout{grid-template-columns:300px 1fr 220px;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem;display:grid}@media (width<=900px){.game-layout{grid-template-columns:1fr}.film-card{flex-direction:row;display:flex;position:static}.film-poster{aspect-ratio:2/3;border-radius:0;width:90px;min-width:90px}.film-poster-placeholder{aspect-ratio:2/3;width:90px;min-width:90px;font-size:2rem}.film-info{gap:.25rem;padding:.75rem}.film-title{font-size:.95rem}.film-year{font-size:.75rem}.stars{font-size:1.1rem}}.film-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;position:sticky;top:1.5rem;overflow:hidden}.film-poster{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.film-poster-placeholder{aspect-ratio:2/3;background:var(--surface2);justify-content:center;align-items:center;width:100%;font-size:4rem;display:flex}.film-info{flex-direction:column;gap:.4rem;padding:1rem;display:flex}.film-title{font-size:1.15rem;font-weight:700;line-height:1.3}.film-year{color:var(--muted);font-size:.85rem}.stars{color:var(--yellow);letter-spacing:.05em;font-size:1.4rem}.stars-empty{color:var(--border)}.stars.no-rating{color:var(--muted);letter-spacing:0;font-size:.85rem}.home-credits{color:var(--muted);text-align:center;margin-top:1rem;font-size:.78rem;line-height:1.7}.home-credits a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.home-credits a:hover{color:var(--text)}.liked-badge{color:#e06c88;margin-top:.2rem;font-size:.85rem}.guess-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.guess-section h3{font-size:1.1rem}.options{flex-direction:column;gap:.6rem;display:flex}.option-btn{border:2px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:.85rem 1.2rem;font-size:1rem;font-weight:600;transition:all .15s}.option-btn:hover:not(:disabled){border-color:var(--accent)}.option-btn.selected{border-color:var(--accent);background:var(--accent-dim)}.option-btn.locked{color:#4ade80;cursor:default;background:#4ade8026;border-color:#4ade80}.option-btn.dimmed{opacity:.4}.lock-btn{width:100%;margin-top:.75rem;padding:.7rem 1.25rem;font-size:1rem}.locked-msg{text-align:center;margin-top:.5rem}.guess-progress{flex-direction:column;gap:.4rem;display:flex}.progress-bar{background:var(--surface2);border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.progress-fill.selection{background:var(--accent-dim)}.progress-fill.locked{background:var(--accent)}.reveal{flex-direction:column;gap:1rem;display:flex}.rater-row{background:var(--surface2);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.rater-name{font-weight:700}.rater-detail{color:var(--muted);font-size:.9rem}.guesses-list{flex-direction:column;gap:.4rem;display:flex}.guesses-list h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.guess-row{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.guess-row.correct{color:var(--accent);background:#00b02026}.guess-row.wrong{color:var(--red);background:#e74c3c1a}.guess-row.me{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px}.scoreboard{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:sticky;top:1.5rem}.scoreboard h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.score-row{border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.score-row.me{background:var(--surface2);border:1px solid var(--accent)}.score-row .rank{color:var(--muted);width:16px;font-size:.8rem}.score-row .score-name{flex:1;font-size:.9rem;font-weight:600}.score-row .score-pts{color:var(--accent);font-weight:700}.game-over-card{max-width:480px}.game-over-gif-wrap{border-radius:10px;width:100%;line-height:0;position:relative;overflow:hidden}.game-over-gif{object-fit:cover;border-radius:10px;width:100%;max-height:280px;display:block}.game-over-gif-label{color:#ffffffbf;text-align:right;background:linear-gradient(#0000,#000000b3);padding:.35rem .75rem;font-size:.75rem;font-style:italic;line-height:1.8;position:absolute;bottom:0;left:0;right:0}.final-scores{flex-direction:column;gap:.6rem;display:flex}.final-score-row{background:var(--surface2);border-radius:8px;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.final-score-row.winner{border:1px solid var(--accent)}.final-score-row .rank{color:var(--muted)}.final-score-row .name{flex:1;font-weight:600}.final-score-row .pts{color:var(--accent);font-weight:700}.muted{color:var(--muted);font-size:.9rem}.centered{text-align:center}.error{color:var(--red);font-size:.85rem}.round-header{justify-content:space-between;align-items:center;display:flex}.timer-ring{flex-shrink:0;width:56px;height:56px;position:relative}.timer-ring svg{display:block}.timer-number{color:var(--text);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.timer-number.urgent{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timer-ring.urgent .timer-number{animation:.8s ease-in-out infinite pulse}.guess-result{flex-wrap:wrap;flex:1;align-items:center;gap:.3rem;display:flex}.guess-tag{border-radius:12px;padding:.1rem .45rem;font-size:.82rem;font-weight:600}.guess-tag.correct{color:var(--accent);background:#00b0202e}.guess-tag.wrong{color:var(--red);background:#e74c3c26}.points-pill{color:var(--accent);white-space:nowrap;background:#00b0201f;border-radius:20px;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.8rem;font-weight:700;display:flex}.points-pill.negative{color:var(--red);background:#e74c3c1f}.pip{font-size:.75rem}.correct-answers{border:1px solid var(--accent-dim);background:#00b02014;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.correct-name{color:var(--accent);background:#00b02026;border-radius:12px;padding:.1rem .5rem;font-weight:700}.streak-badge{color:var(--yellow);vertical-align:middle;background:#f5c51826;border:1px solid #f5c5184d;border-radius:20px;margin-left:.6rem;padding:.1rem .45rem;font-size:.8rem;font-weight:700;display:inline-block}.double-down-btn{border:2px dashed var(--muted);color:var(--muted);background:0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .15s}.double-down-btn:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow);background:#f5c51814}.double-down-btn.active{border:2px solid var(--yellow);color:var(--yellow);background:#f5c5181f}.doubled-badge{color:var(--yellow);margin-left:.5rem;font-weight:700}.config-section{flex-direction:column;gap:.5rem;padding-top:.25rem;display:flex}.config-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600}.config-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.4rem;padding:.6rem .85rem;transition:border-color .15s;display:flex}.config-toggle.on{border-color:var(--accent-dim)}.config-toggle-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.config-toggle-label{font-size:.9rem;font-weight:600;display:block}.config-toggle-desc{color:var(--muted);font-size:.75rem;display:block}.config-extra{padding-top:.25rem}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch.active{background:var(--accent)}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle-switch.active .toggle-knob{left:21px}.lobby-config{flex-direction:column;gap:.4rem;display:flex}.lobby-config-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600}.lobby-config-pills{flex-wrap:wrap;gap:.4rem;display:flex}.config-pill{border:1px solid #0000;border-radius:20px;padding:.2rem .55rem;font-size:.78rem}.config-pill.enabled{border-color:var(--accent-dim);color:var(--accent);background:#00b0201f}.config-pill.disabled{background:var(--surface2);border-color:var(--border);color:var(--muted);opacity:.6;text-decoration:line-through}.config-pill-detail{opacity:.75;font-size:.72rem}.config-max-points{background:var(--surface2);border:1px solid var(--accent-dim);border-radius:8px;padding:.75rem .85rem}.config-max-points-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.auth-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100dvh;padding:2rem;display:flex}.auth-gate h1{margin:0;font-size:2rem}.auth-gate p{color:var(--muted);margin:0}.google-signin-btn{background:var(--surface2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.google-signin-btn:hover{background:var(--surface3,#3a3a4a)}.auth-bar{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex;position:absolute;top:1rem;right:1rem}.auth-avatar{border-radius:50%;width:28px;height:28px}.auth-name{color:var(--fg)}.auth-logout-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.2rem .55rem;font-size:.78rem}.auth-logout-btn:hover{color:var(--fg)}