:root{--bg-dark:#120e1b;--bg-card:#231d3073;--bg-card-hover:#332a4699;--border-glow:#8e5eed26;--text-primary:#f5f5f5;--text-secondary:#afa7be;--text-muted:#7b738c;--accent-purple:#995af2;--accent-purple-glow:#995af266;--accent-gold:#ffbe1a;--accent-silver:#b6bfc9;--accent-bronze:#cc7033;--kahoot-red:#ef394b;--kahoot-red-dark:#d41125;--kahoot-red-glow:#ef394b59;--kahoot-blue:#007bff;--kahoot-blue-dark:#0063cc;--kahoot-blue-glow:#007bff59;--kahoot-yellow:#ffba0a;--kahoot-yellow-dark:#d69a00;--kahoot-yellow-glow:#ffba0a59;--kahoot-green:#2ecc70;--kahoot-green-dark:#249e57;--kahoot-green-glow:#2ecc7059;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-premium:0 10px 40px -10px #00000080, 0 1px 1px 0 #ffffff0d inset;--shadow-glow:0 0 30px var(--accent-purple-glow)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(circle at 10% 20%,#21084566 0%,#0000 40%),radial-gradient(circle at 90% 80%,#061e3766 0%,#0000 40%),radial-gradient(circle,#1f0a0c33 0%,#0000 60%);position:fixed;inset:0}.ambient-glows{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.glow-bubble{filter:blur(80px);opacity:.15;border-radius:50%;animation:25s ease-in-out infinite alternate float-ambient;position:absolute}.glow-bubble-1{background-color:var(--accent-purple);width:400px;height:400px;animation-duration:20s;top:-100px;right:-100px}.glow-bubble-2{background-color:var(--kahoot-blue);width:500px;height:500px;animation-duration:28s;animation-delay:-5s;bottom:-150px;left:-150px}.glow-bubble-3{background-color:var(--kahoot-red);opacity:.08;width:300px;height:300px;animation-duration:35s;top:50%;left:50%;transform:translate(-50%,-50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:border-color .3s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.glass-panel-hover:hover{border-color:#9a5eed66;transform:translateY(-4px);box-shadow:0 12px 50px -10px #0009,0 0 20px #8a2be226}.btn-primary{font-family:var(--font-heading);letter-spacing:-.01em;background:linear-gradient(135deg, var(--accent-purple) 0%, #7c2bee 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--accent-purple-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s,filter .15s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px #995af280, var(--shadow-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{font-family:var(--font-heading);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.form-input{border-radius:var(--radius-sm);color:var(--text-primary);width:100%;font-size:1rem;font-family:var(--font-body);background:#00000059;border:1px solid #ffffff1a;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow);outline:none}.pin-input{font-family:var(--font-heading);letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:1rem;font-size:2.2rem;font-weight:800}@keyframes float-ambient{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,-50px)scale(1.15)}to{transform:translate(-30px,30px)scale(.9)}}@keyframes pulse-light{0%{transform:scale(1);box-shadow:0 0 10px #ffffff0d}50%{transform:scale(1.02);box-shadow:0 0 20px #8a2be233}to{transform:scale(1);box-shadow:0 0 10px #ffffff0d}}@keyframes enter-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.anim-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) both enter-slide}.anim-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both pop-in}.kahoot-answers-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}@media (width<=600px){.kahoot-answers-grid{grid-template-columns:1fr}}.kahoot-card{border-radius:var(--radius-md);color:#fff;font-size:1.25rem;font-weight:700;font-family:var(--font-heading);border:1px solid #ffffff1a;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000026}.kahoot-card:before{content:"";opacity:.8;z-index:1;background:linear-gradient(#ffffff1a 0%,#0000001a 100%);position:absolute;inset:0}.kahoot-card>*{z-index:2;position:relative}.kahoot-card.red{background-color:var(--kahoot-red);box-shadow:0 8px 25px -5px var(--kahoot-red-glow)}.kahoot-card.blue{background-color:var(--kahoot-blue);box-shadow:0 8px 25px -5px var(--kahoot-blue-glow)}.kahoot-card.yellow{background-color:var(--kahoot-yellow);box-shadow:0 8px 25px -5px var(--kahoot-yellow-glow);color:#160f24}.kahoot-card.green{background-color:var(--kahoot-green);box-shadow:0 8px 25px -5px var(--kahoot-green-glow)}.shape-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:1.25rem;display:flex}.shape-triangle{border-bottom:34px solid;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0}.shape-diamond{background-color:currentColor;width:28px;height:28px;transform:rotate(45deg)}.shape-circle{background-color:currentColor;border-radius:50%;width:32px;height:32px}.shape-square{background-color:currentColor;border-radius:4px;width:30px;height:30px}.student-button{border-radius:var(--radius-md);color:#fff;cursor:pointer;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:120px;transition:transform .1s,box-shadow .15s,filter .1s;display:flex;position:relative;overflow:hidden}.student-button:before{content:"";z-index:1;background:radial-gradient(circle at 50% 30%,#ffffff26 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.student-button>*{z-index:2;position:relative}.student-button:active{filter:brightness(.85);transform:scale(.96)}.student-button.red{background-color:var(--kahoot-red);box-shadow:0 4px 15px var(--kahoot-red-glow)}.student-button.blue{background-color:var(--kahoot-blue);box-shadow:0 4px 15px var(--kahoot-blue-glow)}.student-button.yellow{background-color:var(--kahoot-yellow);box-shadow:0 4px 15px var(--kahoot-yellow-glow);color:#160f24}.student-button.green{background-color:var(--kahoot-green);box-shadow:0 4px 15px var(--kahoot-green-glow)}.student-button.selected{border:4px solid #fff;box-shadow:0 0 25px #ffffff80}.timer-donut{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:#ffffff14;stroke-width:8px}.timer-circle-fill{fill:none;stroke:var(--accent-purple);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer-circle-fill.urgent{stroke:var(--kahoot-red);filter:drop-shadow(0 0 4px var(--kahoot-red-glow))}.timer-text{font-family:var(--font-heading);color:var(--text-primary);font-size:1.8rem;font-weight:800;position:absolute}.leaderboard-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.leaderboard-row{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;padding:.85rem 1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.leaderboard-row.highlight{background:linear-gradient(90deg,#995af226 0%,#ffffff05 100%);border-color:#995af24d}.leaderboard-rank{font-family:var(--font-heading);width:32px;color:var(--text-secondary);font-size:1.1rem;font-weight:800}.leaderboard-name{flex-grow:1;font-size:1.1rem;font-weight:600}.leaderboard-score{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:700}.leaderboard-streak{color:var(--kahoot-yellow);align-items:center;gap:.25rem;margin-left:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.podium-container{justify-content:center;align-items:flex-end;gap:1.5rem;width:100%;max-width:500px;height:250px;margin:3rem auto 1.5rem;display:flex}.podium-step{flex-direction:column;flex:1;align-items:center;transition:height 1s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.podium-pedestal{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#fff;width:100%;font-family:var(--font-heading);box-shadow:var(--shadow-premium);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:flex;position:relative;overflow:hidden}.podium-pedestal:after{content:"";background:linear-gradient(#ffffff0f 0%,#0000 100%);position:absolute;inset:0}.podium-step.first{height:100%}.podium-step.first .podium-pedestal{color:var(--accent-gold);text-shadow:0 0 10px #ffbe1a80;background:linear-gradient(#ffbe1a4d 0%,#cc92001a 100%);border-color:#ffbe1a66;height:160px}.podium-step.second{height:85%}.podium-step.second .podium-pedestal{color:var(--accent-silver);text-shadow:0 0 10px #b6bfc980;background:linear-gradient(#b6bfc933 0%,#b6bfc90d 100%);border-color:#b6bfc94d;height:120px}.podium-step.third{height:70%}.podium-step.third .podium-pedestal{color:var(--accent-bronze);text-shadow:0 0 10px #cc703380;background:linear-gradient(#cc703333 0%,#cc70330d 100%);border-color:#cc70334d;height:90px}.podium-player-name{font-family:var(--font-heading);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;overflow:hidden}.podium-score{color:var(--text-secondary);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.podium-crown{margin-bottom:.15rem;font-size:1.6rem;animation:2s ease-in-out infinite float-crown}@keyframes float-crown{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.bar-chart-container{justify-content:space-around;align-items:flex-end;gap:1.25rem;width:100%;max-width:450px;height:180px;margin:1.5rem auto;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;font-family:var(--font-heading);color:#fff;justify-content:center;align-items:flex-start;min-height:24px;padding-top:.5rem;font-size:1.1rem;font-weight:800;transition:height 1.2s cubic-bezier(.16,1,.3,1);display:flex}.chart-bar.red{background-color:var(--kahoot-red)}.chart-bar.blue{background-color:var(--kahoot-blue)}.chart-bar.yellow{background-color:var(--kahoot-yellow);color:#160f24}.chart-bar.green{background-color:var(--kahoot-green)}.chart-symbol{opacity:.8;margin-top:.5rem}dialog{background:0 0;border:none;outline:none;margin:auto;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color .3s ease-out, backdrop-filter .3s ease-out, display .3s allow-discrete, overlay .3s allow-discrete;background-color:#0a081400}dialog[open]::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0814b3}@starting-style{dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0a081400}}.modal-content{border:1px solid var(--border-glow);border-radius:var(--radius-lg);opacity:0;width:90vw;max-width:550px;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .3s ease, display .3s allow-discrete, overlay .3s allow-discrete;background:#1c1726;padding:2rem;transform:scale(.92);box-shadow:0 20px 60px #0009}dialog[open] .modal-content{opacity:1;transform:scale(1)}@starting-style{dialog[open] .modal-content{opacity:0;transform:scale(.92)}}@media (width<=768px){body{font-size:14px}.modal-content{border-radius:var(--radius-md);padding:1.5rem}.btn-primary,.btn-secondary{padding:.65rem 1.25rem;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.glow-bubble{opacity:.05;animation:none}.anim-slide-up,.anim-pop-in,.podium-pedestal,.chart-bar{transition:none;animation:none}dialog[open] .modal-content{transition:opacity .1s}}