@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&display=swap";:root{--primary:#6366f1;--primary-light:#818cf8;--secondary:#ec4899;--background:#0f172a;--surface:#1e293bd9;--surface-hover:#334155e6;--text:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border:#ffffff1a;--choice-a:#ef4444;--choice-b:#3b82f6;--choice-c:#f59e0b;--choice-d:#10b981;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%;height:-webkit-fill-available}body{background:var(--background);color:var(--text);height:100%;overscroll-behavior:none;background-image:radial-gradient(at 10% 0,#6366f133 0%,#0000 50%),radial-gradient(at 90% 100%,#ec489926 0%,#0000 50%);height:-webkit-fill-available;font-family:Outfit,sans-serif;overflow:hidden}#root{height:100%;flex-direction:column;height:-webkit-fill-available;display:flex}.screen{padding-top:calc(1.25rem + var(--safe-top));padding-bottom:calc(1.25rem + var(--safe-bottom));padding-left:calc(1.25rem + var(--safe-left));padding-right:calc(1.25rem + var(--safe-right));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen-center{padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));min-height:100%;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:-webkit-fill-available;display:flex}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;width:100%;max-width:480px;padding:2rem 1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 24px 48px #0006}.app-title{text-align:center;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:900;line-height:1.15}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.btn{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:56px;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex}.btn:active{opacity:.9;transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);box-shadow:0 4px 20px #6366f166}.btn-primary:active{box-shadow:0 2px 10px #6366f14d}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, #f472b6 100%);box-shadow:0 4px 20px #ec489966}.btn-ghost{background:var(--surface-hover);border:1px solid var(--border)}.btn-danger{background:linear-gradient(135deg, var(--danger), #f87171);box-shadow:0 4px 20px #ef444466}.btn:disabled{opacity:.4;pointer-events:none}.input-field{border:1.5px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;appearance:none;background:#0f172ab3;border-radius:14px;padding:1rem 1.25rem;font-family:Outfit,sans-serif;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}.input-field::placeholder{color:var(--text-muted)}.form-stack{flex-direction:column;gap:.875rem;display:flex}.player-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.player-info{align-items:center;gap:.625rem;display:flex}.player-avatar-sm{object-fit:cover;border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:42px;height:42px}.player-name{font-size:1rem;font-weight:700}.choices-grid{flex:1;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.choice-btn{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;justify-content:center;align-items:center;min-height:100px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s;display:flex;box-shadow:0 6px #00000040}.choice-btn:active{transform:translateY(6px);box-shadow:0 0 #00000040}.choice-a{background:var(--choice-a)}.choice-b{background:var(--choice-b)}.choice-c{background:var(--choice-c)}.choice-d{background:var(--choice-d)}.timer-bar-wrapper{background:#ffffff1a;border-radius:99px;height:8px;margin:.5rem 0;overflow:hidden}.player-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:1rem;display:grid}.player-chip{border:1px solid var(--border);text-align:center;background:#ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;transition:border-color .2s,background .2s;animation:.3s slideUp;display:flex}.player-chip.answered{border-color:var(--success);background:#10b9811a}.player-chip img{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:40px;height:40px}.player-chip span{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:.72rem;font-weight:600;overflow:hidden}.leaderboard{flex-direction:column;gap:.75rem;display:flex}.leaderboard-row{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.leaderboard-row:first-child{background:linear-gradient(90deg,#fbbf2426,#0000);border-color:#fbbf2466}.leaderboard-row:nth-child(2){background:linear-gradient(90deg,#9ca3af1f,#0000);border-color:#9ca3af4d}.leaderboard-row:nth-child(3){background:linear-gradient(90deg,#b453091f,#0000);border-color:#b453094d}.leaderboard-rank{flex-shrink:0;width:2rem;font-size:1.2rem;font-weight:800}.leaderboard-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 .75rem;font-weight:600;overflow:hidden}.leaderboard-score{color:var(--primary-light);flex-shrink:0;font-size:1.1rem;font-weight:800}.countdown-big{color:var(--primary);text-align:center;font-size:min(30vw,160px);font-weight:900;line-height:1;animation:1s infinite pulse}.qr-box{background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:1rem;display:inline-flex}.badge{border-radius:99px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.divider{background:var(--border);height:1px;margin:1rem 0}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;padding-bottom:calc(1rem + var(--safe-bottom));background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-sheet{border:1px solid var(--border);padding:2rem 1.5rem calc(1.5rem + var(--safe-bottom));text-align:center;background:#1e293b;border-radius:28px 28px 0 0;width:100%;max-width:480px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp}.modal-handle{background:var(--border);border-radius:99px;width:40px;height:4px;margin:-.5rem auto 1.5rem}.answered-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.avatar-preview{object-fit:cover;border:3px solid var(--primary);border-radius:50%;width:90px;height:90px;margin:0 auto 1.5rem;display:block}.game-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.question-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.timer-display{font-size:1.7rem;font-weight:900}.admin-screen{-webkit-overflow-scrolling:touch;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left));flex-direction:column;flex:1;display:flex;overflow:hidden auto}.admin-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}.admin-code-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.code-display{letter-spacing:.1em;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.choices-display{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.choice-display-card{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;align-items:center;gap:.75rem;padding:1rem;font-size:.95rem;font-weight:600;display:flex}.choice-label{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.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}