body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0f0a2a;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0a2a;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}.app{min-height:100vh}.app-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#0f0a2ad9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:800;display:flex}.logo-icon{align-items:center;font-size:1.8rem;display:flex}.nav-links{gap:1rem;display:flex}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn.primary{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ef4444 50%,#ec4899 100%);box-shadow:0 4px 20px #f9731659}.btn.primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #f9731680}.btn.primary:active{transform:translateY(0)scale(.98)}.btn.secondary{color:#fffc;background:#ffffff14;border:1px solid #ffffff1f}.btn.secondary:hover{color:#fff;background:#ffffff24}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-large{border-radius:14px;width:100%;padding:1rem 2rem;font-size:1.1rem}.app-main{flex:1}.home-page{text-align:center;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.home-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-bg:before{content:"";background:radial-gradient(circle,#8b5cf62e 0%,#0000 70%);width:80vw;height:80vw;animation:8s ease-in-out infinite bgPulse;position:absolute;top:-40%;left:-20%}.home-bg:after{content:"";background:radial-gradient(circle,#f973161f 0%,#0000 70%);width:70vw;height:70vw;animation:10s ease-in-out infinite reverse bgPulse;position:absolute;bottom:-30%;right:-20%}@keyframes bgPulse{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.1)translate(3%,-3%)}}.floating-icons{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.float-icon{opacity:.12;filter:blur(.5px);font-size:2rem;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh)rotate(0)scale(.8)}10%{opacity:.12}90%{opacity:.12}to{opacity:0;transform:translateY(-10vh)rotate(360deg)scale(1.2)}}.float-icon:first-child{font-size:1.8rem;animation-duration:18s;animation-delay:0s;left:5%}.float-icon:nth-child(2){font-size:2.4rem;animation-duration:22s;animation-delay:-4s;left:15%}.float-icon:nth-child(3){font-size:1.6rem;animation-duration:16s;animation-delay:-8s;left:25%}.float-icon:nth-child(4){font-size:2rem;animation-duration:24s;animation-delay:-2s;left:35%}.float-icon:nth-child(5){font-size:2.2rem;animation-duration:20s;animation-delay:-10s;left:48%}.float-icon:nth-child(6){font-size:1.4rem;animation-duration:17s;animation-delay:-6s;left:58%}.float-icon:nth-child(7){font-size:2.6rem;animation-duration:26s;animation-delay:-14s;left:68%}.float-icon:nth-child(8){font-size:1.8rem;animation-duration:19s;animation-delay:-3s;left:78%}.float-icon:nth-child(9){font-size:2rem;animation-duration:21s;animation-delay:-9s;left:88%}.float-icon:nth-child(10){font-size:1.6rem;animation-duration:23s;animation-delay:-12s;left:95%}.hero{z-index:1;margin-top:5rem;margin-bottom:3rem;position:relative}.hero-badge{color:#fb923c;letter-spacing:.03em;background:#f973161f;border:1px solid #f9731640;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:1.2rem;font-size:3.8rem;font-weight:900;line-height:1.1}.hero h1 .gradient-text{background:linear-gradient(135deg,#f97316 0%,#ef4444 40%,#ec4899 70%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:#ffffff8c;max-width:440px;margin:0 auto;font-size:1.2rem;line-height:1.6}.join-container{z-index:1;width:100%;max-width:440px;padding:0 1rem;position:relative}.join-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:2.5rem 2rem;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0f}.join-card h2{color:#fff;letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.5rem;font-weight:800}.join-card .join-subtitle{color:#fff6;margin-bottom:2rem;font-size:.9rem}.input-group{margin-bottom:1.25rem}.input-group label{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-group input{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:500;transition:all .25s}.input-group input::placeholder{color:#ffffff40}.input-group input:focus{background:#f973160f;border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f973161f}.join-error-toast{background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;animation:.3s ease-out toast-slide-in;display:flex}.join-error-icon{color:#f87171;flex-shrink:0;font-size:1.2rem}.join-error-message{color:#fca5a5;flex:1;font-size:.9rem;line-height:1.4}.join-error-dismiss{color:#fca5a599;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.2rem;line-height:1;transition:color .15s}.join-error-dismiss:hover{color:#fca5a5}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.room-code-input{text-transform:uppercase;letter-spacing:.25em!important;text-align:center!important;font-family:Courier New,monospace!important;font-size:1.3rem!important}.join-divider{color:#fff3;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.8rem;display:flex}.join-divider:before,.join-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.how-it-works{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:820px;margin-top:5rem;padding:0 1rem;display:grid;position:relative}.step-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:2rem 1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.step-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#ffffff05 100%);border-radius:20px;transition:opacity .35s;position:absolute;inset:0}.step-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.step-card:hover:before{opacity:1}.step-number{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:1rem;font-size:.9rem;font-weight:800;display:inline-flex}.step-card:first-child .step-number{color:#fb923c;background:#f9731626}.step-card:nth-child(2) .step-number{color:#c084fc;background:#a855f726}.step-card:nth-child(3) .step-number{color:#4ade80;background:#22c55e26}.step-icon{margin-bottom:1rem;font-size:2.4rem;display:block}.step-card h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.step-card p{color:#fff6;font-size:.9rem;line-height:1.6}.stats-ribbon{z-index:1;gap:3rem;margin-top:4rem;padding:2rem 0 3rem;display:flex;position:relative}.stat-item{text-align:center}.stat-value{color:#fff;letter-spacing:-.02em;font-size:2rem;font-weight:900}.stat-value .stat-accent{background:linear-gradient(135deg,#f97316,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.8rem;font-weight:600}.quiz-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;max-width:800px;min-height:600px;margin:2rem auto;padding:2rem;box-shadow:0 20px 60px #0006}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.connection-warning{color:#fb923c;text-align:center;background:#fb923c26;border:1px solid #fb923c66;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite pulse-warning}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.room-badge,.player-badge{color:#fffc;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.player-badge img{vertical-align:middle;border-radius:50%;width:28px;height:28px;margin-right:.5rem}.quiz-progress{color:#ffffff80;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.progress-bar{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f97316 0%,#ec4899 100%);border-radius:4px;height:100%;transition:width .5s}.quiz-timer{color:#fb923c;background:#f973161a;border:1px solid #f9731633;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;font-weight:700;display:flex}.quiz-question{border-bottom:1px solid #ffffff0f;margin-bottom:2rem;padding-bottom:2rem}.quiz-question h2{color:#fff;font-size:1.5rem;line-height:1.6}.quiz-options{flex-direction:column;gap:.75rem;display:flex}.option-btn{color:#fffc;text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:14px;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;transition:all .25s}.option-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.option-btn.selected{color:#fff;background:#f9731626;border-color:#f97316}.leaderboard-page{max-width:900px;margin:0 auto}.leaderboard-table{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.leaderboard-table table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{text-align:left;color:#ffffffb3;border-bottom:1px solid #ffffff0a;padding:1rem}.leaderboard-table th{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;font-size:.8rem;font-weight:700}.leaderboard-table tr:last-child td{border-bottom:none}.rank-number{color:#fb923c;font-weight:800}.first-place{font-size:1.5rem}.player-status{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.player-status.waiting{color:#fbbf24;background:#fbbf2426}.player-status.ready{color:#4ade80;background:#4ade8026}.player-status.playing{color:#60a5fa;background:#60a5fa26}.player-status.finished{color:#fff6;background:#ffffff14}@media (width<=768px){.hero{margin-top:3rem}.hero h1{font-size:2.4rem}.hero p{font-size:1rem}.how-it-works{grid-template-columns:1fr;gap:1rem;margin-top:3rem}.step-card{padding:1.5rem}.join-card{padding:2rem 1.5rem}.app-nav{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.stats-ribbon{flex-wrap:wrap;justify-content:center;gap:1.5rem}.quiz-container{margin:1rem;padding:1.25rem}.quiz-question h2{font-size:1.2rem}.option-btn{padding:1rem}.answer-grid{grid-template-columns:1fr}}.quiz-waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.quiz-waiting h2{color:#ffffffb3;margin-top:1.5rem;font-size:1.3rem}.waiting-spinner{border:4px solid #f9731633;border-top-color:#f97316;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.score-display{color:#ffffff80;margin-top:1rem;font-size:1rem}.score-display strong{color:#fb923c;font-size:1.2rem}.quiz-completed{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.quiz-completed h2{color:#fff;margin-bottom:2rem;font-size:2rem}.final-score{background:#f973161a;border:1px solid #f973164d;border-radius:20px;margin-bottom:2rem;padding:2rem 3rem}.final-score p{color:#ffffff80;margin-bottom:.5rem;font-size:.9rem}.final-score h1{color:#fb923c;font-size:4rem;font-weight:900}.question-image-player{border:1px solid #ffffff1a;border-radius:14px;margin-bottom:1.25rem;overflow:hidden}.question-image-player img{object-fit:cover;width:100%;max-height:300px;display:block}.points-badge{color:#fb923c;background:#f9731626;border-radius:8px;margin-top:.75rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.timer-urgent{animation:.8s infinite pulse-urgent;color:#ef4444!important;background:#ef444426!important;border-color:#ef44444d!important}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.answer-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.answer-btn{cursor:pointer;text-align:left;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.answer-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.answer-btn:disabled{cursor:default}.answer-btn.answer-selected{background:#60a5fa26;border-color:#60a5fa}.answer-btn.answer-correct{background:#4ade8026;border-color:#4ade80}.answer-btn.answer-wrong{background:#ef444426;border-color:#ef4444}.answer-btn.answer-locked{opacity:.6}.answer-letter{color:#ffffffb3;background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.answer-text{color:#ffffffd9;font-size:1rem;font-weight:600}.answer-feedback{text-align:center;border-radius:12px;margin-bottom:.5rem;padding:1rem 1.5rem;font-weight:700}.feedback-main{margin-bottom:.5rem;font-size:1.2rem}.feedback-correct{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.feedback-wrong{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.streak-lost{opacity:.7;margin-top:.25rem;font-size:.85rem}.score-breakdown{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.breakdown-item{flex-direction:column;align-items:center;gap:.1rem;display:flex}.breakdown-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.breakdown-value{font-weight:800}.speed-bonus .breakdown-value{color:#60a5fa}.streak-bonus .breakdown-value{color:#fbbf24}.breakdown-total{margin-left:.5rem;font-size:1.1rem;font-weight:900}.answer-btn.answer-reveal-correct{background:#4ade801f;border-color:#4ade80;opacity:1!important}.answer-btn.answer-reveal-correct .answer-letter{color:#4ade80;background:#4ade804d}.streak-display{color:#fbbf24;margin-top:.5rem;font-size:1.1rem;font-weight:700}.streak-fire{font-size:1.3rem}.streak-badge{color:#fbbf24;margin-left:.5rem;font-size:.85rem}.rank-badge{color:#c084fc;cursor:pointer;background:#a855f726;border:1px solid #a855f74d;border-radius:10px;padding:.5rem .75rem;font-size:.9rem;font-weight:800;transition:all .2s}.rank-badge:hover{background:#a855f740}.waiting-leaderboard{width:100%;max-width:400px;margin-top:2rem}.waiting-leaderboard h3{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.85rem}.my-rank{color:#c084fc;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.mini-leaderboard{flex-direction:column;gap:.5rem;display:flex}.mini-lb-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .8rem;transition:all .2s;display:flex}.mini-lb-row.mini-lb-me{background:#f973161a;border-color:#f9731640}.mini-lb-rank{text-align:center;min-width:28px;font-size:.9rem;font-weight:800}.mini-lb-avatar{border-radius:50%;width:24px;height:24px}.mini-lb-name{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.mini-lb-score{color:#fb923c;font-size:.9rem;font-weight:800}.mini-lb-streak{color:#fbbf24;font-size:.8rem}.inline-leaderboard{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-top:1rem;padding:1rem}.inline-leaderboard h3{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem}.team-lobby{max-width:600px;margin:0 auto;padding:1rem}.team-lobby-content{text-align:center}.team-lobby-content h2{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.team-lobby-subtitle{color:#ffffff80;margin-bottom:1.5rem}.team-empty-hint{color:#fff6;margin:1.5rem 0;font-style:italic}.team-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.team-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-left:4px solid;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.team-card-header{align-items:center;gap:.5rem;display:flex}.team-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.team-card-name{color:#fff;flex:1;font-size:1rem;font-weight:700}.team-card-count{color:#fff6;font-size:.8rem}.team-card-members{align-items:center;gap:.25rem;display:flex}.team-member-avatar{border:2px solid #ffffff1a;border-radius:50%;width:28px;height:28px}.team-member-more{color:#fff6;margin-left:.25rem;font-size:.75rem}.btn-join-team{align-self:flex-end;padding:.4rem 1.2rem;font-size:.85rem}.btn-create-team{margin-top:.5rem}.team-create-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.team-create-form input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex:1;min-width:150px;padding:.6rem 1rem;font-size:.9rem}.team-create-form input:focus{border-color:#f97316;outline:none}.team-badge{border:1px solid;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.team-leaderboard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-top:1rem;padding:1rem}.team-leaderboard h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.team-lb-list{flex-direction:column;gap:.4rem;display:flex}.team-lb-row{background:#ffffff05;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.team-lb-row.team-lb-me{background:#f973161f;border:1px solid #f9731640}.team-lb-rank{text-align:center;min-width:2rem;font-weight:700}.team-lb-name{color:#fff;flex:1;font-weight:600}.team-lb-score{color:#f97316;font-size:.85rem;font-weight:700}.team-lb-members{color:#ffffff59;font-size:.75rem}.results-team-banner{background:#ffffff0a;border:1px solid;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.results-team-name{color:#fff;font-size:1.1rem;font-weight:700}.results-team-rank{color:#ffffff80;font-size:.85rem}.results-team-score{color:#f97316;font-size:.9rem;font-weight:700}.results-screen{padding:1rem 0}.results-actions{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.share-results-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.share-results-btn:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.share-results-btn:disabled{opacity:.6;cursor:not-allowed}.share-feedback{text-align:center;color:#4ecdc4;margin-top:.75rem;font-size:.9rem;font-weight:600}.results-hero{text-align:center;margin-bottom:2rem}.results-rank{margin-bottom:.5rem;font-size:3rem}.results-hero h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.results-score{background:linear-gradient(135deg,#f97316 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;line-height:1.1}.results-rank-text{color:#ffffff80;margin-top:.5rem;font-size:1rem}.results-stats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.result-stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;min-width:80px;padding:.8rem 1rem}.result-stat-value{color:#fff;font-size:1.1rem;font-weight:800}.result-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.7rem}.results-questions{margin-bottom:2rem}.results-questions h3{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.85rem}.result-question-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:.75rem;padding:1.25rem;position:relative}.result-question-card.rq-correct{border-left:3px solid #4ade80}.result-question-card.rq-wrong{border-left:3px solid #ef4444}.rq-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.rq-number{color:#fff6;font-size:.85rem;font-weight:800}.rq-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.rq-badge-correct{color:#4ade80;background:#4ade8026}.rq-badge-wrong{color:#ef4444;background:#ef444426}.rq-points{color:#fb923c;margin-left:auto;font-size:.85rem;font-weight:700}.rq-text{color:#ffffffd9;margin-bottom:.75rem;font-size:.95rem;font-weight:600;line-height:1.5}.rq-answers{flex-direction:column;gap:.35rem;display:flex}.rq-option{color:#fff9;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.rq-option-letter{color:#ffffff4d;min-width:20px;font-weight:800}.rq-option-correct{color:#4ade80;background:#4ade8014}.rq-option-correct .rq-option-letter{color:#4ade80}.rq-option-wrong{color:#ef4444;background:#ef444414;text-decoration:line-through}.rq-check{color:#4ade80;margin-left:auto;font-weight:800}.rq-cross{color:#ef4444;margin-left:auto;font-weight:800}.rq-bonuses{gap:.5rem;margin-top:.5rem;display:flex}.rq-bonus{color:#fb923c;background:#f973161a;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.rq-time{color:#ffffff4d;font-size:.75rem;font-weight:600;position:absolute;top:1.25rem;right:1.25rem}@media (width<=768px){.results-stats{gap:.4rem}.result-stat{min-width:70px;padding:.6rem .75rem}.results-score{font-size:2.5rem}.quiz-header{flex-wrap:wrap;gap:.5rem}.score-breakdown{gap:.5rem}}.podium-celebration{text-align:center;padding:2rem 1rem;position:relative;overflow:hidden}.podium-title{background:linear-gradient(135deg,#f9ca24,#e67e22);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:900;animation:1.5s ease-in-out infinite podiumTitlePulse}@keyframes podiumTitlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confetti-container{pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.confetti-piece{opacity:.8;border-radius:2px;width:8px;height:8px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(500px)rotate(720deg)}}.podium-stage{justify-content:center;align-items:flex-end;gap:.5rem;max-width:400px;margin:2rem auto;display:flex}.podium-slot{flex-direction:column;flex:1;align-items:center;display:flex}.podium-me .podium-player{border:2px solid #4361ee;box-shadow:0 0 20px #4361ee4d}.podium-player{opacity:0;background:#ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem;padding:.75rem .5rem;animation:.6s ease-out forwards podiumSlideUp;display:flex;transform:translateY(30px)}@keyframes podiumSlideUp{to{opacity:1;transform:translateY(0)}}.podium-emoji{font-size:1.8rem}.podium-avatar{border:2px solid #fff3;border-radius:50%;width:48px;height:48px}.podium-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.85rem;font-weight:700;overflow:hidden}.podium-score{color:#fff9;font-size:.75rem;font-weight:600}.podium-bar{transform-origin:bottom;background:linear-gradient(#4361ee4d,#4361ee1a);border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;padding-bottom:.5rem;animation:.8s ease-out forwards podiumGrow;display:flex;transform:scaleY(0)}@keyframes podiumGrow{to{transform:scaleY(1)}}.podium-label{color:#ffffff80;text-transform:uppercase;font-size:.8rem;font-weight:800}.powerup-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.75rem;display:flex}.btn-powerup{cursor:pointer;border:none;border-radius:20px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:800;transition:all .2s}.btn-fifty-fifty{color:#fff;background:linear-gradient(135deg,#e67e22,#f39c12);box-shadow:0 2px 12px #e67e2266}.btn-fifty-fifty:hover{transform:scale(1.05);box-shadow:0 4px 20px #e67e2299}.btn-double-points{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 12px #e74c3c66}.btn-double-points:hover{transform:scale(1.05);box-shadow:0 4px 20px #e74c3c99}.btn-time-freeze{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 12px #3498db66}.btn-time-freeze:hover{transform:scale(1.05);box-shadow:0 4px 20px #3498db99}.btn-shield{color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 12px #2ecc7166}.btn-shield:hover{transform:scale(1.05);box-shadow:0 4px 20px #2ecc7199}.powerup-used{color:#ffffff59;padding:.5rem 1.2rem;font-size:.8rem;font-style:italic}.powerup-active{color:#ffffffb3;font-style:normal;font-weight:700}.double-points-bonus .breakdown-label{color:#e74c3c}.shield-saved{color:#2ecc71;margin-top:.25rem;font-size:.9rem}.answer-hidden{opacity:.2;pointer-events:none;filter:grayscale();text-decoration:line-through}.activity-feed{text-align:left;max-width:360px;margin-top:1.5rem;margin-left:auto;margin-right:auto}.activity-feed h3{text-transform:uppercase;letter-spacing:.05em;color:#fff6;text-align:center;margin-bottom:.5rem;font-size:.85rem}.feed-list{flex-direction:column;gap:.35rem;display:flex}.feed-item{background:#ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.feed-icon{flex-shrink:0;font-size:.9rem}.feed-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.feed-time{color:#ffffff4d;flex-shrink:0;font-size:.7rem}