@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0a1a;--bg-light: #1a1230;--surface: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .12);--surface-active: rgba(255, 255, 255, .18);--primary: #ff3a6c;--primary-glow: rgba(255, 58, 108, .4);--primary-dim: rgba(255, 58, 108, .15);--secondary: #a855f7;--secondary-glow: rgba(168, 85, 247, .3);--accent: #06d6a0;--accent-glow: rgba(6, 214, 160, .3);--success: #06d6a0;--success-glow: rgba(6, 214, 160, .3);--miss: #ff6b8a;--miss-glow: rgba(255, 107, 138, .2);--warning: #ffd166;--warning-glow: rgba(255, 209, 102, .3);--cyan: #22d3ee;--text: #f0e6ff;--text-dim: rgba(240, 230, 255, .55);--text-muted: rgba(240, 230, 255, .3);--radius: 20px;--radius-sm: 12px;--font-display: "Lilita One", "Nunito", sans-serif;--font-body: "Nunito", sans-serif}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 600px 600px at 20% 20%,rgba(168,85,247,.12),transparent),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(255,58,108,.1),transparent),radial-gradient(ellipse 400px 400px at 50% 60%,rgba(6,214,160,.06),transparent);pointer-events:none;z-index:0;animation:bg-drift 20s ease-in-out infinite alternate}@keyframes bg-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,20px) scale(1.05)}}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.app{width:100%;max-width:480px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column}.title{font-family:var(--font-display);font-size:2.8rem;font-weight:900;letter-spacing:.02em;text-align:center;background:linear-gradient(135deg,#ff3a6c,#a855f7,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px var(--primary-glow))}.title .dot{-webkit-text-fill-color:var(--warning);filter:drop-shadow(0 0 8px var(--warning-glow))}.subtitle{font-size:1rem;color:var(--text-dim);text-align:center;margin-top:.25rem;font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius);font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.03em;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s;padding:.9rem 1.5rem;width:100%;position:relative;text-transform:uppercase}.btn:active{transform:scale(.94)!important}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#ff3a6c,#e9256a);color:#fff;box-shadow:0 4px 24px var(--primary-glow),inset 0 1px #fff3;border:2px solid rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 36px var(--primary-glow),inset 0 1px #fff3}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid rgba(255,255,255,.08);font-family:var(--font-body);font-weight:700;text-transform:none;letter-spacing:0}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:#ffffff26;transform:translateY(-2px)}.coffee-link{display:block;text-align:center;font-size:.8rem;color:var(--text-dim);text-decoration:none;padding:.5rem;transition:color .2s,transform .15s}.coffee-link:hover{color:var(--warning);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#06d6a0,#04b888);color:#0f0a1a;box-shadow:0 4px 20px var(--accent-glow),inset 0 1px #fff3;border:2px solid rgba(255,255,255,.1)}.btn-miss{background:var(--surface);color:var(--miss);border:2px solid rgba(255,107,138,.2)}.btn-small{padding:.55rem 1.1rem;font-size:.85rem;width:auto;border-radius:var(--radius-sm)}.input{width:100%;padding:.9rem 1rem;border:2px solid rgba(168,85,247,.2);border-radius:var(--radius);background:#ffffff0a;color:var(--text);font-family:inherit;font-size:1rem;font-weight:700;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus{border-color:var(--secondary);background:#a855f70f;box-shadow:0 0 0 4px #a855f726}.input::placeholder{color:var(--text-muted);font-weight:400}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:1px solid}.badge-0{background:#a855f726;color:#c084fc;border-color:#a855f74d}.badge-1{background:#06d6a01f;color:var(--accent);border-color:#06d6a04d}.badge-2{background:#22d3ee1f;color:var(--cyan);border-color:#22d3ee4d}.badge-3{background:#ffd1661f;color:var(--warning);border-color:#ffd1664d}.badge-4{background:#ff8c421f;color:#ff8c42;border-color:#ff8c424d}.badge-5{background:#ff3a6c1f;color:var(--primary);border-color:#ff3a6c4d}.room-code{font-family:var(--font-display);font-size:2.8rem;font-weight:900;letter-spacing:.3em;text-align:center;color:var(--cyan);cursor:pointer;transition:text-shadow .3s;-webkit-user-select:all;user-select:all;text-shadow:0 0 10px rgba(34,211,238,.4),0 0 40px rgba(34,211,238,.15)}.room-code:hover{text-shadow:0 0 14px rgba(34,211,238,.6),0 0 60px rgba(34,211,238,.25)}.player-list{display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);transition:background .15s}.player-item:hover{background:#ffffff14}.player-avatar{width:2.5rem;height:2.5rem;border-radius:14px;background:linear-gradient(135deg,var(--secondary),var(--primary));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--secondary-glow)}.player-name{flex:1;font-weight:700}.player-host{font-size:.65rem;color:var(--warning);font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#ffd1661f;padding:.2rem .5rem;border-radius:100px;border:1px solid rgba(255,209,102,.25)}.player-score{font-weight:900;color:var(--accent)}.prompt-text{font-family:var(--font-display);font-size:1.6rem;font-weight:900;text-align:center;line-height:1.35;padding:2rem 0;color:#fff;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 12px var(--secondary-glow)}50%{text-shadow:0 0 28px var(--secondary-glow),0 0 56px rgba(168,85,247,.15)}}.timer-bar{width:100%;height:6px;background:var(--surface);border-radius:3px;overflow:hidden;margin:1rem 0}.timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:3px;transition:width 1s linear;box-shadow:0 0 8px var(--accent-glow)}.counter{text-align:center;color:var(--text-dim);font-size:.9rem;padding:.75rem 0}.match-group{border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;border:1px solid}.match-group.synced{background:#06d6a014;border-color:#06d6a040;box-shadow:0 0 20px #06d6a014}.match-group.solo{background:#ffffff08;border-color:#ffffff0f}.match-answer{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.match-answer-name{font-size:.8rem;color:var(--text-dim);min-width:5rem}.match-answer-text{font-weight:700}.vote-box{background:#a855f70f;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.vote-question{text-align:center;margin-bottom:1rem;font-weight:700}.vote-answers{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem}.vote-vs{color:var(--text-dim);font-size:.8rem;font-weight:700;font-style:italic}.vote-buttons{display:flex;gap:.75rem}.vote-buttons .btn{flex:1}.score-row{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);margin-bottom:.5rem}.score-points{font-family:var(--font-display);font-weight:900;font-size:1.3rem;min-width:3rem;text-align:right}.score-points.positive{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.score-points.zero{color:var(--text-muted)}.score-total{color:var(--text-dim);font-size:.85rem;margin-left:auto}.sync-banner{text-align:center;font-family:var(--font-display);font-size:2rem;font-weight:900;padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--radius);border:2px solid rgba(6,214,160,.3);background:#06d6a014;background-image:linear-gradient(90deg,var(--accent) 0%,var(--cyan) 25%,#c084fc 50%,var(--warning) 75%,var(--accent) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shimmer 3s linear infinite}@keyframes rainbow-shimmer{0%{background-position:0% center}to{background-position:300% center}}.rank{width:2.2rem;height:2.2rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;flex-shrink:0}.rank-1{background:linear-gradient(135deg,gold,#fa0);color:#1a0a00;box-shadow:0 2px 8px #ffd7004d}.rank-2{background:linear-gradient(135deg,#e0e0e0,#b0b0b0);color:#1a1a1a}.rank-3{background:linear-gradient(135deg,#e0a060,#cd7f32);color:#1a1000}.rank-other{background:var(--surface-hover);color:var(--text-dim)}.section{margin-bottom:1.5rem}.section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:.75rem}.spacer{flex:1}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.w-full{width:100%}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row:last-child{border-bottom:none}.setting-label{font-weight:700;font-size:.9rem}.setting-control{display:flex;align-items:center;gap:.5rem}.toggle{width:3rem;height:1.75rem;border-radius:100px;background:var(--surface-hover);border:2px solid rgba(255,255,255,.08);cursor:pointer;position:relative;transition:background .2s,border-color .2s}.toggle.active{background:var(--accent);border-color:#06d6a066}.toggle:after{content:"";position:absolute;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;top:.18rem;left:.18rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0003}.toggle.active:after{transform:translate(1.18rem)}.select{background:var(--surface);border:2px solid rgba(255,255,255,.08);color:var(--text);font-family:inherit;font-weight:700;font-size:.85rem;padding:.4rem .75rem;border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:border-color .15s}.select:focus{border-color:var(--secondary)}.stepper{display:flex;align-items:center;gap:.5rem}.stepper-btn{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--surface);border:2px solid rgba(255,255,255,.08);color:var(--text);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .12s}.stepper-btn:hover{background:var(--surface-hover);border-color:var(--secondary);transform:scale(1.1)}.stepper-btn:active{transform:scale(.95)}.stepper-value{font-family:var(--font-display);font-weight:900;min-width:2rem;text-align:center;font-size:1.1rem}.error{color:var(--primary);font-size:.85rem;text-align:center;padding:.6rem;margin-top:.5rem;background:var(--primary-dim);border-radius:var(--radius-sm);border:1px solid rgba(255,58,108,.2)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.waiting{animation:pulse 2s ease-in-out infinite}.copied-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),var(--cyan));color:#0f0a1a;padding:.6rem 1.5rem;border-radius:100px;font-weight:800;font-size:.85rem;z-index:100;box-shadow:0 4px 20px var(--accent-glow)}::view-transition-old(screen){animation:vt-slide-out .35s cubic-bezier(.4,0,.2,1) both}::view-transition-new(screen){animation:vt-slide-in .35s cubic-bezier(.4,0,.2,1) both}@keyframes vt-slide-out{0%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:0;transform:translateY(-40px) scale(.95) rotate(-1deg);filter:blur(6px)}}@keyframes vt-slide-in{0%{opacity:0;transform:translateY(40px) scale(.95) rotate(1deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}.screen{view-transition-name:screen}@keyframes confetti-pop{0%{transform:scale(0) rotate(0);opacity:1}60%{transform:scale(1.4) rotate(180deg);opacity:.8}to{transform:scale(1) rotate(360deg);opacity:1}}.confetti-pop{animation:confetti-pop .6s cubic-bezier(.34,1.56,.64,1) both}.btn-kick{background:transparent;border:1px solid rgba(255,58,108,.25);color:var(--primary);padding:.3rem .6rem;font-size:.7rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;margin-left:auto}.btn-kick:hover{background:var(--primary-dim);border-color:var(--primary);transform:scale(1.1)}.prompt-input-row{display:flex;gap:.5rem;margin-top:.75rem}.prompt-input-row .input{flex:1;padding:.6rem .75rem;font-size:.85rem}.prompt-input-row .btn{width:auto;padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.share-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.share-link{flex:1;font-size:.72rem;color:var(--text-dim);background:var(--surface);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:pointer;transition:border-color .15s}.share-link:hover{border-color:#a855f74d}.prompt-source{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-dim);font-weight:700;margin-top:.25rem}.prompt-source.custom{color:var(--warning)}.prompt-count-chip{font-size:.6rem;background:#a855f726;color:#c084fc;padding:.15rem .5rem;border-radius:100px;font-weight:800;margin-left:.35rem;border:1px solid rgba(168,85,247,.25)}.btn-flag{background:transparent;border:1px solid rgba(255,209,102,.25);color:var(--warning);padding:.25rem .55rem;font-size:.7rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,transform .12s;white-space:nowrap}.btn-flag:hover{background:#ffd1661a;border-color:var(--warning);transform:scale(1.1)}.btn-flag:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-flag.flagged{background:#ffd16626;border-color:var(--warning)}.flag-count{font-size:.65rem;color:var(--text-dim);margin-left:.3rem}.match-answer.invalidated{opacity:.35;text-decoration:line-through}.invalidated-badge{font-size:.65rem;color:var(--primary);font-weight:700;margin-left:.4rem}.mode-description{font-size:.78rem;color:var(--text-dim);line-height:1.45;padding:.6rem .85rem;margin:.3rem 0 .5rem;background:#a855f70f;border-radius:var(--radius-sm);border-left:3px solid var(--secondary)}.mute-btn{position:fixed;top:1rem;right:1rem;z-index:50;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface);border:1px solid rgba(255,255,255,.08);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s,border-color .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mute-btn:hover{background:var(--surface-hover);border-color:#ffffff26;transform:scale(1.1)}.mute-btn:active{transform:scale(.9)}