@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";.home{min-height:100vh;overflow-x:hidden}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%}.particle-1{width:4px;height:4px;background:var(--purple-bright);top:80%;left:10%;animation:particleFloat1 12s linear infinite;box-shadow:0 0 6px var(--purple-bright)}.particle-2{width:3px;height:3px;background:var(--pink-accent);top:90%;left:30%;animation:particleFloat2 15s linear infinite 2s;box-shadow:0 0 6px var(--pink-accent)}.particle-3{width:5px;height:5px;background:var(--cyan-accent);top:85%;left:55%;animation:particleFloat3 18s linear infinite 4s;box-shadow:0 0 8px var(--cyan-accent)}.particle-4{width:3px;height:3px;background:var(--purple-bright);top:95%;left:75%;animation:particleFloat1 14s linear infinite 6s;box-shadow:0 0 6px var(--purple-bright)}.particle-5{width:4px;height:4px;background:var(--pink-accent);top:88%;left:90%;animation:particleFloat2 16s linear infinite 3s;box-shadow:0 0 6px var(--pink-accent)}.particle-6{width:2px;height:2px;background:var(--cyan-accent);top:92%;left:45%;animation:particleFloat3 20s linear infinite 8s;box-shadow:0 0 4px var(--cyan-accent)}.home-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;background:#0f0a1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.08)}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:.05em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--white-muted);transition:color .3s ease;letter-spacing:.02em}.nav-link:hover{color:var(--white)}.nav-link-cta{font-size:.8rem;font-weight:600;color:#fff;background:var(--gradient-primary);padding:.6rem 1.5rem;border-radius:var(--radius-full);letter-spacing:.04em;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf640}.nav-link-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);top:-10%;left:-10%;animation:float 8s ease-in-out infinite}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);top:20%;right:-5%;animation:float 10s ease-in-out infinite 2s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);bottom:-5%;left:30%;animation:float 12s ease-in-out infinite 4s}.hero-content{text-align:center;position:relative;z-index:2;animation:fadeIn 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--gold-light);letter-spacing:.05em;margin-bottom:2.5rem;animation:fadeIn .8s ease-out .2s both}.hero-badge-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--success)}.hero-title{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;line-height:.9;margin-bottom:1.5rem;animation:fadeIn .8s ease-out .3s both}.hero-title-line{display:block}.hero-title-quiz{font-size:8rem;color:var(--white);text-shadow:0 0 80px rgba(139,92,246,.15)}.hero-title-live{font-size:9rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fadeIn .8s ease-out .3s both,gradientShift 4s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(139,92,246,.3))}.hero-tagline{font-size:1.25rem;color:var(--white-muted);max-width:480px;margin:0 auto 3rem;line-height:1.7;animation:fadeIn .8s ease-out .5s both}.hero-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;animation:fadeIn .8s ease-out .7s both}.hero-btn{display:inline-flex;align-items:center;gap:.6rem}.hero-stats{display:flex;align-items:center;gap:3rem;margin-top:5rem;position:relative;z-index:2;padding:1.5rem 3rem;background:#1a103566;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-xl);animation:slideUp .8s ease-out .9s both}.stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{color:var(--purple-bright);margin-bottom:.25rem;opacity:.8}.stat-number{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--white-subtle)}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--border-glow),transparent)}.features{padding:8rem 2rem;position:relative;background:radial-gradient(ellipse 800px 600px at 50% 0%,rgba(139,92,246,.06) 0%,transparent 70%),var(--purple-base)}.features-inner{max-width:1200px;margin:0 auto}.features-description{text-align:center;color:var(--white-muted);font-size:1.1rem;max-width:500px;margin:1rem auto 4rem;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{padding:2.5rem;text-align:left;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease}.feature-card:hover:after{opacity:1}.feature-icon-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:var(--radius-md);margin-bottom:1.5rem;transition:all .4s ease}.feature-card:hover .feature-icon-wrap{background:#8b5cf62e;transform:scale(1.05);box-shadow:0 0 25px #8b5cf626}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--white);letter-spacing:-.01em}.feature-card p{color:var(--white-muted);font-size:.9rem;line-height:1.7}.how-it-works{padding:8rem 2rem;position:relative;background:var(--purple-deep)}.how-inner{max-width:900px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:4rem;position:relative}.step{text-align:center;position:relative;padding:2rem 1.5rem}.step-number-wrap{width:72px;height:72px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);position:relative;transition:all .4s ease}.step:hover .step-number-wrap{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 0 30px #8b5cf626;transform:translateY(-4px)}.step-number{font-family:var(--font-display);font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-connector{display:none}.steps:before{content:"";position:absolute;top:calc(2rem + 36px);left:calc(16.665% + 36px + 1.5rem);right:calc(16.665% + 36px + 1.5rem);height:1px;background:linear-gradient(90deg,#8b5cf64d,#ec48994d,#06b6d44d)}.step h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin-bottom:.75rem;color:var(--white)}.step p{color:var(--white-muted);font-size:.9rem;line-height:1.7}.step-arrow{display:none}.cta{padding:8rem 2rem;text-align:center;position:relative;overflow:hidden;background:var(--purple-base)}.cta-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-content h2{font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.cta-content p{color:var(--white-muted);font-size:1.15rem;margin-bottom:2.5rem;line-height:1.7}.cta-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.footer{padding:4rem 2rem 3rem;background:var(--purple-deep);border-top:1px solid var(--border-subtle)}.footer-content{text-align:center;max-width:600px;margin:0 auto}.footer-logo{font-family:var(--font-display);font-size:1.75rem;font-weight:800;letter-spacing:.05em;margin-bottom:.5rem}.footer-tagline{color:var(--white-muted);font-size:.85rem;letter-spacing:.1em;margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-links a{font-size:.85rem;color:var(--white-subtle);transition:color .3s ease;letter-spacing:.04em}.footer-links a:hover{color:var(--purple-bright)}.footer-copyright{color:var(--white-subtle);font-size:.75rem;letter-spacing:.02em}@media (max-width: 768px){.home-nav{padding:1rem 1.5rem}.nav-links{gap:1rem}.nav-link{display:none}.hero{padding:5rem 1.5rem 3rem}.hero-title-quiz{font-size:4.5rem}.hero-title-live{font-size:5.5rem}.hero-tagline{font-size:1.05rem}.hero-stats{flex-direction:column;gap:1.5rem;padding:2rem}.stat-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent)}.features{padding:5rem 1.5rem}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:1.5rem}.steps:before{display:none}.how-it-works,.cta{padding:5rem 1.5rem}.cta-content h2{font-size:2rem}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}@media (max-width: 480px){.hero-title-quiz{font-size:3.5rem}.hero-title-live{font-size:4.5rem}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:260px;justify-content:center}}.host-page{min-height:100vh;background:#0f0a1e;color:#e2e0f0;font-family:inherit}.host-page.setup{display:flex;flex-direction:column}.host-page.live{display:grid;grid-template-columns:320px 1fr;height:100vh}.glass-card{background:#1a103599;border:1px solid rgba(139,92,246,.15);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.host-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid rgba(139,92,246,.1)}.host-back-link{display:flex;align-items:center;gap:8px;color:#e2e0f099;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;min-width:80px}.host-back-link:hover{color:#8b5cf6}.host-title{font-size:1.6rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#f0ecff}.host-title span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.host-header-spacer{min-width:80px}.setup-container{display:grid;grid-template-columns:340px 1fr;gap:32px;padding:40px;flex:1;overflow-y:auto}.settings-panel{padding:28px;height:fit-content;position:sticky;top:0}.settings-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.settings-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#8b5cf633,#ec489933);display:flex;align-items:center;justify-content:center;color:#8b5cf6}.settings-panel h3{font-size:1.15rem;font-weight:700;color:#f0ecff;margin:0}.setting-group{margin-bottom:22px}.setting-group label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#e2e0f080;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{width:100%;padding:14px 40px 14px 18px;background:#0f0a1eb3;border:1px solid rgba(139,92,246,.2);border-radius:14px;color:#e2e0f0;font-size:.95rem;font-weight:500;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.select-wrap select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.select-wrap select option{background:#1a1035;color:#e2e0f0}.quiz-selection{display:flex;flex-direction:column}.quiz-selection-title{font-size:1.15rem;font-weight:700;color:#f0ecff;margin:0 0 20px}.quiz-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.quiz-select-card{padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,92,246,.08) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.quiz-select-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf626}.quiz-select-card:hover .quiz-card-glow{opacity:1}.quiz-select-card h4{margin:0 0 14px;font-size:1.1rem;font-weight:700;color:#f0ecff}.quiz-card-meta{display:flex;align-items:center;gap:10px}.quiz-card-count{font-size:.82rem;color:#e2e0f080;font-weight:500}.quiz-card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,#8b5cf633,#ec489926);color:#c084fc}.empty-selection{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.empty-icon{color:#8b5cf64d;margin-bottom:16px}.empty-selection p{color:#e2e0f066;margin:0 0 20px;font-size:1rem}.btn-create{display:inline-flex;align-items:center;padding:12px 28px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf64d}.host-sidebar{background:#0f0a1ef2;border-right:1px solid rgba(139,92,246,.1);display:flex;flex-direction:column;padding:24px;overflow-y:auto;gap:20px}.room-info{padding:24px;text-align:center}.room-info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#e2e0f066}.room-code-big{font-size:3rem;font-weight:900;letter-spacing:6px;margin:8px 0 20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-display{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid rgba(6,182,212,.3);border-radius:14px;background:#06b6d41a;color:#06b6d4;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-display:hover{background:#06b6d433;border-color:#06b6d480;box-shadow:0 4px 20px #06b6d426}.player-section{flex:1;display:flex;flex-direction:column;min-height:0}.player-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.player-section-header h3{font-size:.9rem;font-weight:700;color:#e2e0f099;text-transform:uppercase;letter-spacing:1px;margin:0}.player-count-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:10px;min-width:30px;text-align:center}.player-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.player-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#1a103566;transition:background .2s}.player-row:hover{background:#1a1035b3}.player-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#c084fc;flex-shrink:0}.player-name{flex:1;font-weight:600;font-size:.9rem}.player-score{font-size:.85rem;font-weight:700;color:#06b6d4;font-variant-numeric:tabular-nums}.no-players{text-align:center;padding:30px 10px}.no-players p{color:#e2e0f04d;font-size:.9rem;margin:0}.host-main{padding:40px;overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0a1e,#1a1035)}.lobby-control{flex:1;display:flex;align-items:center;justify-content:center}.lobby-hero{text-align:center}.lobby-hero-icon{margin-bottom:24px}.lobby-hero h1{font-size:2.5rem;font-weight:800;color:#f0ecff;margin:0 0 12px}.lobby-player-count{font-size:1.15rem;color:#e2e0f080;margin:0 0 40px}.btn-start{padding:20px 64px;border:none;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:2px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.btn-start:disabled{opacity:.4;cursor:not-allowed}.btn-start:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 40px #8b5cf666}.btn-start.pulse:not(:disabled){animation:startPulse 2s infinite}@keyframes startPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 20px #8b5cf600}}.game-control{display:flex;flex-direction:column;gap:24px;flex:1}.question-summary{padding:28px}.question-summary .q-index{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#8b5cf6;margin-bottom:12px}.question-summary h2{font-size:1.5rem;font-weight:700;color:#f0ecff;margin:0;line-height:1.4}.host-answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.host-answer-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.host-answer--correct{background:#2ecc711a;border-color:#2ecc714d}.host-answer-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0}.host-answer-text{font-size:.85rem;color:#e2e0f0d9;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-answer--correct .host-answer-text{color:#2ecc71;font-weight:600}.host-answer-check{flex-shrink:0;display:flex;align-items:center}.buzzer-control{display:flex;flex-direction:column;gap:14px}.buzzer-title{font-size:1rem;font-weight:700;color:#e2e0f099;text-transform:uppercase;letter-spacing:1px;margin:0}.buzzer-list{display:flex;flex-direction:column;gap:10px}.buzzer-item{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;transition:all .3s}.buzzer-item.active{border-color:#ec489966;background:#ec489914;box-shadow:0 0 30px #ec48991a}.buzzer-player{display:flex;align-items:center;gap:14px}.buzzer-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#f0ecff}.buzzer-avatar.glow{animation:buzzerGlow 1.5s infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899)}@keyframes buzzerGlow{0%,to{box-shadow:0 0 10px #ec48994d}50%{box-shadow:0 0 25px #ec489999}}.buzzer-name{font-size:1.1rem;font-weight:700;color:#f0ecff}.buzzer-badge{font-size:.7rem;font-weight:800;letter-spacing:1px;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.judge-actions{display:flex;gap:10px}.btn-correct{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:14px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-correct:hover{background:#22c55e40;box-shadow:0 4px 20px #22c55e33}.btn-wrong{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-wrong:hover{background:#ef444440;box-shadow:0 4px 20px #ef444433}.kahoot-stats{padding:24px 28px;display:flex;align-items:center;gap:24px}.answered-progress{flex:1}.answered-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem}.answered-label span:first-child{color:#e2e0f080;font-weight:600}.answered-numbers{color:#8b5cf6;font-weight:700}.progress-bar-track{height:8px;border-radius:10px;background:#8b5cf61a;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .4s cubic-bezier(.4,0,.2,1)}.btn-end-question{padding:14px 28px;border:1px solid rgba(139,92,246,.3);border-radius:14px;background:#8b5cf61a;color:#c084fc;font-size:.85rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-end-question:hover{background:#8b5cf633;border-color:#8b5cf680}.results-control{display:flex;flex-direction:column;gap:20px}.results-title{font-size:1rem;font-weight:700;color:#e2e0f099;text-transform:uppercase;letter-spacing:1px;margin:0}.dist-chart{padding:24px 28px;display:flex;flex-direction:column;gap:14px}.dist-bar-row{display:flex;align-items:center;gap:14px}.dist-label{font-size:1.1rem;font-weight:800;width:28px;text-align:center;flex-shrink:0}.dist-bar-track{flex:1;height:28px;border-radius:10px;background:#ffffff0a;overflow:hidden}.dist-bar-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:4px}.dist-count{font-size:.95rem;font-weight:700;color:#e2e0f099;width:32px;text-align:right;flex-shrink:0}.next-actions{display:flex;gap:14px;justify-content:flex-end}.btn-primary{padding:16px 36px;border:none;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:.95rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf64d}.btn-primary.btn-lg{padding:20px 56px;font-size:1.15rem;border-radius:20px}.btn-secondary{padding:16px 36px;border:1px solid rgba(139,92,246,.3);border-radius:16px;background:#8b5cf614;color:#c084fc;font-size:.95rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#8b5cf626;border-color:#8b5cf680}.leaderboard-control{display:flex;flex-direction:column;align-items:center;gap:24px;flex:1}.leaderboard-heading{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.lead-list{width:100%;max-width:600px;display:flex;flex-direction:column;gap:10px}.lead-row{display:flex;align-items:center;padding:18px 24px;animation:leadSlideIn .4s both}@keyframes leadSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.lead-rank{font-size:1rem;font-weight:800;width:60px;flex-shrink:0}.lead-rank.rank-0{color:#fbbf24}.lead-rank.rank-1{color:#94a3b8}.lead-rank.rank-2{color:#d97706}.lead-name{flex:1;font-weight:700;font-size:1.05rem;color:#f0ecff}.lead-score{font-weight:700;font-size:1.05rem;color:#06b6d4;font-variant-numeric:tabular-nums}.end-control{flex:1;display:flex;align-items:center;justify-content:center}.end-celebration{text-align:center}.end-icon{margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.end-celebration h1{font-size:3rem;font-weight:900;margin:0 0 8px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.end-subtitle{font-size:1.2rem;color:#e2e0f080;margin:0 0 40px}@media (max-width: 900px){.setup-container{grid-template-columns:1fr}.host-page.live{grid-template-columns:1fr;grid-template-rows:auto 1fr}.host-sidebar{border-right:none;border-bottom:1px solid rgba(139,92,246,.1);max-height:250px}}.sth-panel{background:#1a1028;min-height:100vh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:16px;gap:12px;font-family:Segoe UI,Inter,system-ui,sans-serif}.sth-header{display:flex;align-items:center;justify-content:space-between}.sth-logo{display:flex;gap:6px}.sth-logo-quiz{font-size:1.4rem;font-weight:900;color:#f59e0b;letter-spacing:3px}.sth-logo-live{font-size:1.4rem;font-weight:900;color:#0ff;letter-spacing:3px}.sth-btn-display{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:10px;color:#06b6d4;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.sth-btn-display:hover{background:#06b6d440}.sth-room-code{display:flex;align-items:center;gap:10px;justify-content:center;padding:8px;background:#8b5cf61a;border-radius:10px}.sth-room-label{font-size:.7rem;font-weight:700;color:#fff6;letter-spacing:2px}.sth-room-value{font-size:1.4rem;font-weight:900;color:#8b5cf6;letter-spacing:4px}.sth-leaderboard{background:#0006;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:12px}.sth-lb-title{font-size:1rem;font-weight:800;color:#0ff;text-align:center;margin:0 0 8px;letter-spacing:3px}.sth-lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.sth-lb-col{display:flex;flex-direction:column;gap:2px}.sth-lb-row{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:.8rem}.sth-lb-row.empty{opacity:.15}.sth-lb-rank{color:#f59e0b;font-weight:700;width:22px}.sth-lb-name{color:#fff;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sth-lb-score{color:#0ff;font-weight:700;font-variant-numeric:tabular-nums}.sth-playing{background:#0006;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:12px}.sth-playing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sth-playing-name{font-size:1.4rem;font-weight:900;color:#fff}.sth-playing-score{font-size:1.4rem;font-weight:900;color:#f59e0b;font-variant-numeric:tabular-nums}.sth-question-preview{margin-bottom:10px}.sth-q-text{font-size:.9rem;font-weight:600;color:#fffc;margin-bottom:8px;line-height:1.3}.sth-q-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sth-q-opt{font-size:.75rem;padding:5px 8px;background:#ffffff0d;border-radius:6px;color:#ffffffb3;border-left:3px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}.sth-q-opt.correct{background:#2ecc7133;border-left-color:#2ecc71!important;color:#2ecc71}.sth-q-opt.wrong{background:#ef444433;border-left-color:#ef4444!important;color:#ef4444;opacity:.5}.sth-timer-bar{position:relative;height:24px;background:#ffffff0d;border-radius:8px;overflow:hidden}.sth-timer-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:8px;transition:width 1s linear}.sth-timer-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.8rem;font-weight:800;color:#fff}.sth-turn-result{text-align:center;padding:20px 12px;background:#0006;border:1px solid rgba(245,158,11,.2);border-radius:12px}.sth-result-name{font-size:1.3rem;font-weight:900;color:#fff;margin-bottom:4px}.sth-result-score{font-size:2rem;font-weight:900;color:#f59e0b}.sth-result-detail{font-size:.85rem;color:#fff6}.sth-controls{display:flex;flex-direction:column;gap:10px}.sth-player-input-row{display:flex;gap:8px}.sth-name-input{flex:1;padding:12px 16px;background:#00000080;border:2px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;outline:none;transition:border-color .2s}.sth-name-input:focus{border-color:#8b5cf6}.sth-name-input::placeholder{color:#ffffff4d}.sth-duration-row{display:flex;align-items:center;gap:10px}.sth-duration-label{font-size:.85rem;font-weight:700;color:#ffffff80}.sth-duration-select{flex:1;padding:8px 12px;background:#00000080;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#fff;font-size:.9rem;outline:none}.sth-btn-play{padding:16px;background:#8b5cf633;border:2px solid rgba(139,92,246,.3);border-radius:14px;color:#ffffff4d;font-size:1.4rem;font-weight:900;letter-spacing:4px;cursor:not-allowed;transition:all .3s}.sth-btn-play.ready{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff;cursor:pointer;box-shadow:0 4px 20px #8b5cf666}.sth-btn-play.ready:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680}.sth-btn-play:disabled{cursor:not-allowed;opacity:.5}.sth-buzzers{margin-top:auto}.sth-buzzer-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}.sth-buzzer-labels span{text-align:center;font-size:.6rem;font-weight:600;color:#ffffff4d;text-transform:uppercase}.sth-buzzer-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sth-buzzer{height:56px;border-radius:10px;border:3px solid;cursor:pointer;transition:all .15s}.sth-buzzer:disabled{opacity:.3;cursor:not-allowed}.sth-buzzer-red{background:#e74c3c;border-color:#c0392b;box-shadow:inset 0 -4px #c0392b}.sth-buzzer-blue{background:#3498db;border-color:#2980b9;box-shadow:inset 0 -4px #2980b9}.sth-buzzer-yellow{background:#f1c40f;border-color:#d4ac0d;box-shadow:inset 0 -4px #d4ac0d}.sth-buzzer-green{background:#2ecc71;border-color:#27ae60;box-shadow:inset 0 -4px #27ae60}.sth-buzzer:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.sth-buzzer:not(:disabled):active{transform:translateY(2px);box-shadow:none}.sth-footer{display:flex;gap:8px;padding-top:8px}.sth-btn-clear{flex:1;padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.75rem;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s}.sth-btn-clear:hover{background:#ef444433}.sth-btn-exit{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;font-size:.75rem;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s}.sth-btn-exit:hover{background:#ffffff1a;color:#fffc}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f0a1e;position:relative;overflow:hidden}.join-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.join-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,.08) 0%,transparent 50%)}.join-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:joinFloat 20s ease-in-out infinite}.join-bg-shape--1{width:400px;height:400px;background:#8b5cf633;top:-10%;left:-10%;animation-delay:0s}.join-bg-shape--2{width:350px;height:350px;background:#ec489926;bottom:-5%;right:-10%;animation-delay:-7s;animation-duration:25s}.join-bg-shape--3{width:250px;height:250px;background:#06b6d426;top:50%;left:60%;animation-delay:-14s;animation-duration:22s}@keyframes joinFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.05)}}.join-card{position:relative;z-index:1;width:100%;max-width:440px;padding:2.5rem 2rem;background:#1a103599;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(139,92,246,.2);border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #8b5cf60d inset;animation:joinCardIn .6s cubic-bezier(.16,1,.3,1)}@keyframes joinCardIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.join-back{display:inline-flex;align-items:center;gap:6px;color:#ffffff80;text-decoration:none;font-size:.85rem;margin-bottom:1.5rem;transition:color .2s}.join-back:hover{color:#8b5cf6}.join-header{text-align:center;margin-bottom:2rem}.join-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:16px;border:1px solid rgba(139,92,246,.2)}.join-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .4rem}.join-subtitle{font-size:.9rem;color:#ffffff73;margin:0}.join-form{display:flex;flex-direction:column;gap:1.75rem}.join-code-section{text-align:center}.join-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#8b5cf6cc;margin-bottom:.75rem}.join-code-boxes{display:flex;gap:12px;justify-content:center}.join-code-box{width:72px;height:80px;background:#0f0a1e99;border:2px solid rgba(139,92,246,.25);border-radius:16px;color:#fff;font-size:2rem;font-weight:800;text-align:center;text-transform:uppercase;caret-color:#8b5cf6;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.join-code-box:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626,0 0 20px #8b5cf61a;transform:translateY(-2px);background:#8b5cf614}.join-code-box.filled{border-color:#8b5cf680;background:#8b5cf60f}.join-code-box::placeholder{color:#ffffff26}.join-name-group{position:relative;margin-top:.5rem}.join-name-input{width:100%;padding:1.25rem 1rem .75rem;background:#0f0a1e99;border:2px solid rgba(139,92,246,.2);border-radius:16px;color:#fff;font-size:1.05rem;outline:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.join-name-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626,0 0 20px #8b5cf61a}.join-name-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#ffffff59;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.join-name-group.active .join-name-label,.join-name-input:focus~.join-name-label{top:.65rem;transform:translateY(0);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8b5cf6cc}.join-name-bar{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.join-name-input:focus~.join-name-bar{left:1rem;width:calc(100% - 2rem)}.join-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#8b5cf64d,#ec48994d);border:1px solid rgba(139,92,246,.2);border-radius:16px;color:#fff6;font-size:1.05rem;font-weight:700;cursor:not-allowed;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.join-submit.ready{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;cursor:pointer;box-shadow:0 4px 24px #8b5cf659,0 0 0 1px #ffffff1a inset}.join-submit.ready:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf673,0 0 0 1px #ffffff26 inset}.join-submit.ready:active{transform:translateY(0) scale(.98)}.join-submit.ready:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#8b5cf6,#ec4899,#8b5cf6);border-radius:18px;z-index:-1;opacity:0;filter:blur(12px);animation:joinGlow 2s ease-in-out infinite}@keyframes joinGlow{0%,to{opacity:.4}50%{opacity:.7}}.join-submit-icon{display:flex;transition:transform .3s}.join-submit.ready:hover .join-submit-icon{transform:translate(4px)}@media (max-width: 480px){.join-card{padding:2rem 1.25rem;border-radius:20px}.join-code-box{width:60px;height:68px;font-size:1.75rem;border-radius:14px}.join-code-boxes{gap:8px}}.play-page{width:100vw;min-height:100vh;background:#0f0a1e;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.play-page--center{align-items:center;justify-content:center;padding:1.5rem}.play-page--game{padding:0}.play-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.play-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.05) 0%,transparent 60%)}.play-glass-card{position:relative;z-index:1;background:#1a103599;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:2.5rem 2rem;text-align:center;box-shadow:0 8px 32px #0006;animation:playCardIn .5s cubic-bezier(.16,1,.3,1);max-width:400px;width:100%}@keyframes playCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.play-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:16px;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #8b5cf64d;margin-top:1rem}.play-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf673}.play-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:playCardIn .5s ease}.play-spinner{position:relative;width:72px;height:72px}.play-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;animation:playSpin 1s linear infinite}.play-spinner-ring--inner{top:8px;right:8px;bottom:8px;left:8px;border-top-color:#ec4899;animation-direction:reverse;animation-duration:.8s}@keyframes playSpin{to{transform:rotate(360deg)}}.play-loading-text{font-size:1rem;color:#fff9}.play-highlight{color:#8b5cf6;font-weight:700}.play-error-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.play-error-icon{margin-bottom:.5rem}.play-error-title{font-size:1.25rem;font-weight:700;margin:0}.play-lobby{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:playCardIn .6s cubic-bezier(.16,1,.3,1)}.play-avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:#fff;margin-bottom:.75rem;box-shadow:0 0 0 6px #8b5cf626,0 8px 32px #8b5cf64d;animation:playAvatarPulse 3s ease-in-out infinite}@keyframes playAvatarPulse{0%,to{box-shadow:0 0 0 6px #8b5cf626,0 8px 32px #8b5cf64d}50%{box-shadow:0 0 0 12px #8b5cf614,0 8px 48px #ec48994d}}.play-lobby-name{font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-lobby-ready{display:flex;align-items:center;gap:6px;margin-top:1.5rem;padding:.6rem 1.25rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:100px}.play-ready-text{font-weight:700;font-size:1rem;color:#8b5cf6}.play-ready-dots{display:flex;gap:4px;align-items:center}.play-dot{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:playDotPulse 1.4s ease-in-out infinite}.play-dot:nth-child(2){animation-delay:.2s}.play-dot:nth-child(3){animation-delay:.4s}@keyframes playDotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.play-lobby-hint{font-size:.85rem;color:#ffffff59;margin-top:.5rem}.play-lobby-pulse{width:200px;height:200px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);animation:playPulseExpand 3s ease-in-out infinite}@keyframes playPulseExpand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.play-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px}.play-header-progress{padding:6px 14px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:100px;font-size:.8rem;font-weight:700;color:#ffffffb3;letter-spacing:.05em}.play-header-score{display:flex;align-items:center;gap:6px;font-size:1.35rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-timer-track{position:relative;z-index:2;height:6px;background:#ffffff0f;margin:0 16px 4px;border-radius:3px;overflow:hidden}.play-timer-bar{height:100%;border-radius:3px;transition:width 1s linear,background .5s ease}.play-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:8px 16px 16px;overflow:hidden}.play-kahoot{flex:1;display:flex;flex-direction:column}.play-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;align-content:stretch}.play-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:2px solid transparent;border-radius:20px;background:var(--opt-color);color:#fff;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;min-height:0}.play-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);border-radius:18px;pointer-events:none}.play-option-shape{display:flex;opacity:.6}.play-option-text{position:relative;z-index:1;line-height:1.3;word-break:break-word}.play-option:active{transform:scale(.95)}.play-option.selected{transform:scale(.94);border-color:#ffffffe6;filter:brightness(1.15);box-shadow:0 0 0 4px #ffffff4d,0 4px 20px #0000004d}.play-option--0{background:#e74c3c}.play-option--1{background:#3498db}.play-option--2{background:#f1c40f;color:#1a1035}.play-option--3{background:#2ecc71}.play-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;animation:playPopIn .5s cubic-bezier(.16,1,.3,1)}.play-locked-check{animation:playCheckDraw .6s ease-out}@keyframes playCheckDraw{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.play-locked-title{font-size:1.4rem;font-weight:800;margin:0;color:#2ecc71}.play-locked-sub{font-size:.9rem;color:#fff6;margin:0}.play-buzzer-wrap{flex:1;display:flex;align-items:center;justify-content:center}.play-buzzer-btn{position:relative;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff416c,#e74c3c,#c0392b);border:8px solid rgba(255,255,255,.15);color:#fff;font-size:2.5rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #e74c3c66,0 12px 40px #e74c3c66,inset 0 -4px 12px #0003;animation:playBuzzerPulse 1.5s ease-in-out infinite;transition:transform .15s}.play-buzzer-btn:active{transform:scale(.88);box-shadow:0 0 #e74c3c00,0 4px 16px #e74c3c80,inset 0 2px 8px #0000004d}.play-buzzer-ring{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border:3px solid rgba(231,76,60,.3);border-radius:50%;animation:playBuzzerRing 1.5s ease-out infinite}.play-buzzer-ring--2{animation-delay:.75s}@keyframes playBuzzerPulse{0%,to{box-shadow:0 0 #e74c3c66,0 12px 40px #e74c3c66,inset 0 -4px 12px #0003}50%{box-shadow:0 0 0 16px #e74c3c00,0 12px 60px #e74c3c80,inset 0 -4px 12px #0003}}@keyframes playBuzzerRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.play-buzzer-label{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.1em}.play-buzzed{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;animation:playPopIn .4s cubic-bezier(.16,1,.3,1)}.play-buzzed-icon{animation:playBuzzedFlash .6s ease}@keyframes playBuzzedFlash{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.play-buzzed-title{font-size:1.75rem;font-weight:800;margin:0;color:#f1c40f}.play-buzzed-sub{font-size:.95rem;color:#ffffff73;margin:0}.play-results{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;animation:playPopIn .4s cubic-bezier(.16,1,.3,1);border-radius:24px;margin:8px 0}.play-results--correct{background:radial-gradient(ellipse at center,rgba(46,204,113,.12) 0%,transparent 70%)}.play-results--wrong{background:radial-gradient(ellipse at center,rgba(231,76,60,.1) 0%,transparent 70%)}@keyframes playPopIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.play-results-emoji{font-size:5rem;line-height:1;animation:playEmojiPop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes playEmojiPop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.play-results-title{font-size:1.75rem;font-weight:900;margin:0}.play-results--correct .play-results-title{color:#2ecc71}.play-results--wrong .play-results-title{color:#e74c3c}.play-results-points{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.25rem 0;animation:playPointsCount .5s ease-out}@keyframes playPointsCount{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.play-results-streak{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#ff9d0033,#ec489933);border:1px solid rgba(255,157,0,.3);border-radius:100px;font-weight:800;font-size:.95rem;color:#ff9d00;animation:playStreakBounce .5s cubic-bezier(.175,.885,.32,1.275) .3s both}@keyframes playStreakBounce{0%{transform:scale(0)}to{transform:scale(1)}}.play-streak-fire{font-size:1.2rem}.play-confetti-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.play-confetti-strip{position:absolute;width:200%;height:120px;opacity:.08;animation:playConfettiSlide 4s linear infinite}.play-confetti-strip--1{top:15%;left:-50%;background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4,#8b5cf6);transform:rotate(-8deg);animation-duration:6s}.play-confetti-strip--2{top:50%;left:-50%;background:linear-gradient(90deg,#ec4899,#f1c40f,#2ecc71,#ec4899);transform:rotate(5deg);animation-duration:8s;animation-delay:-2s}.play-confetti-strip--3{top:80%;left:-50%;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#e74c3c,#06b6d4);transform:rotate(-3deg);animation-duration:7s;animation-delay:-4s}@keyframes playConfettiSlide{0%{transform:translate(0) rotate(var(--r, -5deg))}to{transform:translate(-50%) rotate(var(--r, -5deg))}}.play-end-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.play-end-badge{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:.25rem;animation:playBadgePop .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes playBadgePop{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1) rotate(0)}}.play-end-title{font-size:1.25rem;font-weight:800;margin:0;color:#ffffff80;text-transform:uppercase;letter-spacing:.15em}.play-end-score{display:flex;flex-direction:column;align-items:center;gap:2px;margin:.75rem 0}.play-end-score-value{font-size:2.5rem;font-weight:900;color:#fff}.play-end-score-label{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.15em}@media (max-width: 400px){.play-options-grid{gap:8px}.play-option{padding:12px 8px;font-size:.9rem;border-radius:16px}.play-buzzer-btn{width:180px;height:180px;font-size:2rem}}@media (min-width: 600px){.play-options-grid{max-width:500px;margin:0 auto;align-self:center;width:100%}.play-option{padding:24px 16px;font-size:1.1rem}}.display-screen{width:100vw;height:100vh;background:#0f0a1e;color:#f0ecff;overflow:hidden;display:flex;flex-direction:column;position:relative;font-family:inherit}.display-error{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0a1e;color:#ef4444;font-size:2rem;font-weight:800}.lobby{justify-content:space-between;align-items:center;padding:60px 80px;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(236,72,153,.06) 0%,transparent 50%),#0f0a1e}.lobby-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.lobby-bg-orb.orb-1{width:500px;height:500px;top:-150px;left:-100px;background:#8b5cf61f;animation:orbFloat 12s ease-in-out infinite}.lobby-bg-orb.orb-2{width:400px;height:400px;bottom:-100px;right:-80px;background:#ec48991a;animation:orbFloat 15s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.lobby-top{text-align:center;z-index:1}.lobby-title{font-size:4.5rem;font-weight:900;letter-spacing:2px;color:#f0ecff;margin:0}.lobby-title span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-center{z-index:1}.lobby-join-card{display:flex;align-items:center;gap:60px;background:#1a103580;border:1px solid rgba(139,92,246,.15);border-radius:32px;padding:40px 60px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.lobby-qr-wrap{flex-shrink:0}.lobby-qr-img{width:240px;height:240px;border-radius:24px;padding:16px;background:#fff;display:block}.lobby-join-info{display:flex;flex-direction:column;gap:24px}.lobby-url{font-size:1.3rem;color:#06b6d4;font-weight:600;word-break:break-all}.lobby-code-section{display:flex;flex-direction:column}.lobby-code-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#e2e0f066}.lobby-code-value{font-size:6rem;font-weight:900;letter-spacing:10px;line-height:1;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.lobby-players-area{text-align:center;z-index:1;max-width:80vw}.lobby-players-label{margin-bottom:16px}.lobby-players-label span{font-size:1.3rem;font-weight:700;color:#e2e0f080}.lobby-player-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.lobby-player-pill{display:inline-block;padding:10px 22px;border-radius:50px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);color:#c084fc;font-weight:700;font-size:1.15rem;animation:pillPopIn .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes pillPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.lobby-footer{text-align:center;z-index:1}.lobby-waiting{font-size:1.4rem;color:#e2e0f059;font-weight:600}.dot-anim span{animation:dotBlink 1.4s infinite}.dot-anim span:nth-child(2){animation-delay:.2s}.dot-anim span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,60%,to{opacity:0}30%{opacity:1}}.question-screen{padding:40px 60px;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.06) 0%,transparent 60%),#0f0a1e}.question-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-shrink:0}.q-progress-pill{padding:10px 24px;border-radius:50px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);color:#c084fc;font-weight:700;font-size:1.1rem;letter-spacing:.5px}.timer-ring{width:100px;height:100px;position:relative;flex-shrink:0}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:#8b5cf61f;stroke-width:6}.timer-ring-fill{fill:none;stroke:#8b5cf6;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.timer-ring.danger .timer-ring-fill{stroke:#ef4444}.timer-ring.danger .timer-text{color:#ef4444}.timer-ring.danger{animation:timerShake .5s infinite}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;color:#f0ecff}@keyframes timerShake{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.question-center{text-align:center;margin-bottom:40px;flex-shrink:0}.question-cat-badge{display:inline-block;padding:6px 20px;border-radius:50px;background:linear-gradient(135deg,#8b5cf626,#ec48991a);color:#c084fc;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px}.question-display-text{font-size:4rem;font-weight:800;line-height:1.15;margin:0;color:#f0ecff}.buzzer-splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0a1ed9;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.buzzer-splash{position:relative;display:flex;align-items:center;justify-content:center}.buzzer-splash-ring{position:absolute;width:450px;height:450px;border-radius:50%;border:4px solid rgba(251,191,36,.3);animation:buzzerRingExpand 1.5s ease-out infinite}.buzzer-splash-ring.ring-2{animation-delay:.4s}@keyframes buzzerRingExpand{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}.buzzer-splash-content{text-align:center;z-index:1;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:50px 100px;border-radius:40px;box-shadow:0 0 100px #fbbf2466,0 0 200px #fbbf2426;animation:buzzerBounceIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes buzzerBounceIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.buzzer-splash-label{font-size:1.8rem;font-weight:800;color:#00000080;letter-spacing:4px;margin-bottom:8px}.buzzer-splash-name{font-size:5rem;font-weight:900;color:#0f0a1e;line-height:1}.options-grid-display{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0}.option-display-card{display:flex;align-items:center;gap:24px;padding:32px 40px;border-radius:24px;background:#1a103580;border:1px solid rgba(139,92,246,.1);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.option-display-border{position:absolute;left:0;top:0;bottom:0;width:8px;border-radius:24px 0 0 24px}.option-display-letter{font-size:2.8rem;font-weight:900;color:#f0ecff26;flex-shrink:0;margin-left:16px}.option-display-text{font-size:2.2rem;font-weight:700;color:#f0ecff;line-height:1.2}.option-display-card.correct{transform:scale(1.03);border-color:#22c55e80;background:#22c55e1f;box-shadow:0 0 50px #22c55e26}.option-display-card.dimmed{opacity:.3;transform:scale(.97)}.option-vote-bar{position:absolute;bottom:0;left:0;right:0;height:6px;background:#ffffff0d;border-radius:0 0 24px 24px;overflow:hidden}.option-vote-fill{height:100%;border-radius:0 0 0 24px;transition:width .6s cubic-bezier(.4,0,.2,1)}.option-vote-count{position:absolute;right:20px;transform:translateY(-50%);font-size:1.1rem;font-weight:800;color:#f0ecff99;top:20px;transform:none}.leaderboard-screen{justify-content:center;align-items:center;padding:60px 80px;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.08) 0%,transparent 50%),#0f0a1e}.lb-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.lb-orb-1{width:400px;height:400px;top:10%;left:50%;transform:translate(-50%);background:#8b5cf61a}.lb-title{font-size:4rem;font-weight:900;text-align:center;margin:0 0 50px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1}.lb-list{width:100%;max-width:900px;display:flex;flex-direction:column;gap:14px;z-index:1}.lb-row{display:flex;align-items:center;gap:24px;background:#1a103580;border:1px solid rgba(139,92,246,.1);border-radius:24px;padding:22px 40px;font-size:2.2rem;animation:lbSlideIn .5s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes lbSlideIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.lb-rank-circle{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.6rem;flex-shrink:0}.lb-rank-circle.rank-color-0{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f0a1e}.lb-rank-circle.rank-color-1{background:linear-gradient(135deg,#94a3b8,#64748b);color:#0f0a1e}.lb-rank-circle.rank-color-2{background:linear-gradient(135deg,#d97706,#b45309);color:#0f0a1e}.lb-rank-circle.rank-color-3,.lb-rank-circle.rank-color-4{background:#8b5cf626;color:#c084fc}.lb-name{flex:1;font-weight:800;color:#f0ecff}.lb-score{font-weight:800;color:#06b6d4;font-variant-numeric:tabular-nums}.podium-screen{justify-content:center;align-items:center;padding:60px 80px;background:radial-gradient(ellipse at 50% 40%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(236,72,153,.06) 0%,transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(251,191,36,.05) 0%,transparent 40%),#0f0a1e}.podium-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(139,92,246,.03) 0%,rgba(236,72,153,.03) 50%,transparent 100%);pointer-events:none}.podium-title{font-size:4.5rem;font-weight:900;margin:0 0 60px;background:linear-gradient(135deg,#fbbf24,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1;animation:podiumTitleGlow 3s ease-in-out infinite}@keyframes podiumTitleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:24px;z-index:1;margin-bottom:50px}.podium-col{display:flex;flex-direction:column;align-items:center;animation:podiumRise .8s cubic-bezier(.4,0,.2,1) both}.podium-1st{animation-delay:.3s}.podium-2nd{animation-delay:.1s}.podium-3rd{animation-delay:.5s}@keyframes podiumRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.podium-player-card{text-align:center;margin-bottom:16px}.podium-player-avatar{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2rem;margin:0 auto 12px;color:#0f0a1e}.podium-player-avatar.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 30px #fbbf244d}.podium-player-avatar.silver{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 8px 30px #94a3b833}.podium-player-avatar.bronze{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 30px #d9770633}.podium-player-name{font-size:1.6rem;font-weight:800;color:#f0ecff;margin-bottom:4px}.podium-player-score{font-size:1.1rem;font-weight:700;color:#06b6d4}.podium-block{display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0;font-weight:900;color:#f0ecff99}.podium-place{font-size:1.8rem;letter-spacing:2px}.block-1st{width:200px;height:200px;background:linear-gradient(180deg,#fbbf2433,#fbbf240d);border:1px solid rgba(251,191,36,.2);border-bottom:none}.block-2nd{width:180px;height:150px;background:linear-gradient(180deg,#94a3b826,#94a3b808);border:1px solid rgba(148,163,184,.15);border-bottom:none}.block-3rd{width:180px;height:110px;background:linear-gradient(180deg,#d9770626,#d9770608);border:1px solid rgba(217,119,6,.15);border-bottom:none}.podium-footer{font-size:1.2rem;color:#e2e0f04d;z-index:1}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@media (max-width: 1200px){.question-display-text{font-size:3rem}.option-display-text{font-size:1.6rem}.option-display-letter{font-size:2rem}.lobby-code-value{font-size:4.5rem}.lobby-qr-img{width:180px;height:180px}.lobby-join-card{padding:30px 40px;gap:40px}}@media (max-width: 800px){.lobby{padding:40px}.lobby-join-card{flex-direction:column;gap:24px;padding:24px}.question-display-text{font-size:2.2rem}.options-grid-display{grid-template-columns:1fr}.podium-stage{gap:12px}.block-1st{width:140px;height:140px}.block-2nd{width:120px;height:100px}.block-3rd{width:120px;height:70px}}.st-display{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden;font-family:Segoe UI,Inter,system-ui,sans-serif}.st-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.st-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#0ff;opacity:0;animation:dotTwinkle 3s ease-in-out infinite}@keyframes dotTwinkle{0%,to{opacity:0}50%{opacity:.6}}.st-sidebar-left,.st-sidebar-right{position:absolute;top:0;bottom:0;width:60px;display:flex;flex-direction:column;gap:16px;padding:20px 10px;z-index:2}.st-sidebar-left{left:0}.st-sidebar-right{right:0}.st-bar{flex:1;border-radius:8px;border:3px solid;position:relative;overflow:hidden}.st-bar:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:4px;opacity:.4}.st-bar-red{border-color:#e74c3c;box-shadow:0 0 20px #e74c3c80,inset 0 0 20px #e74c3c26}.st-bar-red:after{background:#e74c3c}.st-bar-blue{border-color:#3498db;box-shadow:0 0 20px #3498db80,inset 0 0 20px #3498db26}.st-bar-blue:after{background:#3498db}.st-bar-yellow{border-color:#f1c40f;box-shadow:0 0 20px #f1c40f80,inset 0 0 20px #f1c40f26}.st-bar-yellow:after{background:#f1c40f}.st-bar-green{border-color:#2ecc71;box-shadow:0 0 20px #2ecc7180,inset 0 0 20px #2ecc7126}.st-bar-green:after{background:#2ecc71}.st-frame{position:absolute;top:16px;bottom:16px;left:72px;right:72px;border:3px solid #f59e0b;border-radius:16px;box-shadow:0 0 15px #f59e0b66,0 0 40px #f59e0b26,inset 0 0 15px #f59e0b14;display:flex;flex-direction:column;z-index:1;overflow:hidden}.st-header{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 32px;flex-shrink:0}.st-title-text{font-size:4rem;font-weight:900;letter-spacing:8px;color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.8),0 0 30px rgba(245,158,11,.4),0 0 60px rgba(245,158,11,.2)}.st-timer-ring{width:100px;height:100px;border-radius:50%;border:4px solid #f59e0b;box-shadow:0 0 15px #f59e0b99,inset 0 0 15px #f59e0b26;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .3s,box-shadow .3s}.st-timer-ring.danger{border-color:#ef4444;box-shadow:0 0 20px #ef4444b3,inset 0 0 15px #ef444433;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.st-timer-number{font-size:2.8rem;font-weight:900;color:#f1c40f;text-shadow:0 0 10px rgba(241,196,15,.8);font-variant-numeric:tabular-nums}.st-timer-ring.danger .st-timer-number{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8)}.st-content{flex:1;display:flex;flex-direction:column;padding:0 32px 16px;position:relative}.st-question-area{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 0;flex-shrink:0}.st-question-text{font-size:2.4rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3);line-height:1.3}.st-points-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#fff;flex-shrink:0}.st-points-label{font-size:.65rem;font-weight:700;color:#333;text-transform:uppercase}.st-points-value{font-size:1.8rem;font-weight:900;color:#111;line-height:1}.st-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;max-height:300px}.st-option{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:20px;cursor:default;transition:all .15s ease;border:3px solid rgba(0,0,0,.3);box-shadow:inset 0 -4px #0000004d}.st-option-text{font-size:1.8rem;font-weight:800;color:#fff;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.st-option-correct-flash{animation:correctFlash .4s ease;box-shadow:0 0 30px #2ecc71cc,inset 0 -4px #0000004d;border-color:#fff;transform:scale(1.03)}.st-option-wrong-flash{animation:wrongFlash .5s ease;opacity:.4;transform:scale(.95)}.st-option-dim{opacity:.3;transform:scale(.97)}@keyframes correctFlash{0%{filter:brightness(1)}50%{filter:brightness(1.8)}to{filter:brightness(1)}}@keyframes wrongFlash{0%{filter:brightness(1)}25%{filter:brightness(.3)}50%{filter:brightness(1)}75%{filter:brightness(.3)}to{filter:brightness(.5)}}.st-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-top:auto;background:#0009;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 0 15px #f59e0b33}.st-bottom-info{display:flex;flex-direction:column;gap:2px}.st-high-score-label{font-size:.85rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.st-high-score-value{font-size:2.2rem;font-weight:900;color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5);font-variant-numeric:tabular-nums}.st-waiting-text{font-size:1.2rem;color:#fff6;font-style:italic}.st-bottom-player{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.st-player-name{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.st-player-score{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);font-variant-numeric:tabular-nums}.st-leaderboard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.st-leaderboard-title{font-size:3.5rem;font-weight:900;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.4),0 0 60px rgba(0,255,255,.2);margin-bottom:30px;letter-spacing:6px}.st-leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;width:100%;max-width:900px}.st-leaderboard-col{display:flex;flex-direction:column;gap:8px}.st-leaderboard-row{display:flex;align-items:center;gap:12px;padding:8px 16px}.st-leaderboard-row.empty{opacity:.2}.st-rank{font-size:1.2rem;font-weight:700;color:#f59e0b;width:30px;text-shadow:0 0 5px rgba(245,158,11,.5)}.st-name{font-size:1.6rem;font-weight:800;color:#fff;flex:1}.st-score{font-size:1.6rem;font-weight:800;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5);font-variant-numeric:tabular-nums}.st-turn-over{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:turnOverFade .5s ease}@keyframes turnOverFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.st-turn-over-reason{font-size:3rem;font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);margin-bottom:20px;letter-spacing:4px}.st-turn-over-name{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3);margin-bottom:10px}.st-turn-over-score{font-size:3.5rem;font-weight:900;color:#f59e0b;text-shadow:0 0 15px rgba(245,158,11,.6);margin-bottom:8px}.st-turn-over-questions{font-size:1.4rem;color:#ffffff80}.st-go-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;animation:goFade 1.2s ease forwards}@keyframes goFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.st-go-text{font-size:12rem;font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 60px rgba(0,255,255,.4),0 0 100px rgba(0,255,255,.2);animation:goZoom 1.2s ease forwards}@keyframes goZoom{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}40%{transform:scale(1)}80%{transform:scale(1)}to{transform:scale(2);opacity:0}}@media (max-width: 1200px){.st-title-text{font-size:3rem;letter-spacing:5px}.st-timer-ring{width:80px;height:80px}.st-timer-number{font-size:2.2rem}.st-question-text{font-size:1.8rem}.st-option-text{font-size:1.4rem}.st-player-name,.st-player-score{font-size:2rem}.st-high-score-value{font-size:1.8rem}}@media (max-width: 800px){.st-sidebar-left,.st-sidebar-right{width:40px;padding:10px 6px}.st-frame{left:50px;right:50px}.st-title-text{font-size:2rem;letter-spacing:3px}.st-timer-ring{width:60px;height:60px}.st-timer-number{font-size:1.6rem}.st-question-text{font-size:1.4rem}.st-option-text{font-size:1.1rem}.st-options-grid{gap:10px}.st-leaderboard-title{font-size:2.5rem}.st-name,.st-score{font-size:1.2rem}.st-go-text{font-size:6rem}}.aw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.aw-modal{background:#1a1035f2;border:1px solid rgba(139,92,246,.2);border-radius:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}.aw-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff6;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;z-index:2}.aw-close:hover{color:#fff;background:#ffffff14}.aw-progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 24px 0}.aw-progress-step{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:all .3s ease}.aw-progress-step.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 12px #8b5cf680;transform:scale(1.2)}.aw-progress-step.completed{background:#8b5cf6}.aw-progress-line{width:32px;height:2px;background:#ffffff14;transition:background .3s ease}.aw-progress-line.completed{background:#8b5cf680}.aw-content{padding:32px}.aw-step-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.aw-step-subtitle{font-size:.9rem;color:#ffffff73;margin:0 0 28px;line-height:1.5}.aw-input-group{margin-bottom:20px}.aw-label{display:block;font-size:.8rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.aw-input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(139,92,246,.15);border-radius:14px;color:#fff;font-size:1rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.aw-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.aw-input::placeholder{color:#ffffff40}.aw-difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.aw-difficulty-card{padding:20px 16px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;text-align:center;transition:all .25s ease}.aw-difficulty-card:hover{background:#ffffff0f}.aw-difficulty-card.selected.easy{border-color:#22c55e;background:#22c55e14;box-shadow:0 0 20px #22c55e26}.aw-difficulty-card.selected.medium{border-color:#eab308;background:#eab30814;box-shadow:0 0 20px #eab30826}.aw-difficulty-card.selected.hard{border-color:#ef4444;background:#ef444414;box-shadow:0 0 20px #ef444426}.aw-difficulty-icon{font-size:1.8rem;margin-bottom:8px}.aw-difficulty-name{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}.aw-difficulty-desc{font-size:.75rem;color:#fff6;line-height:1.4}.aw-count-options{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.aw-count-btn{padding:14px 28px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:40px;color:#fff9;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease;min-width:70px}.aw-count-btn:hover{border-color:#8b5cf666;color:#fff}.aw-count-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff;box-shadow:0 4px 20px #8b5cf666;transform:scale(1.05)}.aw-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;min-height:200px}.aw-spinner{width:56px;height:56px;border-radius:50%;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;animation:aw-spin .8s linear infinite;margin-bottom:24px}@keyframes aw-spin{to{transform:rotate(360deg)}}.aw-loading-text{font-size:1rem;color:#fff9;text-align:center;line-height:1.5}.aw-loading-topic{color:#8b5cf6;font-weight:600}.aw-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0}.aw-success-icon{width:72px;height:72px;border-radius:50%;background:#22c55e1f;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:aw-pop .4s ease}@keyframes aw-pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.aw-success-icon svg{width:36px;height:36px;color:#22c55e}.aw-success-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px}.aw-success-meta{font-size:.9rem;color:#ffffff73;margin-bottom:28px}.aw-success-actions{display:flex;gap:12px;width:100%}.aw-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;min-height:200px;justify-content:center}.aw-error-icon{width:56px;height:56px;border-radius:50%;background:#ef44441f;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.6rem}.aw-error-text{font-size:.95rem;color:#fff9;margin-bottom:20px;line-height:1.5}.aw-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.aw-actions-right{margin-left:auto}.aw-btn-primary{padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.aw-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #8b5cf680}.aw-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.aw-btn-primary.full-width{width:100%;flex:1}.aw-btn-secondary{padding:12px 28px;background:#ffffff0a;border:1px solid rgba(139,92,246,.2);color:#ffffffb3;border-radius:14px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.aw-btn-secondary:hover{border-color:#8b5cf666;color:#fff;background:#ffffff0f}.aw-btn-secondary.full-width{width:100%;flex:1}.aw-btn-back{padding:12px 20px;background:none;border:none;color:#ffffff73;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color .2s ease}.aw-btn-back:hover{color:#fff}@media (max-width: 560px){.aw-modal{max-width:100%;border-radius:20px}.aw-content{padding:24px 20px}.aw-difficulty-grid{grid-template-columns:1fr;gap:10px}.aw-count-options{flex-wrap:wrap}.aw-count-btn{padding:12px 22px}.aw-success-actions{flex-direction:column}}.ql-page{padding:40px;max-width:1200px;margin:0 auto;min-height:100vh;background:#0f0a1e;color:#e2e0ea}.ql-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.ql-header-left{display:flex;flex-direction:column;gap:8px}.ql-back-link{display:inline-flex;align-items:center;gap:6px;color:#fff6;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s ease}.ql-back-link:hover{color:#8b5cf6}.ql-title{font-size:2.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em}.ql-title span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ql-header-actions{display:flex;gap:12px;align-items:center}.ql-btn-ai{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#8b5cf614;border:1px solid rgba(139,92,246,.25);color:#ffffffbf;border-radius:16px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.ql-btn-ai:hover{border-color:#8b5cf6;color:#fff;background:#8b5cf626;transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf633}.ql-btn-new{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.ql-btn-new:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.ql-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.ql-card{background:#1a103599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);padding:24px;border-radius:20px;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1)}.ql-card:hover{transform:translateY(-6px) scale(1.01);border-color:#8b5cf666;box-shadow:0 20px 40px #0006,0 0 30px #8b5cf626}.ql-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.ql-card-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.3}.ql-card-badges{display:flex;gap:6px;flex-shrink:0}.ql-badge{padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ql-badge-ai{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.ql-badge-diff.ql-badge-easy{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.ql-badge-diff.ql-badge-medium{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.25)}.ql-badge-diff.ql-badge-hard{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.ql-card-desc{color:#ffffff73;font-size:.9rem;line-height:1.5;margin:0 0 20px;flex-grow:1}.ql-card-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(139,92,246,.1)}.ql-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#fff6}.ql-meta-item svg{opacity:.6}.ql-card-actions{display:flex;gap:8px}.ql-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease;text-decoration:none;background:transparent}.ql-action-edit,.ql-action-dup{border:1px solid rgba(139,92,246,.2);color:#fff9}.ql-action-edit:hover,.ql-action-dup:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf614}.ql-action-del{border:1px solid rgba(239,68,68,.2);color:#ef444499;margin-left:auto}.ql-action-del:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.ql-empty{text-align:center;padding:100px 20px;display:flex;flex-direction:column;align-items:center}.ql-empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#8b5cf61a;color:#8b5cf6;margin-bottom:28px}.ql-empty h2{font-size:1.6rem;color:#fff;margin:0 0 12px;font-weight:700}.ql-empty p{color:#fff6;margin:0 0 32px;font-size:1rem}.ql-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.ql-loading p{color:#fff6;font-size:.95rem}.ql-spinner{width:44px;height:44px;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;border-radius:50%;animation:ql-spin .8s linear infinite}@keyframes ql-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.ql-page{padding:24px 16px}.ql-header{flex-direction:column;align-items:flex-start;gap:20px}.ql-title{font-size:2rem}.ql-grid{grid-template-columns:1fr}.ql-card-actions{flex-wrap:wrap}}.qb-page{padding:24px 40px;background:#0f0a1e;min-height:100vh;color:#e2e0ea}.qb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;max-width:1200px;margin-left:auto;margin-right:auto}.qb-header-left{display:flex;flex-direction:column;gap:6px}.qb-back-link{display:inline-flex;align-items:center;gap:6px;color:#fff6;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s ease}.qb-back-link:hover{color:#8b5cf6}.qb-title{font-size:1.8rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em}.qb-title span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qb-header-actions{display:flex;gap:12px;align-items:center}.qb-btn-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf614;border:1px solid rgba(139,92,246,.25);color:#ffffffb3;border-radius:14px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qb-btn-toggle:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf61f}.qb-btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.qb-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.qb-btn-save:disabled{opacity:.6;cursor:not-allowed}.qb-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qb-spin .6s linear infinite}@keyframes qb-spin{to{transform:rotate(360deg)}}.qb-content{max-width:1200px;margin:0 auto}.qb-info-card{background:#1a103599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);padding:28px;border-radius:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.qb-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:14px 18px;border-radius:14px;color:#fff;font-size:1rem;transition:all .2s ease;width:100%;box-sizing:border-box}.qb-input:focus{border-color:#8b5cf6;outline:none;background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61a}.qb-input::placeholder{color:#ffffff40}.qb-input-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.qb-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.qb-select option{background:#1a1035;color:#fff}.qb-info-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.qb-import-card{background:#1a103599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);padding:28px;border-radius:20px}.qb-import-header{margin-bottom:20px}.qb-import-header h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 8px}.qb-import-hint{color:#fff6;font-size:.85rem;margin:0;line-height:1.5}.qb-import-hint code{background:#8b5cf626;padding:3px 8px;border-radius:6px;font-size:.8rem;color:#c4b5fd;font-family:SF Mono,Fira Code,monospace}.qb-import-header h3{display:flex;align-items:center;gap:10px}.qb-drop-zone{border:2px dashed rgba(139,92,246,.25);border-radius:16px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0f0a1e80;margin-bottom:16px}.qb-drop-zone:hover,.qb-drop-zone.drag-over{border-color:#8b5cf6;background:#8b5cf614;box-shadow:0 0 30px #8b5cf61a}.qb-drop-zone.has-file{border-style:solid;border-color:#2ecc714d;background:#2ecc710d}.qb-drop-zone-empty{color:#fff6}.qb-drop-zone-empty p{margin:12px 0 4px;font-size:.95rem}.qb-drop-zone-empty strong{color:#fff9}.qb-drop-formats{font-size:.8rem;color:#ffffff40}.qb-drop-zone-file{display:flex;align-items:center;justify-content:center;gap:10px}.qb-file-name{color:#2ecc71;font-weight:600;font-size:.95rem}.qb-file-clear{background:#ffffff14;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s ease}.qb-file-clear:hover{background:#e74c3c33;color:#e74c3c}.qb-import-or{text-align:center;margin:8px 0;color:#fff3;font-size:.8rem;position:relative}.qb-import-or:before,.qb-import-or:after{content:"";position:absolute;top:50%;width:calc(50% - 40px);height:1px;background:#8b5cf626}.qb-import-or:before{left:0}.qb-import-or:after{right:0}.qb-import-settings{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.qb-import-setting{display:flex;align-items:center;gap:8px}.qb-import-setting label{font-size:.85rem;color:#ffffff80;white-space:nowrap}.qb-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.qb-checkbox-label input{display:none}.qb-checkbox-mark{width:18px;height:18px;border:2px solid rgba(139,92,246,.3);border-radius:5px;position:relative;transition:all .2s ease;flex-shrink:0}.qb-checkbox-label input:checked+.qb-checkbox-mark{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent}.qb-checkbox-label input:checked+.qb-checkbox-mark:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.qb-btn-preview{margin-left:auto;padding:8px 20px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qb-btn-preview:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf6;color:#fff}.qb-btn-preview:disabled{opacity:.4;cursor:not-allowed}.qb-column-mapping{background:#0f0a1e80;border:1px solid rgba(139,92,246,.12);border-radius:14px;padding:20px;margin-bottom:16px}.qb-column-mapping h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 6px}.qb-mapping-hint{font-size:.82rem;color:#ffffff59;margin:0 0 16px}.qb-mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.qb-mapping-item{display:flex;flex-direction:column;gap:6px}.qb-mapping-item label{font-size:.82rem;color:#ffffff80;font-weight:600}.qb-required{color:#ec4899;margin-left:2px}.qb-import-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:12px;color:#f87171;font-size:.88rem;margin-bottom:16px}.qb-preview-section{margin-bottom:20px}.qb-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qb-preview-header h4{display:flex;align-items:center;gap:8px;color:#2ecc71;font-size:.95rem;font-weight:700;margin:0}.qb-preview-hint{font-size:.8rem;color:#ffffff4d}.qb-preview-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(139,92,246,.12)}.qb-preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.qb-preview-table thead{background:#8b5cf61a}.qb-preview-table th{padding:10px 14px;text-align:left;color:#fff9;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.qb-preview-table td{padding:10px 14px;border-top:1px solid rgba(139,92,246,.06);color:#ffffffb3}.qb-preview-table tbody tr:hover{background:#8b5cf60d}.qb-preview-num{color:#ffffff4d;font-weight:600;width:40px}.qb-preview-q{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font-weight:500}.qb-preview-correct{color:#2ecc71!important;font-weight:600}.qb-preview-opts{color:#fff6!important}.qb-preview-cat{color:#c4b5fd!important;font-size:.82rem}.qb-import-upload{margin-bottom:16px}.qb-btn-upload{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf614;border:1px dashed rgba(139,92,246,.3);color:#fff9;border-radius:14px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.qb-btn-upload:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf61f}.qb-import-textarea{width:100%;background:#0f0a1ecc;border:1px solid rgba(139,92,246,.15);border-radius:14px;padding:20px;color:#c4b5fd;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;margin-bottom:16px;resize:vertical;line-height:1.6;box-sizing:border-box;transition:border-color .2s ease}.qb-import-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.qb-import-textarea::placeholder{color:#fff3}.qb-btn-import{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.qb-btn-import:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.qb-btn-import:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.qb-builder-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.qb-sidebar{background:#1a103599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);border-radius:20px;padding:20px;position:sticky;top:24px}.qb-sidebar-header{margin-bottom:16px}.qb-sidebar-header h3{font-size:1rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.qb-sidebar-count{background:#8b5cf633;color:#8b5cf6;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.qb-question-list{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.qb-question-list::-webkit-scrollbar{width:4px}.qb-question-list::-webkit-scrollbar-track{background:transparent}.qb-question-list::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}.qb-question-tab{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:none;border-left:3px solid transparent;border-radius:10px;color:#fff6;cursor:pointer;text-align:left;transition:all .2s ease;position:relative}.qb-question-tab:hover{background:#ffffff0f;color:#fff9}.qb-question-tab.active{background:#8b5cf61a;border-left-color:#8b5cf6;color:#fff}.qb-question-tab.filled{color:#ffffffb3}.qb-question-tab.active.filled{color:#fff}.qb-tab-num{font-weight:700;font-size:.8rem;opacity:.5;min-width:20px;text-align:center}.qb-question-tab.active .qb-tab-num{opacity:1;color:#8b5cf6}.qb-tab-preview{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.qb-tab-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4;flex-shrink:0}.qb-btn-add-question{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:1px dashed rgba(139,92,246,.25);color:#fff6;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.qb-btn-add-question:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf60d}.qb-editor-card{background:#1a103599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);padding:32px;border-radius:20px}.qb-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.qb-q-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:700;padding:6px 16px;border-radius:24px;font-size:.85rem;letter-spacing:.02em}.qb-btn-remove{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid rgba(239,68,68,.25);color:#ef4444b3;border-radius:12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qb-btn-remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.qb-question-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;color:#fff;font-size:1.2rem;font-weight:500;margin-bottom:24px;resize:none;line-height:1.5;box-sizing:border-box;transition:all .2s ease}.qb-question-textarea:focus{outline:none;border-color:#8b5cf6;background:#8b5cf60a;box-shadow:0 0 0 3px #8b5cf614}.qb-question-textarea::placeholder{color:#fff3}.qb-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.qb-option{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:4px;transition:all .2s ease}.qb-option.correct{border-color:#22c55e66;background:#22c55e0f;box-shadow:0 0 20px #22c55e0d}.qb-option-toggle{width:42px;height:42px;border-radius:10px;background:#ffffff0d;border:none;color:#ffffff4d;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qb-option-toggle:hover{background:#ffffff14;color:#fff9}.qb-option-toggle.active{background:#22c55e;color:#fff;box-shadow:0 2px 12px #22c55e4d}.qb-option-input{flex-grow:1;background:transparent;border:none;padding:12px;color:#fff;font-size:.95rem}.qb-option-input:focus{outline:none}.qb-option-input::placeholder{color:#fff3}.qb-settings-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.qb-setting{display:flex;flex-direction:column;gap:8px}.qb-setting label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.qb-setting label svg{color:#8b5cf6;opacity:.7}.qb-setting-select,.qb-setting-input{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:.9rem;box-sizing:border-box;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qb-setting-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238b5cf6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.qb-setting-select option{background:#1a1035;color:#fff}.qb-setting-select:focus,.qb-setting-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.qb-setting-input::placeholder{color:#fff3}.qb-explanation-section{display:flex;flex-direction:column;gap:8px}.qb-explanation-label{font-size:.78rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.qb-explanation-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;color:#fffc;font-size:.9rem;resize:none;line-height:1.5;box-sizing:border-box;transition:all .2s ease}.qb-explanation-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.qb-explanation-textarea::placeholder{color:#fff3}@media (max-width: 768px){.qb-page{padding:20px 16px}.qb-header{flex-direction:column;align-items:flex-start;gap:16px}.qb-header-actions{width:100%}.qb-builder-layout{grid-template-columns:1fr}.qb-sidebar{position:static}.qb-options-grid,.qb-settings-row,.qb-info-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #a78bfa;--gold-light: #c4b5fd;--gold-dark: #7c3aed;--black: #0f0a1e;--black-light: #1a1035;--black-lighter: #241748;--white: #f0edf6;--white-muted: #a09bb5;--white-subtle: #6b6580;--purple-deep: #0f0a1e;--purple-base: #1a1035;--purple-mid: #2d1b69;--purple-bright: #8b5cf6;--pink-accent: #ec4899;--cyan-accent: #06b6d4;--blue-accent: #3b82f6;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-glow: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #06b6d4 100%);--gradient-text: linear-gradient(135deg, #c4b5fd 0%, #f0abfc 50%, #67e8f9 100%);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(236, 72, 153, .05) 100%);--success: #34d399;--error: #f87171;--warning: #fbbf24;--bg-dark: #0f0a1e;--bg-card: rgba(26, 16, 53, .6);--bg-card-light: rgba(45, 27, 105, .3);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--border-glow: rgba(139, 92, 246, .3);--border-subtle: rgba(139, 92, 246, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--purple-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--purple-bright),var(--pink-accent));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-light),var(--pink-accent))}*{scrollbar-width:thin;scrollbar-color:var(--purple-bright) var(--purple-deep)}a{text-decoration:none;color:inherit}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}.page-bg{position:relative;min-height:100vh;background:var(--purple-deep);overflow:hidden}.page-bg:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 600px 600px at 20% 20%,rgba(139,92,246,.15) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 30%,rgba(236,72,153,.1) 0%,transparent 70%),radial-gradient(ellipse 400px 400px at 50% 80%,rgba(6,182,212,.08) 0%,transparent 70%);animation:meshFloat 20s ease-in-out infinite;z-index:0;pointer-events:none}.page-bg>*{position:relative;z-index:1}@keyframes meshFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,-3%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-.5deg)}75%{transform:translate(-3%,-1%) rotate(.5deg)}}.diamond-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0}.diamond-divider:before,.diamond-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--purple-bright),transparent)}.diamond-divider span{color:var(--purple-bright);font-size:.75rem;letter-spacing:.2em;animation:pulse 2s ease-in-out infinite}.btn-gold{background:var(--gradient-primary);color:#fff;padding:1rem 2.5rem;font-weight:600;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #8b5cf64d,0 0 #8b5cf600;z-index:1}.btn-gold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa,#f472b6);opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:inherit}.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #8b5cf666,0 0 60px #8b5cf626}.btn-gold:hover:before{opacity:1}.btn-gold:active{transform:translateY(-1px) scale(.98)}.btn-gold:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{background:#8b5cf614;color:var(--gold-light);padding:1rem 2.5rem;font-weight:600;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-glow);border-radius:var(--radius-full);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;border-radius:inherit}.btn-outline:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf640}.btn-outline:hover:before{opacity:1}.btn-outline:hover>*{position:relative;z-index:1}.section-title{font-family:var(--font-display);font-size:2.75rem;font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:-.02em}.section-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--purple-bright);font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.glass-card{background:#1a103580;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 8px 32px #8b5cf61f,inset 0 1px #ffffff0d;transform:translateY(-4px)}.text-gold{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.luxury-input{width:100%;padding:1rem 1.5rem;background:#1a103599;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--white);font-size:1rem;transition:all .3s ease}.luxury-input:focus{border-color:var(--purple-bright);box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf61a}.luxury-input::placeholder{color:var(--white-subtle)}.luxury-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--purple-bright);border-radius:50%;animation:spin .8s cubic-bezier(.45,.05,.55,.95) infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d,0 0 40px #8b5cf61a}50%{box-shadow:0 0 40px #8b5cf680,0 0 80px #8b5cf633}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#8b5cf64d}50%{border-color:#ec489980}}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(139,92,246,.5)}50%{text-shadow:0 0 40px rgba(236,72,153,.5),0 0 80px rgba(139,92,246,.3)}}@keyframes particleFloat1{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px,-800px) rotate(720deg);opacity:0}}@keyframes particleFloat2{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate(-80px,-600px) rotate(-360deg);opacity:0}}@keyframes particleFloat3{0%,to{transform:translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(60px,-900px);opacity:0}}.glass-surface{background:#1a103566;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.gradient-border{position:relative;border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-glow);z-index:-1;opacity:.5;animation:borderGlow 3s ease-in-out infinite}.neon-text{animation:textGlow 3s ease-in-out infinite}@media (max-width: 768px){.section-title{font-size:2rem}.btn-gold,.btn-outline{padding:.875rem 2rem;font-size:.8rem}}