.menu{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.menu-bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.menu-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%)}.menu-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;transition:transform .3s ease-out}.menu-bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);top:-10%;left:-10%;animation:orbFloat1 20s ease-in-out infinite}.menu-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-20%;right:-10%;animation:orbFloat2 25s ease-in-out infinite}.menu-bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.35) 0%,transparent 70%);top:50%;left:50%;animation:orbFloat3 18s ease-in-out infinite}.menu-particles{position:fixed;inset:0;pointer-events:none;z-index:1}.menu-particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;box-shadow:0 0 10px #fff6;animation:particleFloat linear infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-10px) scale(1)}90%{opacity:1;transform:translateY(-100px) scale(1)}to{opacity:0;transform:translateY(-120px) scale(0)}}.menu-container{position:relative;z-index:10;text-align:center;max-width:560px;width:100%;display:flex;flex-direction:column;gap:40px;animation:menuEntrance .8s cubic-bezier(.16,1,.3,1)}@keyframes menuEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-logo-section{display:flex;flex-direction:column;align-items:center;gap:20px}.menu-logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;animation:logoPulse 3s ease-in-out infinite}.menu-logo-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}.menu-logo-icon{position:relative;z-index:2;color:#fff;filter:drop-shadow(0 4px 20px rgba(99,102,241,.5));animation:iconBounce 2s ease-in-out infinite}.menu-logo-image{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(99,102,241,.5));animation:iconBounce 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.menu-title{margin:0}.title-gradient{font-size:clamp(2.8rem,10vw,5rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 32px rgba(99,102,241,.4));animation:titleShimmer 3s linear infinite;background-size:200% auto}@keyframes titleShimmer{0%{background-position:0% center}to{background-position:200% center}}.menu-subtitle{font-size:1.05rem;color:var(--text-dim);font-weight:400;letter-spacing:.02em;animation:fadeInUp .8s ease .2s both}.theme-selector-modern{position:relative;display:flex;justify-content:center;animation:fadeInUp .8s ease .3s both}.theme-selector-corner{position:fixed;top:20px;right:20px;z-index:100;animation:none}.theme-selector-corner .theme-selector-dropdown{right:0;left:auto;transform:translateY(-10px)}.theme-selector-corner .theme-selector-dropdown.open{transform:translateY(0)}.theme-selector-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#1e1e2399;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:var(--text-dim);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-selector-btn:hover{background:#28282dcc;border-color:#fff3;color:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.theme-selector-arrow{transition:transform .3s ease}.theme-selector-arrow.rotated{transform:rotate(180deg)}.theme-selector-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-10px);display:flex;flex-direction:column;gap:6px;padding:8px;background:#121216f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:100;min-width:180px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-selector-dropdown.open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.theme-option{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;border-radius:12px;color:var(--text-dim);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.theme-option:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .3s ease}.theme-option:hover:before{transform:translate(100%)}.theme-option:hover{background:#ffffff0d;color:var(--text)}.theme-option.active{background:#6366f126;color:#fff}.theme-color-indicator{width:20px;height:20px;border-radius:6px;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.theme-option-name{flex:1;text-align:left}.theme-check-icon{color:#6366f1;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.menu-buttons{display:flex;flex-direction:column;gap:16px;animation:fadeInUp .8s ease .4s both}.menu-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:20px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-btn-bg{position:absolute;inset:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-btn-primary .menu-btn-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 24px #6366f166,inset 0 1px #fff3}.menu-btn-primary:hover .menu-btn-bg{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 40px #6366f199,inset 0 1px #ffffff4d;transform:scale(1.02)}.menu-btn-secondary .menu-btn-bg{background:#1e1e23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d}.menu-btn-secondary:hover .menu-btn-bg{background:#28282de6;border-color:#fff3;box-shadow:0 8px 32px #0006;transform:scale(1.02)}.menu-btn:active{transform:scale(.98)}.menu-btn-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 40px;width:100%}.menu-btn-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#ffffff1a;transition:all .3s ease}.menu-btn-primary .menu-btn-icon-wrapper{background:#ffffff26;box-shadow:0 4px 16px #0003}.menu-btn:hover .menu-btn-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.menu-btn-icon-wrapper svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.menu-btn-text{flex:1;font-size:1.15rem;font-weight:700;letter-spacing:.01em;color:#fff;text-align:center}.menu-btn-sparkle{color:#fffc;animation:sparkleRotate 2s ease-in-out infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}75%{transform:rotate(-10deg) scale(.9)}}.menu-features{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;animation:fadeInUp .8s ease .5s both}.menu-feature-item{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#1e1e2380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.85rem;color:var(--text-dim);font-weight:500;transition:all .3s ease;cursor:default}.menu-feature-item:hover{background:#28282db3;border-color:#ffffff26;color:var(--text);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.menu-feature-item svg{color:#6366f1;filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}@media(max-width:640px){.menu-container{gap:28px;padding:0 20px}.menu{padding:0;align-items:flex-start;padding-top:calc(60px + var(--safe-top));overflow-y:auto;height:100dvh}.menu-logo-section{margin-top:20px}.menu-logo-wrapper{width:80px;height:80px}.menu-logo-icon{width:40px;height:40px}.title-gradient{font-size:2.5rem}.menu-subtitle{font-size:.9rem;padding:0 10px}.menu-btn-content{padding:14px 20px}.menu-btn-icon-wrapper{width:36px;height:36px}.menu-btn-text{font-size:1rem}.menu-btn-sparkle{display:none}.menu-features{flex-wrap:wrap;justify-content:center;gap:6px;padding-bottom:calc(20px + var(--safe-bottom))}.menu-feature-item{padding:6px 12px;font-size:.75rem}.theme-selector-corner{top:12px;right:12px}.theme-selector-btn span{display:none}}.menu-btn:focus-visible,.theme-selector-btn:focus-visible,.theme-option:focus-visible{outline:2px solid #6366f1;outline-offset:3px}.join-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.join-bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(var(--accent-rgb),.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(var(--accent-rgb),.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:gradientShift 15s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.join-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.join-card{position:relative;z-index:10;width:100%;max-width:480px;padding:48px 40px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:cardEntrance .6s cubic-bezier(.16,1,.3,1)}.join-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.join-icon-wrapper{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);color:#fff;animation:iconPulse 2s ease-in-out infinite}.join-title{margin:0;font-size:1.75rem;font-weight:700;text-align:center}.room-hint{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:var(--radius-full);margin:0 auto 28px;font-size:.95rem;color:var(--text);font-weight:500;animation:hintPulse 2s ease-in-out infinite}.room-hint strong{color:var(--accent-light);font-weight:700;letter-spacing:.05em}@keyframes hintPulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}}.profile-section{display:flex;gap:20px;align-items:flex-start;margin-bottom:32px;animation:fadeInUp .6s ease .1s both}.avatar-preview{position:relative;width:84px;height:84px;min-width:84px;border-radius:50%;overflow:hidden;border:3px solid var(--border-highlight);display:flex;align-items:center;justify-content:center;background:var(--gradient);box-shadow:var(--shadow-accent);transition:var(--transition-base);cursor:pointer}.avatar-preview:hover{border-color:var(--accent);transform:scale(1.05)}.avatar-preview.drag-over{border-color:var(--success);background:#10b98133;transform:scale(1.1)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.avatar-placeholder svg{opacity:.8}.avatar-initial{position:absolute;bottom:4px;right:4px;width:28px;height:28px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-base);cursor:pointer;color:#fff}.avatar-preview:hover .avatar-overlay{opacity:1}.avatar-overlay input{display:none}.profile-fields{flex:1;display:flex;flex-direction:column;gap:12px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:var(--transition-fast)}.input-group:focus-within .input-icon{color:var(--accent)}.input-field{width:100%;padding:14px 16px 14px 44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;font-family:inherit;transition:var(--transition-base)}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.room-code-section{margin-bottom:28px;animation:fadeInUp .6s ease .2s both}.input-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.room-code{text-align:center;letter-spacing:.4em;font-size:1.5rem;font-weight:700;text-transform:uppercase;padding:18px 16px}.btn-join{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:var(--gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-accent);overflow:hidden;animation:fadeInUp .6s ease .3s both}.btn-join:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-join:hover:not(:disabled):before{left:100%}.btn-join:hover:not(:disabled){background:var(--gradient-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 16px 48px var(--accent-glow)}.btn-join:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-join:disabled{opacity:.6;cursor:not-allowed}.btn-arrow{transform:rotate(180deg);transition:var(--transition-fast)}.btn-join:hover .btn-arrow{transform:rotate(180deg) translate(-4px)}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.join-card.auto-join{max-width:420px;text-align:center}.auto-join-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0}.loading-spinner-wrapper{position:relative;width:80px;height:80px}.loading-spinner{position:absolute;inset:0;width:100%;height:100%;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-ring{position:absolute;inset:-8px;border:3px solid transparent;border-top-color:var(--accent-light);border-radius:50%;animation:spin 1.5s linear infinite reverse;opacity:.5}.auto-join-content h2{margin:0;font-size:1.4rem}.room-code-highlight{color:var(--accent-light);font-weight:800;letter-spacing:.05em}.auto-join-content p{margin:0;color:var(--text-dim)}@media(max-width:768px){.join-screen{padding:0;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.join-card{border-radius:0;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));max-width:100%;box-shadow:none;border:none}.profile-section{flex-direction:column;align-items:center}.avatar-preview{width:72px;height:72px;min-width:72px}.profile-fields,.input-group{width:100%}.input-field{width:100%;padding:16px;font-size:1rem}.join-title{font-size:1.5rem;margin-bottom:24px}.btn-join{width:100%;font-size:1.1rem;padding:18px;margin-top:24px;position:sticky;bottom:16px}.room-code-section{width:100%}.room-code{font-size:1.5rem;letter-spacing:.5em;padding:18px}.back-nav{top:calc(12px + var(--safe-top));left:12px}}@media(prefers-reduced-motion:reduce){.join-card,.avatar-preview,.btn-join,.back-nav{animation:none}}.host-end-game-container{margin:12px 0;padding:0}.host-end-game-button{width:100%;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);color:#fff;border:none;border-radius:14px;padding:14px 20px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px #ef44444d,0 2px 8px #00000026,inset 0 1px #ffffff40;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-height:52px;position:relative;overflow:hidden;text-align:left}.host-end-game-button.sidebar-style{font-size:.88rem;padding:12px 18px;min-height:48px;border-radius:12px}.host-end-game-button:before{content:"";position:absolute;top:0;left:-100%;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.host-end-game-button:hover:before{left:180%}.host-end-game-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ef444473,0 4px 15px #0003;background:linear-gradient(135deg,#f87171,#ef4444,#dc2626)}.host-end-game-button:active{transform:translateY(0);box-shadow:0 4px 15px #ef444459,0 1px 5px #00000026}.host-end-game-button .end-icon{opacity:.9;margin-left:auto;transition:all .3s ease}.host-end-game-button:hover .end-icon{opacity:1;transform:rotate(90deg) scale(1.1)}@media(max-width:768px){.host-end-game-button{padding:12px 16px;font-size:.85rem;min-height:46px}}.game-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:24px}.game-board-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.game-board-empty h2{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8rem}.game-board-empty p{color:var(--text-dim)}.category-column{display:flex;flex-direction:column;gap:12px;animation:columnEntrance .5s ease backwards}.category-column:nth-child(1){animation-delay:.1s}.category-column:nth-child(2){animation-delay:.15s}.category-column:nth-child(3){animation-delay:.2s}.category-column:nth-child(4){animation-delay:.25s}.category-column:nth-child(5){animation-delay:.3s}@keyframes columnEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-header{padding:18px 16px;background:var(--gradient);border-radius:var(--radius-md);text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);position:relative;overflow:hidden}.category-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s linear infinite}.category-name{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;position:relative;z-index:1;line-height:1.4}.questions-column{display:flex;flex-direction:column;gap:12px;flex:1}.question-cell{flex:1;min-height:80px;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden;padding:8px}.question-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05));opacity:0;transition:var(--transition-base)}.question-cell:hover:before{opacity:1}.question-cell:hover:not(.used):not(.disabled){border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px var(--accent-glow)}.question-cell.disabled{cursor:not-allowed;opacity:.4}.question-price{font-size:1.1rem;font-weight:600;color:var(--accent-light);text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.3;position:relative;z-index:1;transition:var(--transition-base);text-shadow:0 0 20px rgba(var(--accent-rgb),.4);letter-spacing:.05em}.question-cell:hover:not(.used):not(.disabled) .question-price{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px var(--accent);transform:scale(1.1)}.question-cell.used{background:#10b98114;border-color:#10b98133;cursor:default}.question-cell.used:after{content:"";position:absolute;inset:0;background:#10b9810d}.question-cell.used .question-price{color:var(--success);text-shadow:0 0 20px var(--success-glow);opacity:.5}.question-cell.used:before{opacity:1;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}.question-cell.locked{background:#32324680;border-color:#ffffff1a;cursor:not-allowed;opacity:.6}.question-cell.locked:before{opacity:1;background:linear-gradient(135deg,#ffffff08,#ffffff03)}.question-cell.locked .question-price{color:var(--text-dim);text-shadow:none;opacity:.4}.question-cell.locked .lock-icon{font-size:1rem;margin-left:6px;opacity:.7}.lock-icon{font-size:.9rem;margin-left:4px;transition:var(--transition-base)}.question-cell:hover.locked .lock-icon{opacity:1;animation:pulse-lock 1.5s ease-in-out infinite}@keyframes pulse-lock{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.training-mode-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:#10b981;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg),0 0 20px #10b98133;z-index:100;animation:fadeInUp .5s ease}.training-mode-hint .hint-icon{filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.host-only-hint{position:fixed;bottom:150px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:fadeInUp .5s ease}.hint-icon{font-size:1.1rem;filter:drop-shadow(0 0 8px var(--accent-glow))}@media(max-width:1024px){.game-board{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.category-column:nth-child(4),.category-column:nth-child(5){grid-row:2}}@media(max-width:768px){.game-board{grid-template-columns:repeat(2,1fr)}.category-header{min-height:50px;padding:12px}.category-name{font-size:.75rem}.question-cell{min-height:65px}.question-price{font-size:1.25rem}}@media(max-width:520px){.game-board{grid-template-columns:1fr;gap:10px;padding:12px}.category-column{flex-direction:row;align-items:center}.category-header{min-width:100px;padding:14px}.questions-column{flex-direction:row;flex:1}.question-cell{min-height:55px;flex:1}.question-price{font-size:1.1rem}.host-only-hint{bottom:130px;font-size:.8rem;padding:10px 18px}}@media(prefers-reduced-motion:reduce){.category-column,.question-cell,.category-header:before{animation:none}}.pp-root{background:#12121866;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);width:100%;overflow:hidden;position:relative;display:flex;align-items:stretch}.pp-root:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 50%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse at 90% 50%,rgba(139,92,246,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.pp-current-player{position:relative;z-index:1;width:min(26vw,230px);min-width:180px;flex-shrink:0;padding:12px 14px 12px 16px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#6366f114,#12121805)}.pp-current-label{margin-bottom:8px;font-size:.68rem;font-weight:800;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em}.pp-current-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px;border-radius:16px;background:#1e1e28b8;border:1px solid rgba(99,102,241,.22);box-shadow:0 10px 24px #00000038}.pp-current-avatar{width:52px;height:52px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;border:2px solid rgba(99,102,241,.35);background:linear-gradient(135deg,#6366f1,#a855f7)}.pp-current-avatar img{width:100%;height:100%;object-fit:cover}.pp-current-info{min-width:0}.pp-current-name{color:#fff;font-size:.96rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-current-meta{margin-top:4px;color:#ffffffb8;font-size:.82rem;font-weight:600}.pp-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-label{font-size:.72rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.pp-count{font-size:.68rem;font-weight:600;color:#ffffff4d;background:#ffffff0d;padding:3px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.06)}.pp-list{position:relative;z-index:1;display:flex;gap:10px;padding:12px 14px;overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.pp-list::-webkit-scrollbar{display:none}.pp-card{position:relative;flex-shrink:0;min-width:84px;max-width:104px;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardIn .5s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-card-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;background:#1e1e2880;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.pp-card:hover .pp-card-inner{background:#282832b3;border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 28px #0000004d}.pp-card.leader .pp-card-inner{background:linear-gradient(180deg,#6366f11f,#1e1e2880);border-color:#6366f14d;box-shadow:0 4px 20px #6366f11f}.pp-card.answered .pp-card-inner{border-color:#22c55e4d}.pp-card.answered:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e80;animation:dotPop .4s cubic-bezier(.16,1,.3,1);z-index:2}@keyframes dotPop{0%{transform:scale(0)}to{transform:scale(1)}}.pp-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pp-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#6366f1,#a855f7);transition:all .3s ease;position:relative}.pp-card:hover .pp-avatar{border-color:#6366f166;box-shadow:0 0 16px #6366f133}.pp-card.leader .pp-avatar{border-color:#6366f173}.pp-card.answered .pp-avatar{border-color:#22c55e66}.pp-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pp-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.pp-name{font-size:.8rem;font-weight:600;color:#fffc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pp-score{font-size:.82rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;white-space:nowrap}.pp-score.negative{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-bar{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.pp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;transition:width .5s ease}.pp-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;color:#ffffff4d}.pp-empty svg{color:#6366f180}.pp-empty span{font-size:.78rem;font-weight:500}@media(max-width:768px){.pp-root{flex-direction:column}.pp-current-player{width:100%;min-width:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.pp-card{min-width:80px;max-width:96px}.pp-card-inner{padding:14px 8px 12px;gap:6px}.pp-avatar{width:42px;height:42px;font-size:1rem}.pp-name{font-size:.72rem}.pp-score{font-size:.9rem}}@media(max-width:480px){.pp-current-player{padding:10px 10px 8px}.pp-current-card{min-height:68px;padding:10px}.pp-current-avatar{width:44px;height:44px;font-size:.95rem}.pp-current-name{font-size:.9rem}.pp-current-meta{font-size:.76rem}.pp-list{padding:10px;gap:8px}.pp-card{min-width:72px;max-width:86px}.pp-card-inner{padding:12px 6px 10px;gap:5px}.pp-avatar{width:36px;height:36px;font-size:.85rem}.pp-name{font-size:.68rem}.pp-score{font-size:.85rem}.pp-header{padding:8px 12px}}.chat-container{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.chat-header{padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header h3{margin:0;font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;gap:8px}.empty-chat span{font-size:.85rem;font-weight:500}.message-wrapper{display:flex;align-items:flex-end;gap:10px;max-width:85%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.own{align-self:flex-end;flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;border:2px solid transparent;transition:var(--transition-base)}.own-avatar{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.other-avatar{border-color:var(--border-highlight)}.message-bubble{padding:10px 14px;border-radius:var(--radius-lg);transition:var(--transition-base);position:relative}.message-wrapper.own .message-bubble{background:var(--gradient);color:#fff;border-bottom-right-radius:var(--radius-sm);box-shadow:0 4px 16px var(--accent-glow)}.message-wrapper.other .message-bubble{background:var(--bg-tertiary);color:var(--text);border-bottom-left-radius:var(--radius-sm);border:1px solid var(--border)}.message-username{font-size:.7rem;font-weight:700;color:var(--accent-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.own .message-username{color:#fffc}.message-content{font-size:.9rem;line-height:1.5;word-wrap:break-word;margin-bottom:4px}.message-time{font-size:.65rem;color:var(--text-muted);text-align:right;opacity:.7}.own .message-time{color:#fff9}.chat-input-area{display:flex;gap:10px;padding:14px 20px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.chat-input-area textarea{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.9rem;font-family:inherit;resize:none;min-height:44px;max-height:120px;transition:var(--transition-base)}.chat-input-area textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.chat-input-area textarea::placeholder{color:var(--text-muted)}.send-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient);border:none;color:#fff;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-accent)}.send-btn:hover:not(:disabled){background:var(--gradient-hover);transform:scale(1.05);box-shadow:0 8px 24px var(--accent-glow)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:var(--radius-full)}@media(max-width:600px){.chat-messages{min-height:120px;max-height:220px;padding:12px}.message-wrapper{max-width:90%}.avatar{width:28px;height:28px}.message-bubble{padding:8px 12px}.chat-input-area{padding:12px 16px}}.player-answer-feed{padding:12px;border-top:1px solid var(--border);background:#0f0f1466;max-height:250px;overflow-y:auto;scrollbar-width:thin}.player-answer-feed::-webkit-scrollbar{width:4px}.player-answer-feed::-webkit-scrollbar-track{background:#ffffff0d}.player-answer-feed::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.feed-header{display:flex;align-items:center;gap:8px;padding:6px 4px;margin-bottom:8px;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.feed-header svg{flex-shrink:0}.feed-list{display:flex;flex-direction:column;gap:8px}.feed-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:10px;animation:feedIn .3s ease}@keyframes feedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feed-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;overflow:hidden}.feed-avatar img{width:100%;height:100%;object-fit:cover}.feed-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.feed-name{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.03em}.feed-answer{font-size:.88rem;font-weight:600;color:#fff;word-break:break-word;line-height:1.3}@media(max-width:768px){.player-answer-feed{max-height:180px}.feed-item{padding:6px 8px}.feed-avatar{width:28px;height:28px;font-size:.65rem}.feed-answer{font-size:.8rem}}.top-players-report{padding:16px;background:#12121899;border-radius:16px;border:1px solid rgba(255,255,255,.06);margin-top:16px}.top-placeholder{padding:24px 16px;text-align:center;color:#fff6;font-size:.875rem;font-style:italic}.top-players-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.top-players-header svg{color:#fbbf24;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.top-players-header span{font-size:.85rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.08em}.top-players-empty{display:flex;align-items:center;justify-content:center;padding:24px;color:#fff6;font-size:.85rem}.podium-container{display:flex;justify-content:center;align-items:flex-end;padding:20px 0;min-height:200px}.podium{display:flex;gap:12px;align-items:flex-end;justify-content:center}.podium-step{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;max-width:120px}.step-1{order:2}.step-2{order:1}.step-3{order:3}.podium-player{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.podium-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;overflow:hidden;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d}.podium-avatar img{width:100%;height:100%;object-fit:cover}.step-1 .podium-avatar{width:56px;height:56px;border-color:#fbbf2480;box-shadow:0 4px 20px #fbbf2466}.podium-player-info{display:flex;flex-direction:column;gap:2px}.podium-player-name{font-size:.75rem;font-weight:600;color:#ffffffd9;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-player-score{font-size:.7rem;font-weight:700}.podium-block{width:100%;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;position:relative;overflow:hidden}.podium-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff4d}.podium-block svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.podium-position{font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.step-1 .podium-position{font-size:1.6rem}.other-players{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.other-players-header{margin-bottom:12px}.other-players-header span{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.other-players-list{display:flex;flex-direction:column;gap:8px}.other-player-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.other-player-item:hover{background:#ffffff0f;border-color:#ffffff1a}.other-player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.other-player-avatar img{width:100%;height:100%;object-fit:cover}.other-player-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.other-player-name{font-size:.8rem;font-weight:600;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.other-player-rank{font-size:.65rem;font-weight:500;color:#ffffff80}.other-player-score{font-size:.9rem;font-weight:700;color:#6366f1;flex-shrink:0}@media(max-width:600px){.podium-container{min-height:160px}.podium-avatar{width:40px;height:40px}.step-1 .podium-avatar{width:48px;height:48px}.podium-player-name{font-size:.7rem;max-width:70px}.podium-block{padding:8px}.podium-position{font-size:1.2rem}.step-1 .podium-position{font-size:1.4rem}}.sidebar{width:380px;min-width:380px;display:flex;flex-direction:column;background:#12121880;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.06);overflow:hidden;height:100vh}.sidebar-section{padding:24px;border-bottom:1px solid var(--border)}.chat-section{flex:.55;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;max-height:55vh}.top-players-report-section{flex:.45;overflow-y:auto;padding:0}.chat-section.active{display:flex;flex:1;min-height:0}.sidebar>.player-answer-feed{max-height:160px}.host-section{padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.host-info{display:flex;flex-direction:column;gap:10px}.host-info-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:#fbbf24b3;text-transform:uppercase;letter-spacing:.08em}.host-info-header svg{color:#fbbf2499}.host-info-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:14px;transition:all .2s ease}.host-info-card:hover{background:#fbbf241a;border-color:#fbbf2440}.host-info-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;overflow:hidden;border:2px solid rgba(251,191,36,.35);background:linear-gradient(135deg,#f59e0b,#fbbf24);flex-shrink:0}.host-info-avatar img{width:100%;height:100%;object-fit:cover}.host-info-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.host-info-name{font-size:.85rem;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-info-score{font-size:.8rem;font-weight:700;color:#fbbf24cc}.invite-section{text-align:center;background:linear-gradient(180deg,rgba(var(--accent-rgb),.05) 0%,transparent 100%)}.room-info{margin-bottom:16px}.room-badge{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:14px 24px;background:var(--gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent)}.room-label{font-size:.7rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.15em}.room-code{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.invite-link-card{margin:16px 0;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md)}.link-text{font-size:.75rem;color:var(--text-dim);word-break:break-all;line-height:1.5;font-family:Monaco,Consolas,monospace}.sidebar-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:var(--radius-md);border:none;font-weight:600;font-size:.95rem;font-family:inherit;cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.copy-btn{background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent)}.copy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.copy-btn:hover{background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 12px 32px var(--accent-glow)}.copy-btn:hover:before{left:100%}.report-btn{margin-top:12px;background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.report-btn:hover:not(:disabled){background:#10b98126;border-color:var(--success);transform:translateY(-2px);box-shadow:0 8px 24px var(--success-glow)}.report-btn:disabled{opacity:.4;cursor:not-allowed}.connection-status{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.status-icon{transition:var(--transition-fast)}.connection-status.connected .status-icon{color:var(--success)}.connection-status.disconnected .status-icon{color:var(--danger)}.status-text{color:var(--text-dim)}.connection-status.connected .status-text{color:var(--success)}.connection-status.disconnected .status-text{color:var(--danger)}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.connection-status.connected .status-indicator{background:var(--success);box-shadow:0 0 12px var(--success)}.connection-status.disconnected .status-indicator{background:var(--danger);box-shadow:0 0 12px var(--danger);animation:pulse .8s infinite}.chat-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.sidebar-tabs{display:none}.sidebar-content{display:contents}@media(max-width:900px){.sidebar{width:100%;min-width:auto;max-height:40vh;border-left:none;border-top:1px solid var(--border)}.sidebar-section{padding:16px}.room-code{font-size:1.3rem}}@media(max-width:600px){.room-badge{padding:12px 20px}.room-code{font-size:1.1rem}.sidebar-btn{font-size:.9rem;padding:12px 16px}}.mode-settings-container{display:flex;flex-direction:column;gap:16px;padding:20px;background:#12121880;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:16px 0}.mode-tabs{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-tab:hover{background:#ffffff0f;border-color:#ffffff1a;color:#fffc}.mode-tab.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f166;color:#fff;box-shadow:0 4px 16px #6366f14d}.mode-tab svg{flex-shrink:0}.mode-settings-panel{display:flex;flex-direction:column;gap:20px}.mode-settings-header{display:flex;align-items:center;gap:16px}.mode-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.mode-icon.custom{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#fbbf24;box-shadow:0 4px 16px #fbbf244d}.mode-icon.training{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#6366f1;box-shadow:0 4px 16px #6366f14d}.mode-settings-header h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:#ffffffe6}.mode-settings-header p{margin:0;font-size:.85rem;color:#ffffff80}.mode-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.setting-card{display:flex;gap:16px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.setting-card:hover{background:#ffffff0f;border-color:#ffffff1a}.setting-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#6366f126;color:#6366f1;flex-shrink:0}.setting-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.setting-content label{font-size:.85rem;font-weight:600;color:#fffc}.setting-content input[type=number],.setting-content select{width:100%;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;transition:all .2s ease}.setting-content select{appearance:none}.setting-content input[type=number]:focus,.setting-content select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.setting-hint{font-size:.75rem;color:#fff6;line-height:1.4}.toggle-label{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;border-radius:26px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f166}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}@media(max-width:768px){.mode-settings-grid{grid-template-columns:1fr}.mode-settings-header{flex-direction:column;text-align:center}.setting-card{flex-direction:column}.setting-icon{align-self:flex-start}}.constructor{height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;overflow:hidden}.top-bar.glass{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md)}.title-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;color:var(--text);font-size:1.1rem;font-weight:600;font-family:inherit;transition:var(--transition-base)}.title-input::placeholder{color:var(--text-muted)}.title-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.game-mode-selector{display:flex;align-items:center;gap:12px;background:#1e1e3280;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border)}.mode-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.mode-toggle{display:flex;gap:8px}.mode-btn{padding:8px 16px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{border-color:var(--accent);color:var(--text)}.mode-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface);color:var(--text-dim);cursor:pointer;transition:var(--transition-base);font-size:.9rem;font-weight:500;font-family:inherit}.btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-highlight);transform:translateY(-2px)}.btn.primary{background:var(--gradient);color:#fff;border:none;box-shadow:var(--shadow-accent)}.btn.primary:hover{background:var(--gradient-hover);box-shadow:0 8px 24px var(--accent-glow)}.btn.small{padding:8px 14px;font-size:.85rem}.load-btn{position:relative;overflow:hidden;cursor:pointer}.load-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.back{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.back:hover{background:#ef444433;border-color:var(--danger);box-shadow:0 4px 16px #ef444433}.workspace{flex:1;display:flex;overflow:hidden;min-height:0}.constructor-sidebar.glass{width:360px;padding:20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);overflow-y:auto;min-height:0}.category-block{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border);transition:var(--transition-base);animation:slideInLeft .3s ease}.category-block:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(var(--accent-rgb),.15)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cat-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cat-header input{flex:1;background:transparent;border:none;color:var(--text);font-weight:600;font-size:1rem;font-family:inherit;padding:6px 0}.cat-header input:focus{outline:none}.del-btn{width:28px;height:28px;border-radius:50%;background:#ef44441a;color:var(--danger);border:none;font-size:1.2rem;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.del-btn:hover{background:#ef444433;transform:scale(1.1)}.del-btn.tiny{width:24px;height:24px;font-size:1rem}.add-q-btn{width:100%;padding:12px;background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:var(--transition-base);font-family:inherit;font-size:.85rem;font-weight:500}.add-q-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.05)}.questions{display:flex;flex-direction:column;gap:6px}.question-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);background:var(--bg);border:1px solid transparent}.question-item:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.question-item.active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);box-shadow:0 2px 12px rgba(var(--accent-rgb),.2)}.q-preview{font-size:.85rem;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.empty-state,.empty-editor,.no-q{text-align:center;color:var(--text-muted);padding:32px 16px}.no-q{padding:16px;font-size:.85rem;font-style:italic;background:var(--bg);border-radius:var(--radius-sm)}.editor{flex:1;padding:32px;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);overflow-y:auto;min-height:0}.form-title{margin:0;font-size:1.4rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.mode-badge{padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.mode-badge.training{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.mode-badge.custom{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4);color:#fbbf24}.form-group{margin-bottom:28px;animation:fadeInUp .4s ease}.form-group h3{margin:0 0 14px;font-size:1rem;font-weight:600;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;font-family:inherit;resize:vertical;transition:var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{min-height:90px}.form-group.settings{display:flex;gap:24px;flex-wrap:wrap}.form-group.settings>div{flex:1;min-width:140px}.form-group.settings label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.center-content{text-align:center;margin-top:80px;color:var(--text-muted)}.center-content h3{font-size:1.2rem;margin-bottom:8px;color:var(--text)}.constructor-sidebar.glass::-webkit-scrollbar,.editor.glass::-webkit-scrollbar{width:6px}.constructor-sidebar.glass::-webkit-scrollbar-track,.editor.glass::-webkit-scrollbar-track{background:transparent}.constructor-sidebar.glass::-webkit-scrollbar-thumb,.editor.glass::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:var(--radius-full)}@media(max-width:1100px){.workspace{flex-direction:column}.constructor-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}}@media(max-width:640px){.top-bar.glass{flex-wrap:wrap;padding:12px 16px}.title-input{width:100%;font-size:1rem}.actions{width:100%;justify-content:center}.editor{padding:20px}.form-group.settings{flex-direction:column}.form-group.settings>div{min-width:100%}.form-header{flex-direction:column;gap:12px;align-items:flex-start}.mode-badge{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.category-block,.question-item,.btn,.form-group{animation:none}}.load-game-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.load-bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(var(--accent-rgb),.06) 0%,transparent 50%);pointer-events:none;z-index:0}.load-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.load-game-card{position:relative;z-index:10;width:100%;max-width:540px;padding:48px 40px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:cardEntrance .6s cubic-bezier(.16,1,.3,1)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.back-nav{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.back-nav:hover{background:#ffffff1a;border-color:var(--border-highlight);color:var(--text);transform:translate(-4px)}.load-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.load-icon-wrapper{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);color:#fff;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.load-game-card h2{margin:0;font-size:1.75rem;font-weight:700;text-align:center}.ready-games-section{margin-bottom:28px;animation:fadeInUp .6s ease .1s both}.section-header{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.section-header h3{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0}.ready-games-grid{display:flex;flex-direction:column;gap:10px}.ready-game-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);text-align:left}.ready-game-btn:hover{background:var(--surface-hover);border-color:var(--border-highlight);transform:translate(4px);box-shadow:var(--shadow-md)}.ready-game-content{display:flex;align-items:center;gap:14px}.ready-game-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(var(--accent-rgb),.15);border-radius:var(--radius-md);color:var(--accent)}.ready-game-info{display:flex;flex-direction:column;gap:4px}.ready-game-title{font-size:1rem;font-weight:600;color:var(--text)}.ready-game-meta{font-size:.8rem;color:var(--text-muted)}.ready-game-arrow{color:var(--text-muted);transform:rotate(180deg);transition:var(--transition-fast)}.ready-game-btn:hover .ready-game-arrow{color:var(--accent);transform:rotate(180deg) translate(-4px)}.load-divider{display:flex;align-items:center;gap:16px;margin:28px 0 20px;color:var(--text-muted);font-size:.85rem;font-weight:500}.load-divider:before,.load-divider:after{content:"";flex:1;height:1px;background:var(--border)}.load-divider span{white-space:nowrap}.load-hint{text-align:center;color:var(--text-dim);font-size:.9rem;margin-bottom:20px}.load-upload-zone{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 28px;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);margin-bottom:24px;animation:fadeInUp .6s ease .2s both}.load-upload-zone:hover,.load-upload-zone.dragover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05);border-style:solid;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}.load-upload-zone input{display:none}.upload-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(var(--accent-rgb),.1);border-radius:50%;color:var(--accent);transition:var(--transition-base)}.load-upload-zone:hover .upload-icon-wrapper{background:rgba(var(--accent-rgb),.2);transform:scale(1.1)}.load-upload-zone.dragover .upload-icon-wrapper{animation:bounce .5s ease-in-out}.load-upload-text{font-size:1.05rem;font-weight:600;color:var(--accent-light)}.load-upload-hint{font-size:.85rem;color:var(--text-muted)}.btn-load{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 28px;background:var(--gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.05rem;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-accent);animation:fadeInUp .6s ease .3s both}.btn-load:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn-load:hover{background:var(--gradient-hover);transform:translateY(-3px);box-shadow:0 16px 48px var(--accent-glow)}.btn-load:hover:before{left:100%}@media(max-width:560px){.load-game-card{padding:40px 28px}.load-header h2{font-size:1.5rem}.load-upload-zone{padding:36px 20px}}@media(prefers-reduced-motion:reduce){.load-game-card,.ready-game-btn,.load-upload-zone,.btn-load{animation:none}}.mode-selector-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:2rem}.mode-selector-modal{position:relative;background:var(--surface, #1e1e32);border-radius:24px;padding:2.5rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(99,102,241,.3);box-shadow:0 25px 80px #00000080,0 0 0 1px #6366f11a;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-selector-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary, #ffffff)}.mode-selector-close:hover{background:#fff3;transform:rotate(90deg)}.mode-selector-header{text-align:center;margin-bottom:2rem}.mode-selector-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-selector-subtitle{font-size:1rem;color:var(--text-secondary, #94a3b8);margin:0}.mode-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.mode-card-modern{background:#1e1e3299;border-radius:20px;overflow:hidden;border:1px solid rgba(99,102,241,.2);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.mode-card-modern.clickable{cursor:pointer}.mode-card-modern.clickable:hover{transform:translateY(-4px);border-color:#6366f180;box-shadow:0 20px 40px #0000004d,0 0 60px #6366f126}.mode-card-icon-wrapper{padding:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mode-card-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.mode-card-icon-wrapper svg{color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));position:relative;z-index:1}.mode-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.mode-card-title-modern{font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.mode-card-description-modern{font-size:.9rem;color:var(--text-secondary, #94a3b8);line-height:1.6;margin:0}.mode-features-list-modern{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.6rem}.mode-feature-item-modern{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #ffffff);font-size:.85rem}.mode-feature-item-modern .feature-icon{color:#fbbf24;flex-shrink:0}.mode-select-btn-modern{margin-top:auto;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.mode-select-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;filter:brightness(1.1)}.mode-select-btn-modern:active{transform:translateY(0)}@media(max-width:768px){.mode-selector-overlay{padding:1rem;align-items:flex-end}.mode-selector-modal{max-height:85vh;padding:1.5rem;border-radius:20px 20px 0 0}.mode-selector-title{font-size:1.5rem}.mode-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.mode-selector-modal,.mode-card-content{padding:1.25rem}.mode-select-btn-modern{padding:.875rem 1.25rem;font-size:.875rem}}.mode-selector-modal::-webkit-scrollbar{width:8px}.mode-selector-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.mode-selector-modal::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}.mode-selector-modal::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.ready-games-section{margin-top:1.5rem}.ready-games-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary, #94a3b8);margin-bottom:1rem;text-align:center}.ready-games-grid-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.ready-game-card{background:#1e1e32cc;border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.ready-game-card:hover{background:#1e1e32;border-color:#6366f199;transform:translate(4px);box-shadow:0 8px 24px #0000004d}.ready-game-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ready-game-icon svg{color:#fff}.ready-game-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.ready-game-title{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff)}.ready-game-meta{font-size:.85rem;color:var(--text-secondary, #94a3b8)}.ready-game-desc{font-size:.85rem;color:var(--text-secondary, #94a3b8);font-style:italic}.ready-game-arrow{color:var(--accent, #6366f1);flex-shrink:0;opacity:0;transform:translate(-10px);transition:all .3s ease}.ready-game-card:hover .ready-game-arrow{opacity:1;transform:translate(0)}.mode-selector-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(99,102,241,.2)}.mode-back-btn-modern{padding:12px 24px;background:transparent;border:2px solid rgba(99,102,241,.5);border-radius:var(--radius-md);color:var(--text-primary, #ffffff);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-back-btn-modern:hover{background:#6366f11a;border-color:#6366f1cc}.mode-secondary-btn-modern{padding:12px 24px;background:#6366f133;border:2px solid rgba(99,102,241,.5);border-radius:var(--radius-md);color:var(--text-primary, #ffffff);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-secondary-btn-modern:hover{background:#6366f14d;border-color:#6366f1cc}@media(max-width:768px){.ready-games-grid-selector{grid-template-columns:1fr}.mode-selector-footer{flex-direction:column}.mode-back-btn-modern,.mode-secondary-btn-modern{width:100%}}.mode-games-combined{display:flex;flex-direction:column;gap:2rem}.mode-section{background:#1e1e3280;border-radius:20px;padding:1.5rem;border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.mode-section:hover{border-color:#6366f166;background:#1e1e32b3}.mode-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.mode-section-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-section-icon svg{color:#fff}.mode-section-info{flex:1}.mode-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.mode-section-desc{font-size:.9rem;color:var(--text-secondary, #94a3b8);margin:.25rem 0 0;line-height:1.4}.ready-games-inline{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.ready-game-inline-card{background:#1e1e3299;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.ready-game-inline-card:hover{background:#1e1e32e6;border-color:#6366f180;transform:translate(4px);box-shadow:0 4px 16px #0003}.ready-game-inline-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ready-game-inline-icon svg{color:#fff}.ready-game-inline-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.ready-game-inline-title{font-size:.95rem;font-weight:600;color:var(--text-primary, #ffffff)}.ready-game-inline-meta{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.ready-game-inline-arrow{color:var(--accent, #6366f1);flex-shrink:0;opacity:0;transform:translate(-10px);transition:all .3s ease}.ready-game-inline-card:hover .ready-game-inline-arrow{opacity:1;transform:translate(0)}.load-custom-btn{width:100%;padding:1rem;background:#6366f11a;border:2px dashed rgba(99,102,241,.4);border-radius:12px;color:var(--text-primary, #ffffff);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.load-custom-btn:hover{background:#6366f126;border-color:#6366f1b3;transform:translateY(-2px)}.load-custom-btn svg{color:var(--accent, #6366f1)}@media(max-width:768px){.mode-games-combined{gap:1.5rem}.mode-section{padding:1.25rem}.mode-section-header{gap:.75rem}.mode-section-icon{width:48px;height:48px}.mode-section-title{font-size:1.1rem}.ready-game-inline-card{padding:.875rem}.ready-game-inline-icon{width:40px;height:40px}}.question-view-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg);overflow:hidden}.question-view-container.qv-inline{background:transparent;border-radius:0;position:relative}.question-view-container.qv-inline .qv-header-simple{background:transparent;border-radius:0;box-shadow:none;border:none;padding:8px 0}.question-view-container.qv-inline .qv-body{padding:8px 0;background:transparent}.qv-content{flex:1;display:flex;flex-direction:column;max-width:850px;width:100%;margin:0 auto;padding:24px}.qv-header-simple{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:24px}.qv-price{padding:8px 20px;background:var(--gradient);border-radius:var(--radius-full);font-size:.9rem;font-weight:700;color:#fff;letter-spacing:.05em;box-shadow:0 4px 16px var(--accent-glow)}.qv-body{flex:1;overflow-y:auto;padding:20px;display:flex;align-items:center;justify-content:center}.qv-section{max-width:650px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .5s ease}.qv-title{margin:0 0 24px;font-size:1.6rem;font-weight:700;line-height:1.4;color:var(--text)}.qv-text{margin:0 0 24px;font-size:1.05rem;line-height:1.7;color:var(--text-dim);max-width:580px}.qv-image{margin:0 0 24px;border-radius:var(--radius-lg);overflow:hidden;border:0;width:fit-content;background:transparent;max-width:100%;box-shadow:none}.qv-image img{display:block;width:100%;max-height:350px;object-fit:cover;background:transparent}.reading-indicator{margin:24px 0;padding:20px 28px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:var(--radius-lg)}.reading-indicator p{margin:12px 0 0;font-size:1rem;color:var(--accent);font-weight:600}.speaking-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:36px}.speaking-wave span{width:5px;height:20px;background:var(--gradient);border-radius:var(--radius-full);animation:wave 1s ease-in-out infinite}.speaking-wave span:nth-child(1){animation-delay:0s}.speaking-wave span:nth-child(2){animation-delay:.1s}.speaking-wave span:nth-child(3){animation-delay:.2s}.speaking-wave span:nth-child(4){animation-delay:.3s}.speaking-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:12px;opacity:.5}50%{height:32px;opacity:1}}.qv-timer{margin:28px 0;position:relative;width:150px;height:150px}.qv-timer-ring{width:150px;height:150px;transform:rotate(-90deg)}.qv-timer-bg{fill:none;stroke:var(--border);stroke-width:8}.qv-timer-progress{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:339;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 12px var(--accent-glow))}.qv-timer.urgent .qv-timer-progress{stroke:var(--danger);filter:drop-shadow(0 0 12px var(--danger-glow))}.qv-timer-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 20px var(--accent-glow)}.qv-timer-text small{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-top:-4px;letter-spacing:.1em;text-transform:uppercase}.qv-timer.urgent .qv-timer-text{color:var(--danger);text-shadow:0 0 20px var(--danger-glow)}.qv-timer.answer-timer .qv-timer-progress{stroke:var(--success);filter:drop-shadow(0 0 12px var(--success-glow))}.qv-timer.answer-timer .qv-timer-text{color:var(--success);text-shadow:0 0 20px var(--success-glow)}.player-answer-popup{margin:24px 0;padding:24px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:var(--radius-lg);width:100%;max-width:450px;animation:scaleIn .3s ease}.popup-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text)}.popup-answer-input{width:100%;padding:14px 18px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;font-family:inherit;transition:var(--transition-base)}.popup-answer-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.popup-answer-input::placeholder{color:var(--text-muted)}.popup-submit-btn{margin-top:16px;width:100%;padding:14px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-accent)}.popup-submit-btn:hover:not(:disabled){background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.answer-wait-section{margin:24px 0;padding:20px 28px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:var(--radius-lg);text-align:center}.answer-wait-prompt{margin:0;font-size:1rem;color:var(--accent);font-weight:600}.incorrect-answer-notice{margin:24px 0;padding:20px 28px;background:#ef44441a;border:1px solid var(--danger);border-radius:var(--radius-lg);text-align:center}.incorrect-answer-notice .notice-icon{font-size:2rem;display:block;margin-bottom:8px}.incorrect-answer-notice p{margin:0;font-size:.95rem;font-weight:600;color:var(--danger)}.training-mode-indicator{margin:16px 0;padding:14px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:10px}.training-mode-indicator span{margin:0;font-size:.9rem;font-weight:500;color:#10b981}.training-mode-indicator svg{color:#10b981;flex-shrink:0}.training-explanation{margin:24px 0;width:100%;padding:24px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.training-explanation-title{margin:0 0 16px;font-size:1.2rem;font-weight:700;color:var(--text);text-align:center}.training-explanation-text{margin-top:16px}.training-explanation-text p{margin:0;font-size:1rem;line-height:1.6;color:var(--text-dim)}.training-answer{margin:16px 0;padding:20px 24px;background:#22c55e14;border-radius:var(--radius-md)}.qv-answer-btn{margin-top:20px;padding:16px 48px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 20px var(--success-glow)}.qv-answer-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 32px var(--success-glow)}.already-answered-notice{margin-top:20px;padding:16px 24px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);text-align:center}.already-answered-notice.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.already-answered-text{margin:0 0 4px;font-size:1rem;font-weight:700;color:#22c55e}.already-answered-sub{margin:0;font-size:.85rem;color:var(--text-secondary)}.already-answered-notice.incorrect .already-answered-text{color:#ef4444}.host-answer-info{margin-top:20px;padding:18px 24px;background:#f59e0b1a;border:1px solid var(--warning);border-radius:var(--radius-lg)}.host-info-text{margin:0;font-size:.95rem;color:var(--warning);font-weight:600}.host-answered-progress{margin-top:12px}.host-answered-progress .progress-text{font-size:.85rem;color:#ffffffb3;margin-bottom:6px;text-align:center}.host-answered-progress .progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.host-answered-progress .progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #f59e0b80}.host-answer-verification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;animation:toastUp .35s cubic-bezier(.16,1,.3,1)}.host-answer-verification:before{display:none}.qv-inline .host-answer-verification{position:absolute;bottom:12px;top:auto;left:50%;transform:translate(-50%);z-index:100}.qv-inline .host-answer-verification:before{display:none}.verification-card,.verification-header,.verification-player,.verification-label,.verification-answer{display:none}.verification-buttons{display:flex;gap:8px}.verify-btn{padding:10px 24px;font-size:.88rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.verify-btn.correct{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.verify-btn.correct:hover{background:#22c55e4d;transform:translateY(-1px)}.verify-btn.incorrect{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.verify-btn.incorrect:hover{background:#ef44444d;transform:translateY(-1px)}.player-answer-waiting{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0f0f14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(34,197,94,.3);border-radius:14px;box-shadow:0 8px 32px #0006,0 0 16px #22c55e14;animation:toastUp .4s cubic-bezier(.16,1,.3,1);max-width:400px;width:auto}@keyframes toastUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.player-answer-waiting:before{content:"✓";display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#22c55e26;color:#22c55e;font-size:.85rem;font-weight:700;flex-shrink:0}.player-answer-waiting .waiting-text{margin:0;font-size:.82rem;font-weight:600;color:#ffffff80;white-space:nowrap}.player-submitted-answer{margin:0;padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.qv-inline .player-answer-waiting{position:absolute;bottom:16px;top:auto;left:50%;transform:translate(-50%);z-index:100;max-width:400px;width:auto}.qv-answer{margin:28px 0;padding:28px 32px;background:#22c55e1a;border:1px solid var(--success);border-radius:var(--radius-lg);width:100%;animation:fadeInUp .4s ease}.qv-answer-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--success);margin-bottom:12px}.qv-answer-text{font-size:1.3rem;font-weight:700;line-height:1.5;color:var(--success)}.qv-inline .qv-answer{background:#22c55e14;border-radius:var(--radius-md);padding:20px 24px}.qv-explanation{margin:28px 0;padding:24px 28px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;animation:fadeInUp .4s ease .1s both}.qv-explanation-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.qv-players-select{margin-top:32px;width:100%;animation:fadeInUp .4s ease .2s both}.qv-select-label{display:block;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em}.qv-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.qv-player-btn{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.qv-player-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.qv-player-btn.selected{background:#22c55e26;border-color:var(--success);box-shadow:0 4px 16px var(--success-glow)}.qv-player-name{font-size:.85rem;font-weight:600;color:var(--text)}.qv-player-score{font-size:.75rem;color:var(--text-muted)}.qv-player-btn.selected .qv-player-name{color:var(--success)}.all-player-answers{margin-top:24px;padding:20px;background:#6366f114;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg)}.answers-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;font-weight:700;color:var(--accent)}.answers-list{display:flex;flex-direction:column;gap:8px}.player-answer-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#14142399;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:.95rem}.pa-player{font-weight:600;color:var(--text-primary);min-width:100px}.pa-answer{color:var(--text-secondary);font-style:italic}.correct-answer-indicator{margin-top:24px;padding:18px 28px;background:#22c55e1a;border:1px solid var(--success);border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;color:var(--success);animation:scaleIn .3s ease}.cai-icon{font-size:1.6rem}.qv-speak-btn{margin-top:20px;padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;gap:8px}.qv-speak-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.qv-footer{display:flex;gap:12px;padding:20px;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;margin-top:auto}.qv-btn{padding:14px 28px;font-size:1rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base)}.qv-btn.success{background:var(--success);color:#fff;box-shadow:0 4px 16px var(--success-glow)}.qv-btn.success:hover{background:#16a34a;transform:translateY(-2px)}.qv-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.qv-btn.secondary:hover{background:var(--surface-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.qv-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.qv-close-btn:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a;transform:rotate(90deg)}@media(max-width:768px){.question-view-container{height:100dvh}.qv-content{padding:16px;padding-bottom:calc(16px + var(--safe-bottom))}.qv-header-simple{padding:12px 16px;margin-bottom:16px}.qv-price{font-size:.8rem;padding:6px 14px}.qv-body{padding:0}.qv-section{padding:0;align-items:stretch;text-align:left}.qv-title{font-size:1.3rem;margin-bottom:16px}.qv-image,.qv-image img{width:100%;max-height:40vh;border-radius:var(--radius-md);margin-bottom:16px}.qv-answer{margin:16px 0;padding:16px}.qv-answer-label{font-size:.7rem}.qv-answer-text{font-size:1.1rem}.qv-explanation{margin:16px 0;padding:16px}.qv-explanation-label{font-size:.7rem}.qv-text{font-size:.95rem}.popup-answer-input{width:100%;padding:16px;font-size:1.1rem;border-radius:var(--radius-md);margin-bottom:12px}.popup-submit-btn,.qv-answer-btn{width:100%;padding:16px;font-size:1.1rem;border-radius:var(--radius-md)}.host-answer-verification{position:fixed;bottom:calc(16px + var(--safe-bottom));left:16px;right:16px;transform:none;width:auto;max-width:none;z-index:9999}.host-answer-verification:before{display:none}.verification-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.verify-btn{width:100%;padding:16px;font-size:1rem;border-radius:var(--radius-md);justify-content:center}.qv-timer{width:100px;height:100px;margin:0 auto}.qv-timer-ring{width:100px;height:100px}.qv-timer-text{font-size:1.5rem}.qv-timer-text small{font-size:.8rem}.qv-close-btn{top:16px;right:16px;width:40px;height:40px;background:#00000080}.other-player-answering,.timer-stopped-message{position:fixed;bottom:calc(16px + var(--safe-bottom));left:16px;right:16px;z-index:999;width:auto;max-width:none;transform:none}}@media(prefers-reduced-motion:reduce){.qv-section,.player-answer-popup,.host-answer-verification,.qv-answer,.qv-explanation{animation:none}}.slideshow-overlay{position:fixed;inset:0;background:#0f0f1a;display:flex;align-items:center;justify-content:center;z-index:10003;overflow:hidden}.slideshow-container{max-width:1100px;width:95vw;max-height:85vh;height:90vh;background:#141423f2;border-radius:24px;border:1px solid rgba(100,100,140,.3);position:relative;overflow:hidden}.slideshow-slide{height:100%;display:flex;flex-direction:column;padding:4rem;position:relative}.slideshow-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .25s ease;z-index:10}.slideshow-nav-btn:hover{background:#ffffff26;transform:translateY(-50%) scale(1.08)}.slideshow-prev-btn{left:2rem}.slideshow-next-btn{right:2rem}.slideshow-skip-btn{position:absolute;top:2.5rem;right:2.5rem;background:#4f46e5;color:#fff;border:none;border-radius:9999px;padding:10px 22px;font-weight:600;cursor:pointer;transition:all .25s ease}.slideshow-skip-btn:hover{background:#4338ca;transform:translateY(-1px)}.intro-slide{justify-content:center;align-items:center;text-align:center;overflow-y:auto;overscroll-behavior:contain}.intro-image-container{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:3rem;overflow:hidden;width:fit-content;max-width:100%;background:transparent;border:0;box-shadow:none}.intro-image{display:block;max-width:100%;max-height:58vh;border-radius:20px;object-fit:cover;background:transparent}.question-image-container,.explanation-image-container{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 2rem;overflow:hidden;background:transparent;border:0;box-shadow:none}.question-image,.explanation-image{display:block;max-width:100%;max-height:56vh;height:auto;border-radius:20px;object-fit:contain;background:transparent}.intro-content,.explanation-content{width:100%;max-width:880px;margin:0 auto}.explanation-slide{overflow-y:auto;overscroll-behavior:contain}.intro-content h2{font-size:clamp(2.4rem,5vw,3.8rem);color:#f1f5f9;font-weight:700;margin-bottom:1.5rem}.intro-description{font-size:clamp(1.15rem,3vw,1.5rem);color:#cbd5e1;line-height:1.65;max-width:780px;margin:0 auto 2rem}.intro-hint{background:#4f46e526;border:1px solid rgba(79,70,229,.3);border-radius:9999px;padding:14px 28px;color:#c7d2fe;font-weight:500;display:inline-flex;align-items:center;gap:10px}.question-slide{justify-content:center}.question-content{text-align:center;max-width:880px;margin:0 auto}.question-text{font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.35;color:#f8fafc;font-weight:700;margin-bottom:3.5rem}.answer-section{background:#1e1e32b3;border:1px solid rgba(100,100,140,.25);border-radius:24px;padding:3rem}.players-answered-progress{margin-bottom:2.5rem}.progress-text{font-weight:600;color:#c7d2fe;margin-bottom:.7rem}.progress-bar-container{height:6px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:#10b981;border-radius:9999px;transition:width .5s ease}.answer-input{width:100%;padding:1.4rem 1.8rem;background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:16px;font-size:1.25rem;color:#fff;transition:all .25s ease}.answer-input:focus{border-color:#6366f1;background:#ffffff1a;outline:none}.answer-input::placeholder{color:#ffffff73}.submit-answer-btn{width:100%;padding:1.4rem;background:#4f46e5;color:#fff;border:none;border-radius:9999px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .25s ease;margin-top:1rem}.submit-answer-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-2px)}.host-answers-panel{background:#232337cc;border:1px solid rgba(100,100,140,.25);border-radius:20px;padding:2rem;margin-top:3rem}.panel-title{color:#e2e8f0;font-size:1.35rem;font-weight:700;margin-bottom:1.8rem}.players-status-list{display:flex;flex-direction:column;gap:1rem;max-height:380px;overflow-y:auto}.player-status-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.player-status-item.correct{border-color:#10b981;background:#10b9811a}.player-status-item.incorrect{border-color:#ef4444;background:#ef44441a}.status-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-player-name{font-weight:600;flex:1}.status-answer{color:#cbd5e1;font-style:italic;word-break:break-word}.result-header{text-align:center;margin-bottom:3rem}.result-badge{background:#10b981;color:#fff;padding:.8rem 2rem;border-radius:9999px;font-weight:700;font-size:1.15rem;display:inline-flex;align-items:center;gap:10px}.top-answers-section,.incorrect-section{display:flex;flex-direction:column;gap:1rem}.top-title{display:inline-flex;align-items:center;gap:.7rem;margin:0;padding:0 .15rem;color:#f8fafc;font-size:1.15rem;font-weight:800;line-height:1.2}.top-title>svg{flex-shrink:0;color:#eab308}.top-answers-list,.incorrect-list{background:#1e1e3299;border:1px solid rgba(100,100,140,.2);border-radius:20px;padding:1.5rem}.top-answer-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:16px;margin-bottom:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.top-answer-item:last-child{margin-bottom:0}.top-answer-item.first-place{background:linear-gradient(135deg,#eab30829,#eab3080a);border-color:#eab3084d}.top-answer-item.my-answer{border-color:#10b98152;box-shadow:inset 0 0 0 1px #10b98114}.top-rank-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.65rem .5rem;border-radius:14px;background:#ffffff0a}.top-rank{font-size:1.7rem;font-weight:800;color:#eab308;text-align:center;line-height:1}.top-rank-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.top-answer-mainline{min-width:0;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.top-player-name{flex:0 0 auto;font-size:1.16rem;font-weight:900;color:#fff;line-height:1.2}.top-answer-text{min-width:0;flex:1 1 260px;color:#dbe7f3;font-size:1rem;font-weight:500;line-height:1.4;word-break:break-word;opacity:.94}.top-time{justify-self:end;min-width:0;display:inline-flex;flex-direction:row;align-items:center;gap:.35rem;padding:.42rem .68rem;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#94a3b80d;color:#cbd5e19e;font-size:.82rem;font-weight:500;white-space:nowrap}.top-time>svg{color:#94a3b899}.correct-answer-display{background:#10b98126;border:1px solid #10b981;border-radius:20px;padding:2.5rem;text-align:center;margin:3rem 0}.correct-answer-text{font-size:1.85rem;font-weight:700;color:#34d399}.next-question-btn{width:100%;padding:1.6rem;background:#10b981;color:#fff;border:none;border-radius:9999px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .25s ease;margin-top:2rem}.next-question-btn:hover{background:#059669;transform:translateY(-2px)}@media(max-width:768px){.slideshow-slide{padding:2rem 1.5rem}.top-answer-item{grid-template-columns:1fr;justify-items:stretch}.top-rank-block{align-items:flex-start;justify-self:stretch}.top-answer-mainline{gap:.45rem;align-items:baseline}.top-player-name{font-size:1.08rem}.top-time{align-items:center;justify-self:start;width:fit-content;padding:.45rem .7rem}.player-status-item{flex-direction:column;text-align:center;gap:.8rem}}.game-report{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:450px}.game-report-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--accent);color:#fff}.game-report-header h3{margin:0;font-size:1rem;font-weight:600}.game-report-tabs{display:flex;gap:6px}.report-tab{background:#ffffff1a;border:none;color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition)}.report-tab:hover{background:#fff3}.report-tab.active{background:#fff;color:var(--accent)}.game-report-content{flex:1;overflow-y:auto;padding:20px}.no-game-report{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.ngr-icon{font-size:3rem;margin-bottom:16px;opacity:.4}.no-game-report p{margin:0 0 8px;font-size:1rem;font-weight:500;color:var(--text)}.no-game-report small{font-size:.8rem}.scores-tab{display:flex;flex-direction:column;gap:16px}.current-question-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.85rem}.cq-icon{font-size:1.1rem}.cq-text{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.scores-table{display:flex;flex-direction:column;gap:8px}.scores-header{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.scores-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid transparent}.scores-row:hover{border-color:var(--accent)}.scores-row.first-place{background:#f59e0b1a;border-color:#f59e0b33}.player-info{display:flex;align-items:center;gap:10px}.player-rank{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%;font-size:.7rem;font-weight:600;color:var(--text-muted)}.scores-row.first-place .player-rank{background:var(--warning);color:#fff}.player-avatar-small{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.player-name-report{font-size:.9rem;font-weight:500;color:var(--text)}.player-score-report{font-size:1.25rem;font-weight:700;color:var(--accent)}.player-score-report.leader{color:var(--warning)}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--bg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border)}.stat-value{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.65rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.questions-tab{display:flex;flex-direction:column;gap:16px}.game-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:6px;background:var(--bg);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .4s ease}.progress-text{font-size:.8rem;color:var(--text-muted);text-align:center;font-weight:500}.categories-list{display:flex;flex-direction:column;gap:12px}.category-report{background:var(--bg);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border)}.category-report:hover{border-color:var(--accent)}.category-header-report{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.category-name-report{font-size:.9rem;font-weight:500;color:var(--text)}.category-count-report{font-size:.7rem;color:var(--text-muted);background:var(--surface);padding:3px 8px;border-radius:var(--radius-full);font-weight:500}.questions-report{display:flex;flex-wrap:wrap;gap:6px}.question-report-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;transition:var(--transition)}.question-report-item.used{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.question-report-item.available{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.question-report-item:hover{transform:scale(1.05)}.qr-price{min-width:30px}.qr-status{font-size:.9rem}@media(max-width:768px){.game-report{max-height:60vh;border-radius:var(--radius-md)}.game-report-header{padding:12px 16px}.game-report-header h3{font-size:.9rem}.game-report-content{padding:16px}.scores-row{padding:10px 12px}.player-score-report{font-size:1.1rem}.game-stats{grid-template-columns:1fr;gap:8px}.stat-item{flex-direction:row;justify-content:space-between;padding:10px 14px}.stat-value{font-size:1.4rem}.stat-label{font-size:.75rem}.questions-report{gap:4px}.question-report-item{padding:4px 8px;font-size:.75rem}}@media(max-width:480px){.game-report{max-height:50vh}.report-tab{padding:4px 8px;font-size:.7rem}.player-avatar-small{width:24px;height:24px;font-size:.6rem}.player-name-report{font-size:.8rem}}.game-end-screen{position:fixed;inset:0;z-index:10000;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.game-end-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;width:min(100%,1100px);margin-bottom:clamp(24px,4vw,40px);opacity:0}.game-end-header.training-mode{margin-bottom:clamp(40px,7vw,64px)}.game-end-header.fade-in-up{animation:fadeInUp .8s ease forwards}.header-star{color:gold;animation:rotateStar 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes rotateStar{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.game-end-title{font-size:clamp(2.1rem,4vw,3rem);font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.game-end-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#ffffffe6;margin:0;font-weight:500;line-height:1.35}.game-end-theme{margin:0;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.35;font-weight:500;color:#ffffffe0;text-wrap:balance}.podium-container{margin-bottom:40px;opacity:0;width:100%;max-width:1100px}.podium-container.training-mode{margin-top:0}.training-podium-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.training-podium-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:20px 16px;border-radius:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.training-podium-card.place-1{background:linear-gradient(180deg,#ffd7003d,#ffa5001f);border-color:#ffd70059}.training-podium-card.place-2{background:linear-gradient(180deg,#c0c0c02e,#a8a8a81a);border-color:#c0c0c047}.training-podium-card.place-3{background:linear-gradient(180deg,#cd7f322e,#b873331a);border-color:#cd7f3247}.training-podium-rank{display:flex;align-items:center;gap:8px;color:#fff}.training-podium-medal{display:flex;align-items:center}.training-podium-number{font-size:1.5rem;font-weight:800;line-height:1}.training-podium-avatar{width:64px;height:64px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:800;color:#fff}.training-podium-avatar.winner{width:76px;height:76px;background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 0 24px #ffd70073}.training-podium-meta{min-width:0}.training-podium-name{font-size:1rem;font-weight:700;color:#fff;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}.training-podium-name.winner{font-size:1.08rem}.training-podium-score{margin-top:6px;font-size:.92rem;font-weight:600;color:#ffffffd1}.training-podium-score.winner{color:#ffe082}.podium-container.fade-in-up{animation:fadeInUp .8s ease .2s forwards}.podium{display:flex;align-items:flex-end;justify-content:center;gap:20px;padding:clamp(20px,4vw,40px) 20px 0;min-height:clamp(420px,48vh,560px);box-sizing:border-box}.podium-container.training-mode .podium{align-items:stretch;gap:16px;padding:8px 20px 0;min-height:0}.podium-container.training-mode .podium-place{flex:1 1 0;justify-content:flex-start;gap:12px}.podium-container.training-mode .podium-player{max-width:min(100%,220px)}.podium-container.training-mode .player-avatar-large{width:64px;height:64px;font-size:1.6rem}.podium-container.training-mode .player-avatar-large.winner{width:78px;height:78px;font-size:2rem}.podium-container.training-mode .player-name{font-size:.95rem}.podium-container.training-mode .winner-name{font-size:1.05rem}.podium-container.training-mode .player-score{font-size:.84rem}.podium-container.training-mode .winner-score{font-size:.96rem}.podium-container.training-mode .podium-block{width:100%;max-width:180px}.podium-container.training-mode .podium-block.height-1{height:160px}.podium-container.training-mode .podium-block.height-2{height:132px}.podium-container.training-mode .podium-block.height-3{height:112px}.podium-container.training-mode .podium-number{font-size:2rem}.podium-place{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;flex:0 1 240px;min-width:0}.podium-player{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(100%,180px);text-align:center}.player-avatar-large{width:80px;height:80px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.player-avatar-large.winner{width:100px;height:100px;background:linear-gradient(135deg,gold,orange);border:4px solid #FFD700;font-size:2.5rem;box-shadow:0 0 30px #ffd70099;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #ffd70099}50%{transform:scale(1.05);box-shadow:0 0 40px #ffd700cc}}.player-name{font-size:1rem;font-weight:600;color:#fff;text-align:center;max-width:100%;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}.winner-name{font-size:1.2rem;font-weight:700}.player-score{font-size:.9rem;color:#fffc;font-weight:600}.winner-score{font-size:1.1rem;color:gold;font-weight:700}.podium-block{width:clamp(96px,11vw,120px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px 12px 0 0;position:relative;gap:8px}.podium-block.height-1{height:clamp(180px,26vh,240px);background:linear-gradient(180deg,gold,orange)}.podium-block.height-2{height:clamp(145px,20vh,180px);background:linear-gradient(180deg,silver,#a8a8a8)}.podium-block.height-3{height:clamp(120px,16vh,140px);background:linear-gradient(180deg,#cd7f32,#b87333)}.podium-medal{color:#fff;margin-bottom:8px}.podium-block.height-1 .podium-medal{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.results-summary{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;opacity:0}.results-summary.fade-in-up{animation:fadeInUp .8s ease .15s forwards}.summary-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb8}.summary-value{font-size:1.2rem;font-weight:800}.podium-number{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.all-players-section{width:100%;max-width:1200px;margin-bottom:40px;opacity:0}.all-players-section.fade-in-up{animation:fadeInUp .8s ease .4s forwards}.all-players-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 24px;text-align:center}.all-players-count{margin:-8px 0 16px;text-align:center;color:#ffffffb8;font-size:.92rem;font-weight:600}.results-list-shell{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px 18px 12px}.results-list{display:flex;flex-direction:column;gap:12px;padding:0 6px 6px}.results-list-header,.result-row{display:grid;grid-template-columns:110px minmax(0,1fr) 140px;align-items:center;gap:16px}.results-list-header{padding:0 26px 12px;color:#ffffffbf;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.result-row{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;transition:all .3s ease}.result-row:hover{transform:translateY(-4px);background:#ffffff26;box-shadow:0 8px 32px #0003}.result-row.top-1{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:gold}.result-row.top-2{background:linear-gradient(135deg,#c0c0c04d,#a8a8a833);border-color:silver}.result-row.top-3{background:linear-gradient(135deg,#cd7f324d,#b8733333);border-color:#cd7f32}.result-rank{display:flex;align-items:center;justify-content:center}.player-rank-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.rank-medal{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.rank-number{font-size:1.5rem;font-weight:700;color:#ffffffb3}.player-avatar-small{width:60px;height:60px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.result-row.top-1 .player-avatar-small{background:linear-gradient(135deg,gold,orange);border-color:gold}.result-row.top-2 .player-avatar-small{background:linear-gradient(135deg,silver,#a8a8a8);border-color:silver}.result-row.top-3 .player-avatar-small{background:linear-gradient(135deg,#cd7f32,#b87333);border-color:#cd7f32}.result-player{display:flex;align-items:center;gap:14px;min-width:0}.result-player-meta{min-width:0}.result-player-place{font-size:.9rem;color:#ffffffb8;font-weight:600}.result-row .player-name{font-size:1.1rem;font-weight:600;max-width:100%;text-align:left}.player-score-final{font-size:1.2rem;font-weight:700;color:gold;text-align:right}.game-end-footer{margin-top:auto;padding-bottom:40px;opacity:0}.game-end-footer.fade-in-up{animation:fadeInUp .8s ease .6s forwards}.end-buttons{display:flex;gap:12px;flex-direction:column}.close-button,.exit-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;color:#fff;border-radius:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4)}.close-button{background:#ffffff26}.exit-button{background:#fff3}.close-button:hover{background:#ffffff40;border-color:#fff9}.exit-button:hover{background:#ffffff4d;border-color:#fff}.exit-button:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px),(max-height:880px){.game-end-header.training-mode{margin-bottom:28px}.training-podium-list{grid-template-columns:1fr}}@media(max-width:768px){.game-end-screen{padding:20px 16px}.game-end-title{font-size:2rem}.game-end-subtitle{font-size:1rem}.podium{flex-direction:column;align-items:center;gap:16px;min-height:0}.podium-place.first{order:-1}.podium-block{width:100%;max-width:280px}.results-summary{grid-template-columns:1fr 1fr;gap:12px}.results-list{padding:0 2px 2px}.all-players-title{font-size:1.4rem}.results-list-header{display:none}.results-list-shell{padding:14px 12px 10px}.result-row{grid-template-columns:72px minmax(0,1fr);gap:12px}.player-score-final{grid-column:2;text-align:left;padding-left:74px}.exit-button{width:100%;padding:18px}}@media(max-width:520px){.results-summary{grid-template-columns:1fr}.summary-card{padding:16px}}.lobby{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);position:relative}.lobby-bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.lobby-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 80%)}.lobby-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0}.lobby-bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);top:-10%;left:-10%;animation:orbFloat1 20s ease-in-out infinite}.lobby-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-20%;right:-10%;animation:orbFloat2 25s ease-in-out infinite}.lobby-bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.35) 0%,transparent 70%);top:50%;left:50%;animation:orbFloat3 18s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,30px) scale(1.05)}50%{transform:translate(20px,60px) scale(.95)}75%{transform:translate(-30px,40px) scale(1.02)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-40px) scale(1.08)}66%{transform:translate(40px,-20px) scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.1)}}.game-layout{flex:1;display:flex;overflow:hidden;position:relative;z-index:1}.game-area{flex:1;display:flex;justify-content:center;align-items:center;padding:24px;background:transparent}.board-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.empty-board{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;animation:fadeIn .5s ease}.empty-board h2{margin-bottom:12px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-board p{margin-bottom:24px;max-width:400px;color:var(--text-dim)}.host-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .5s ease .2s both}.waiting-host{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:24px 32px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);animation:pulse 2s ease-in-out infinite}.waiting-host p{margin:0;font-size:1rem;color:var(--text-dim);font-style:normal}.waiting-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.waiting-text{margin-top:24px;font-style:italic;color:var(--text-dim)}.countdown-overlay{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.2) 0%,transparent 60%);animation:fadeIn .3s ease}.countdown-number{font-size:18vw;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 0 40px var(--accent-glow));animation:countdownPop 1s ease-in-out}.countdown-number.go{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 60px rgba(236,72,153,.5));animation:countdownGo .5s ease-in-out}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes countdownGo{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.countdown-text{margin-top:20px;font-size:1.1rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-weight:600;animation:fadeInUp .5s ease .3s both}.lobby .main-button{position:relative;padding:16px 32px;font-size:1.05rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:none;background:var(--gradient);color:#fff;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-accent);overflow:hidden}.lobby .main-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.lobby .main-button:hover{background:var(--gradient-hover);transform:translateY(-3px);box-shadow:0 16px 48px var(--accent-glow)}.lobby .main-button:hover:before{left:100%}.main-button.large{padding:20px 44px;font-size:1.15rem}.main-button.secondary{background:var(--surface);border:1px solid var(--border);box-shadow:none}.main-button.secondary:before{display:none}.main-button.secondary:hover{background:var(--surface-hover);border-color:var(--border-highlight)}.report-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.report-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:520px;width:100%;max-height:80vh;position:relative;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.report-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:18px;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.report-modal-close:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a;transform:rotate(90deg)}@media(max-width:1100px){.sidebar{width:340px;min-width:340px}}@media(max-width:768px){.lobby{height:100dvh;height:-webkit-fill-available;flex-direction:column;overflow:hidden}.game-layout{flex-direction:column;height:100%;overflow:hidden}.game-area{padding:0;flex:1;min-height:0;overflow:hidden}.board-wrapper{height:100%;max-height:none;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%!important;min-width:100%;max-height:85vh;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;background:#0f0f16f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:2000;box-shadow:0 -8px 40px #000000b3;transform:translateY(calc(100% - 48px));transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.sidebar.open{transform:translateY(0)}.sidebar:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff4d;z-index:10;pointer-events:none}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 8px 0;flex-shrink:0}.sidebar-tab{flex:1;padding:10px 4px;background:none;border:none;color:#fff6;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-tab svg{display:block;margin:0 auto 4px;width:18px;height:18px}.sidebar-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(85vh - 60px)}.sidebar-section{padding:16px;display:none}.sidebar-section.active{display:block}.invite-section{padding:16px!important;text-align:left}.room-info{margin-bottom:12px}.room-badge{padding:10px 16px;flex-direction:row;align-items:center;gap:10px;width:100%;justify-content:center}.room-label{font-size:.65rem;opacity:.8}.room-code{font-size:1.4rem;letter-spacing:.1em}.invite-link-card{margin:10px 0;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.link-text{font-size:.65rem;word-break:break-all}.sidebar-btn{font-size:.85rem;padding:12px 16px;border-radius:12px}.copy-btn{margin-bottom:8px}.report-btn{margin-top:0}.host-section{padding:12px 16px}.host-info-header{font-size:.65rem;margin-bottom:8px}.host-info-card{padding:10px 12px;gap:10px}.host-info-avatar{width:36px;height:36px;font-size:.9rem}.host-info-name{font-size:.82rem}.host-info-score{font-size:.75rem}.chat-section{max-height:none;min-height:0;display:flex;flex-direction:column;height:100%}.chat-header{padding:12px 16px;flex-shrink:0}.chat-header h3{font-size:.85rem}.chat-messages{flex:1;min-height:200px;max-height:none;padding:12px 16px;gap:10px}.message-wrapper{max-width:88%}.avatar{width:28px;height:28px;font-size:.65rem}.message-bubble{padding:8px 12px;border-radius:14px}.message-content{font-size:.85rem;line-height:1.4}.message-username{font-size:.6rem}.message-time{font-size:.55rem}.chat-input-area{padding:12px 16px;gap:8px;flex-shrink:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chat-input-area textarea{padding:10px 14px;font-size:.9rem;min-height:40px;max-height:80px;border-radius:20px}.send-btn{width:40px;height:40px;border-radius:50%}.player-answer-feed{max-height:none;padding:12px 16px}.feed-header{font-size:.7rem;padding:4px;margin-bottom:8px}.feed-item{padding:8px 10px;gap:8px;border-radius:10px}.feed-avatar{width:28px;height:28px;font-size:.7rem}.feed-name{font-size:.62rem}.feed-answer{font-size:.8rem}.pp-root{max-height:none;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pp-header{padding:8px 0}.pp-header svg{display:none}.pp-list{padding:8px 0;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.pp-card{min-width:72px;max-width:86px;flex-shrink:0}.pp-card-inner{padding:10px 6px 8px;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px}.pp-avatar{width:36px;height:36px;font-size:.9rem;border-width:2px}.pp-name{font-size:.65rem;line-height:1.2}.pp-score{font-size:.78rem}.pp-rank-num{width:16px;height:16px;font-size:.55rem}.pp-medal{font-size:.9rem}.pp-bar{height:2px}}@media(max-width:600px){.game-area{padding:0}.board-wrapper{max-height:none}.host-actions{flex-direction:column;align-items:center}.lobby .main-button{width:100%;max-width:300px}.countdown-number{font-size:24vw}}.training-fullscreen-container{position:fixed!important;inset:0!important;width:100vw;height:100vh;z-index:10000!important;background:radial-gradient(ellipse at center,#1e1b4b,#0f0f23 45%,#000);display:flex;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box;overflow:hidden;isolation:isolate}.training-fullscreen-container~*{opacity:0!important;pointer-events:none!important}.slideshow-overlay{position:absolute;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;padding:1rem}.slideshow-container{width:100%;max-width:1140px;max-height:95vh;background:#111126fa;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:34px;border:1px solid rgba(99,102,241,.5);box-shadow:0 70px 160px -40px #000000e6,inset 0 2px #ffffff1a;overflow:hidden;position:relative;z-index:2;animation:slideshowAppear .8s cubic-bezier(.25,.95,.35,1)}@keyframes slideshowAppear{0%{opacity:0;transform:scale(.86) translateY(70px)}to{opacity:1;transform:scale(1) translateY(0)}}.slideshow-skip-btn,.slideshow-nav-btn{position:absolute;z-index:30;transition:all .3s ease}.slideshow-skip-btn{top:28px;right:32px;background:#6366f12e;color:#a5b4fc;border:1px solid rgba(99,102,241,.45);padding:11px 24px;border-radius:9999px;font-size:.97rem;font-weight:500;cursor:pointer}.slideshow-skip-btn:hover{background:#6366f166;color:#fff}.slideshow-nav-btn{top:50%;transform:translateY(-50%);background:#0f0f23eb;border:1px solid rgba(99,102,241,.55);color:#c4d0ff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.slideshow-nav-btn:hover{background:#6366f1;color:#fff;transform:translateY(-50%) scale(1.1)}.slideshow-prev-btn{left:26px}.slideshow-next-btn{right:26px}.slideshow-slide{min-height:640px;padding:3.2rem 3.8rem;display:flex;flex-direction:column;color:#e0e7ff}.fade-in{animation:fadeInUp .65s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.intro-slide{text-align:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain}.intro-image-container{max-width:580px;margin:0 auto 2.8rem;border-radius:26px;overflow:hidden;width:fit-content;box-shadow:none;background:transparent;border:0}.intro-image{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block;border-radius:inherit;background:transparent}.intro-title{font-size:2.35rem;font-weight:700;margin-bottom:1.3rem;background:linear-gradient(90deg,#c4d0ff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-description{font-size:1.22rem;line-height:1.7;max-width:720px;margin:0 auto 2.8rem;opacity:.92}.intro-hint{display:flex;align-items:center;justify-content:center;gap:14px;color:#818cf8;font-size:1.12rem}.question-slide .question-text{font-size:1.75rem;line-height:1.5;font-weight:600;text-align:center;margin-bottom:3rem;color:#e0e7ff}.answer-input{width:100%;max-width:700px;padding:22px 28px;font-size:1.18rem;background:#0f172aeb;border:2px solid rgba(99,102,241,.55);border-radius:20px;color:#fff;margin:0 auto 20px;transition:all .3s ease}.answer-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 6px #6366f14d}.submit-answer-btn{padding:17px 44px;background:linear-gradient(90deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:16px;font-size:1.12rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-answer-btn:disabled{opacity:.5;cursor:not-allowed}.submit-answer-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #6366f173}.players-answered-progress{max-width:700px;margin:0 auto 1.5rem}.progress-text{text-align:center;margin-bottom:8px;font-size:1.05rem;color:#94a3b8}.progress-bar-container{height:8px;background:#6366f133;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a5b4fc);border-radius:9999px;transition:width .6s ease}.host-answers-panel{max-width:780px;margin:0 auto}.panel-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;margin-bottom:1.6rem;color:#c4d0ff}.players-status-list{display:flex;flex-direction:column;gap:14px}.player-status-item{display:flex;align-items:center;gap:18px;padding:19px 24px;background:#0f172acc;border-radius:20px;border:1px solid rgba(148,163,184,.3);transition:all .3s ease}.player-status-item.correct{border-color:#4ade80;background:#4ade8026}.player-status-item.incorrect{border-color:#f87171;background:#f8717126}.player-status-item.pending-verify{border-color:#fbbf24}.status-icon{min-width:30px;color:#94a3b8}.status-player-name{font-weight:600;min-width:160px}.status-answer{font-style:italic;color:#cbd5e1;flex:1}.verify-buttons{display:flex;gap:10px;margin-left:auto}.verify-btn{padding:10px 22px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.verify-btn.correct{background:#4ade80;color:#0f172a}.verify-btn.incorrect{background:#f87171;color:#fff}.verify-btn:hover{transform:translateY(-1px)}.answer-submitted{text-align:center;padding:3rem 2rem}.answer-result.waiting{display:flex;flex-direction:column;align-items:center;gap:16px;color:#94a3b8}.result-icon{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.answer-time{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:10px;color:#818cf8}.result-slide{padding:3.2rem 3.8rem}.result-badge{display:inline-flex;align-items:center;gap:14px;padding:14px 34px;background:#6366f133;border:1px solid rgba(99,102,241,.55);border-radius:9999px;font-size:1.45rem;font-weight:700;margin-bottom:2.4rem}.top-answers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:2.2rem}.top-answer-item{display:flex;align-items:center;gap:20px;padding:18px 24px;background:#1e1b4bb3;border-radius:18px;border:1px solid rgba(129,140,248,.35)}.top-answer-item.first-place{background:linear-gradient(90deg,#eab30840,#f59e0b33);border-color:#facc15}.top-rank{font-size:1.55rem;font-weight:700;width:38px;color:#e0e7ff}.correct-answer-display{margin-top:2.5rem;padding:28px;background:#34d3991f;border:1px solid rgba(52,211,153,.5);border-radius:20px;text-align:center}.correct-answer-text{font-size:1.5rem;font-weight:600;color:#67e8b5;margin-top:10px}.explanation-slide{padding:3.2rem 3.8rem;overflow-y:auto;overscroll-behavior:contain}.explanation-content{width:100%;max-width:980px;margin:0 auto}.explanation-image-container{margin-bottom:2.8rem;border-radius:20px;overflow:hidden;width:fit-content;max-width:100%;background:transparent;border:0;box-shadow:none}.explanation-image{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;object-position:center;border-radius:inherit;background:transparent}.explanation-title{font-size:1.9rem;margin-bottom:1.4rem;color:#c4d0ff}.explanation-text{font-size:1.2rem;line-height:1.82;color:#cbd5e1}.question-completed-badge{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:#34d3992e;border:1px solid rgba(52,211,153,.5);border-radius:22px;margin-top:3rem;font-size:1.35rem;font-weight:600}@media(max-width:1024px){.slideshow-slide{padding:2.4rem 2.8rem}}@media(max-width:768px){.slideshow-container{border-radius:26px}.slideshow-slide{padding:2rem 1.8rem;min-height:580px}.question-text{font-size:1.55rem}.intro-title{font-size:2rem}}:root{--bg: #0a0a0c;--bg-secondary: #121216;--bg-tertiary: #1a1a20;--surface: rgba(30, 30, 35, .8);--surface-hover: rgba(40, 40, 45, .9);--accent: #6366f1;--accent-hover: #818cf8;--accent-light: #a5b4fc;--accent-glow: rgba(99, 102, 241, .35);--accent-rgb: 99, 102, 241;--gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hover: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--gradient-reverse: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--success: #10b981;--success-light: #34d399;--success-glow: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-light: #fbbf24;--danger: #ef4444;--danger-light: #f87171;--danger-glow: rgba(239, 68, 68, .3);--text: #ffffff;--text-dim: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .15);--glass: rgba(30, 30, 35, .6);--glass-border: rgba(255, 255, 255, .08);--blur: blur(20px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .6);--shadow-accent: 0 8px 32px var(--accent-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}[data-theme=cyber]{--bg: #000810;--bg-secondary: #001020;--bg-tertiary: #001830;--accent: #22d3ee;--accent-hover: #67e8f9;--accent-light: #a5f3fc;--accent-glow: rgba(34, 211, 238, .35);--accent-rgb: 34, 211, 238;--gradient: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--gradient-hover: linear-gradient(135deg, #67e8f9 0%, #60a5fa 100%);--gradient-reverse: linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--glass: rgba(0, 20, 40, .6);--glass-border: rgba(34, 211, 238, .15)}[data-theme=noir]{--bg: #0c0c0c;--bg-secondary: #141414;--bg-tertiary: #1c1c1c;--accent: #fbbf24;--accent-hover: #fcd34d;--accent-light: #fde68a;--accent-glow: rgba(251, 191, 36, .35);--accent-rgb: 251, 191, 36;--gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-hover: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);--gradient-reverse: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--glass: rgba(28, 28, 28, .6);--glass-border: rgba(251, 191, 36, .15)}[data-theme=rose]{--bg: #0f0a12;--bg-secondary: #1a0f1a;--bg-tertiary: #251525;--accent: #fb7185;--accent-hover: #fda4af;--accent-light: #fecdd3;--accent-glow: rgba(251, 113, 133, .35);--accent-rgb: 251, 113, 133;--gradient: linear-gradient(135deg, #fb7185 0%, #e879f9 100%);--gradient-hover: linear-gradient(135deg, #fda4af 0%, #f0abfc 100%);--gradient-reverse: linear-gradient(135deg, #e879f9 0%, #fb7185 100%);--glass: rgba(35, 20, 40, .6);--glass-border: rgba(251, 113, 133, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(var(--accent-rgb),.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(var(--accent-rgb),.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bgPulse 15s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.7}}#root{width:100%;min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.1rem,3vw,1.5rem)}h4{font-size:clamp(1rem,2vw,1.25rem)}p{color:var(--text-dim);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}.btn-primary{background:var(--gradient);color:#fff;border:none;padding:14px 28px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-accent);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn-primary:hover{background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 12px 40px var(--accent-glow)}.btn-primary:hover:before{left:100%}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:14px 28px;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid var(--danger);padding:12px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 8px 24px var(--danger-glow)}.card{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-base)}.card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}.card-glow{position:relative;overflow:hidden}.card-glow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--accent-rgb),.15) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.card-glow:hover:after{opacity:1}.input{width:100%;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;font-family:inherit;transition:var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px var(--danger-glow)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--text-dim)}.badge-accent{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent-light)}.badge-success{background:#10b98126;border-color:var(--success);color:var(--success-light)}.badge-warning{background:#f59e0b26;border-color:var(--warning);color:var(--warning-light)}.badge-danger{background:#ef444426;border-color:var(--danger);color:var(--danger-light)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loading-spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--shadow-accent)}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-dim);font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease}.fade-in-up{animation:fadeInUp .4s ease}.scale-in{animation:scaleIn .3s ease}.slide-in-left{animation:slideInLeft .4s ease}.slide-in-right{animation:slideInRight .4s ease}.pulse{animation:pulse 2s ease-in-out infinite}.bounce{animation:bounce 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gradient);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-hover)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background:var(--border);margin:var(--space-lg) 0}.divider-vertical{width:1px;height:100%;background:var(--border);margin:0 var(--space-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){:root{--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}body{overflow:hidden;position:fixed;width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}input,textarea,select{font-size:16px!important}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1{font-size:2rem}h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}