:root{--bg: #0b0a16;--bg-glow-1: #3a1256;--bg-glow-2: #0d2b3a;--panel: #171425;--panel-line: #2c2740;--ink: #f3f0ff;--ink-soft: #9a90be;--amber: #ffc93c;--amber-glow: rgba(255, 201, 60, .45);--pink: #ff3dae;--pink-glow: rgba(255, 61, 174, .4);--cyan: #2de0ff;--cyan-glow: rgba(45, 224, 255, .4);--green: #39ff88;--green-glow: rgba(57, 255, 136, .35);--red: #ff3b5c;--red-glow: rgba(255, 59, 92, .35);--text: var(--ink);--text-dim: var(--ink-soft);--accent: var(--amber);--accent-ink: #1a0f10;--truth: var(--green);--danger: var(--red);--card: var(--panel);--card-border: var(--panel-line);--radius: 18px;--font-head: "Baloo 2", "Nunito", sans-serif;--font-body: "Nunito", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;font-family:var(--font-body);font-size:17px;color:var(--ink);background:radial-gradient(circle at 12% -10%,var(--bg-glow-1),transparent 45%),radial-gradient(circle at 100% 25%,var(--bg-glow-2),transparent 45%),var(--bg);background-attachment:fixed}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-head);font-weight:700;margin:0}button{font-family:inherit}a{color:var(--cyan)}a:hover{color:var(--amber)}.wrap{width:100%;max-width:640px;margin:0 auto;padding:20px 18px 48px;flex:1;display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1.5px solid var(--panel-line);border-radius:var(--radius);padding:20px;box-shadow:0 18px 40px -18px #000000b3}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:14px 22px;font-family:var(--font-head);font-weight:600;font-size:17px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--amber),var(--pink));color:var(--accent-ink);box-shadow:0 0 26px -4px var(--pink-glow),0 0 14px -2px var(--amber-glow)}.btn-secondary{background:transparent;color:var(--ink-soft);border:1.5px solid var(--panel-line)}.btn-danger{background:#ff3b5c1f;color:var(--red);border:1.5px solid rgba(255,59,92,.4)}.btn-block{width:100%}.btn-sm{padding:9px 15px;font-size:14px}.btn-google{background:#fff;color:#3c4043;border:1.5px solid #dadce0;box-shadow:0 1px 3px #00000040}.btn-google:hover:not(:disabled){box-shadow:0 2px 8px #00000059}input[type=text],select{width:100%;border-radius:12px;border:1.5px solid var(--panel-line);background:#0f0d1c;color:var(--ink);padding:13px 14px;font-size:16px;font-weight:600;font-family:inherit}input[type=text]::placeholder{color:#5b5478;font-weight:500}input[type=text]:focus,select:focus{outline:2px solid var(--amber);outline-offset:1px}label{font-family:var(--font-head);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-weight:600;display:block;margin-bottom:7px}.center{text-align:center}.muted{color:var(--ink-soft)}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.pill{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--panel-line);border-radius:999px;padding:5px 13px;font-family:var(--font-head);font-size:13.5px;font-weight:600;color:var(--ink-soft)}.avatar-chip{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#0f0d1c;border:1.5px solid var(--chip-color, var(--cyan));box-shadow:0 0 12px -3px var(--chip-color, var(--cyan-glow));flex-shrink:0}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-picker button{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--panel-line);background:#0f0d1c;font-size:22px;cursor:pointer}.avatar-picker button.selected{border-color:var(--amber);background:#ffc93c14;box-shadow:0 0 16px -3px var(--amber-glow)}.avatar-picker button:disabled{opacity:.3;cursor:not-allowed}.timer-bar{height:8px;border-radius:999px;background:#0f0d1c;border:1px solid var(--panel-line);overflow:hidden}.timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 10px 0 var(--pink-glow);transition:width .3s linear}.timer-bar-fill.urgent{background:var(--red);box-shadow:0 0 10px 0 var(--red-glow)}.prompt-text{font-family:var(--font-head);font-size:22px;line-height:1.4;font-weight:600;color:var(--ink)}.prompt-blank{color:var(--amber);border-bottom:2.5px solid var(--amber);padding:0 4px}.option-btn{width:100%;text-align:left;border-radius:14px;border:1.5px solid var(--panel-line);background:#0f0d1c;color:var(--ink);padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:border-color .12s,box-shadow .12s}.option-btn:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 16px -4px var(--cyan-glow)}.option-btn:disabled{cursor:default}.option-btn.picked{border-color:var(--amber);background:#ffc93c14;box-shadow:0 0 20px -4px var(--amber-glow)}.option-btn.is-truth{border-color:var(--green);background:#39ff881a;box-shadow:0 0 20px -4px var(--green-glow)}.option-btn.is-voted-lie{border-color:var(--pink);background:#ff3dae1a;box-shadow:0 0 20px -4px var(--pink-glow)}.score-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--panel-line)}.score-row:last-child{border-bottom:none}.score-num{font-family:var(--font-head);font-weight:700;font-size:18px;min-width:60px;text-align:right;color:var(--amber)}.badge{font-family:var(--font-head);font-size:13px;font-weight:700;padding:3px 11px;border-radius:999px;background:#0f0d1c;color:var(--ink-soft);white-space:nowrap}.badge-you{background:#2de0ff1f;color:var(--cyan)}.badge-ready{background:#39ff881f;color:var(--green)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel);border:1.5px solid var(--panel-line);color:var(--ink);padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;z-index:50;box-shadow:0 8px 30px -6px #000000b3}.chat-log{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.chat-msg{font-size:14.5px;color:var(--ink-soft)}.chat-msg b{color:var(--ink)}.chat-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1.5px solid var(--panel-line);margin-bottom:2px}.chat-tab{border:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;background:transparent;color:var(--ink-soft);border-radius:0;padding:5px 9px 7px;font-family:var(--font-head);font-size:13.5px;font-weight:600;cursor:pointer}.chat-tab.active{color:var(--ink);border-bottom-color:var(--amber)}.chat-picker{display:flex;flex-wrap:wrap;gap:7px;max-height:130px;overflow-y:auto;padding:2px}.chat-send{max-width:100%;border:1.5px solid var(--panel-line);background:var(--panel);color:var(--ink);border-radius:14px 14px 14px 4px;padding:8px 13px;font-family:inherit;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer;box-shadow:0 4px 14px -8px #0009}.chat-send:hover{border-color:var(--amber)}.card-success{border-color:var(--green);box-shadow:0 0 40px -8px var(--green-glow),0 18px 40px -18px #000000b3}.card-success .pill{color:var(--green);border-color:#39ff8866;background:#39ff8814}.code-box{background:#0f0d1c;border:1.5px solid var(--amber);border-radius:20px;box-shadow:0 0 34px -6px var(--amber-glow);padding:22px 18px;color:var(--ink)}.code-box .muted{color:var(--ink-soft);font-family:var(--font-head);font-weight:600;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}code.room-code{font-family:var(--font-head);font-weight:700;font-size:36px;letter-spacing:8px;color:var(--amber);text-shadow:0 0 18px var(--amber-glow)}.error-text{font-weight:700;color:var(--red);font-size:14.5px}.hero-logo{font-family:var(--font-head);font-size:46px;font-weight:700;color:var(--ink);text-align:center;letter-spacing:.5px;text-shadow:0 0 18px var(--pink-glow),0 0 34px var(--amber-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:40;overflow-y:auto}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:45;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-dialog{width:100%;max-width:340px;box-shadow:0 0 40px -6px var(--amber-glow),0 18px 40px -18px #000c}.confirm-dialog p{font-size:18px}.leave-footer{align-self:center;margin-top:6px;opacity:.65}.leave-footer:hover{opacity:1}@media (max-width: 420px){.avatar-picker{grid-template-columns:repeat(4,1fr)}}