:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);min-height:100vh;color:#fff;display:flex;justify-content:center;align-items:center}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.back-link{position:absolute;top:1.5rem;left:1.5rem;color:#ffffff80;text-decoration:none;font-size:.95rem;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d}.back-link:hover{color:#fff;background:#ffffff1a}.hero-section{margin-bottom:2rem}.hero-small{margin-bottom:1rem}.hero-small .title{font-size:2.5rem}.start-screen .title{font-size:4rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(245,158,11,.3)}.subtitle{font-size:1.4rem;color:#fff9;font-weight:400}.instructions{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem 2rem;margin-bottom:2.5rem;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instructions p{font-size:1.05rem;color:#ffffffbf;line-height:1.6;margin:0}.instructions strong{color:#f59e0b;font-weight:600}.selection{width:100%;max-width:700px}.selection-title{font-size:1.1rem;margin-bottom:1.25rem;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;font-weight:600}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.categories-grid{grid-template-columns:repeat(4,1fr)}.mode-grid{grid-template-columns:repeat(3,1fr)}.option-card{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.75rem 1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b33,#ef444433);opacity:0;transition:opacity .3s ease}.option-card:hover{border-color:#f59e0b80;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d,0 0 30px #f59e0b1a}.option-card:hover:before{opacity:1}.option-icon{font-size:3rem;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.option-name{font-size:1.1rem;font-weight:700;position:relative;z-index:1;color:#fffffff2}.option-desc{font-size:.8rem;color:#ffffff80;position:relative;z-index:1;line-height:1.4}.mix-option{margin-top:1.5rem;display:flex;justify-content:center}.mix-card{min-width:280px;background:linear-gradient(145deg,#8b5cf626,#ec48991a);border-color:#8b5cf64d}.mix-card:before{background:linear-gradient(135deg,#8b5cf640,#ec489940)}.mix-card:hover{border-color:#8b5cf699;box-shadow:0 20px 40px #0000004d,0 0 30px #8b5cf633}.mode-card{padding:1.5rem 1rem}.selected-info{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.selected-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f59e0b33,#ef444426);border:1px solid rgba(245,158,11,.3);padding:.75rem 1.5rem;border-radius:50px}.selected-icon{font-size:1.5rem}.selected-name{font-size:1.1rem;font-weight:600;color:#fffffff2}.btn-back{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.6rem 1.25rem;border-radius:50px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-back:hover{background:#ffffff26;color:#fff;border-color:#ffffff40}.game-screen{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem 2rem}.header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600}.progress{font-size:1rem;color:#ffffff80;font-weight:500}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.image-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.reveal-indicator{width:100%;max-width:700px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.reveal-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);transition:width .5s ease;border-radius:3px}.loading-spinner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff9;background:#0009;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.error-icon{font-size:4rem}.image-error p{font-size:1.1rem}.guess-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px}.guess-input{width:100%;padding:1rem 1.5rem;font-size:1.2rem;border:2px solid rgba(255,255,255,.15);border-radius:16px;background:#ffffff0d;color:#fff;text-align:center;outline:none;transition:all .3s ease}.guess-input:focus{border-color:#f59e0b;background:#ffffff14;box-shadow:0 0 20px #f59e0b26}.guess-input::placeholder{color:#ffffff4d}.guess-input:disabled{opacity:.5}.hint-text{font-size:.9rem;color:#fff6}.btn{border:none;border-radius:14px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.5px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:1.1rem;padding:1rem 2.5rem;box-shadow:0 8px 24px #f59e0b59}.btn-primary:hover{box-shadow:0 12px 32px #f59e0b73}.btn-secondary{background:#ffffff1a;color:#fff;font-size:1rem;padding:1rem 2rem;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff26}.btn-small{font-size:.9rem;padding:.6rem 1.2rem}.btn-reset{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.1)}.btn-reset:hover{background:#ffffff26}.success-message{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:4rem}.answer-reveal{font-size:1.4rem;color:#fffc}.answer-reveal strong{color:#4ade80;text-transform:capitalize}.game-over-screen{background:radial-gradient(ellipse at center,rgba(245,158,11,.1) 0%,transparent 70%)}.game-over-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.game-over-icon{font-size:5rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-over-screen .title{font-size:3rem;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score{display:flex;flex-direction:column;align-items:center;margin:1rem 0 2rem}.score-number{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-label{font-size:1.2rem;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin-top:.5rem}.guess-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px}.classroom-controls{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.btn-hint{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:1.3rem;padding:1.1rem 2.5rem;box-shadow:0 8px 24px #3b82f659}.btn-hint:hover{box-shadow:0 12px 32px #3b82f673}.btn-reveal{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.3rem;padding:1.1rem 2.5rem;box-shadow:0 8px 24px #10b98159}.btn-reveal:hover{box-shadow:0 12px 32px #10b98173}.text-input-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.input-label{font-size:.85rem;color:#fff6}.text-input-section .guess-form{flex-direction:row;gap:.75rem}.text-input-section .guess-input{font-size:1rem;padding:.75rem 1rem}@media(max-width:900px){.start-screen .title{font-size:3rem}.hero-small .title{font-size:2rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:repeat(3,1fr)}.header{flex-direction:column;gap:1rem}.header-left,.header-right{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){.start-screen .title{font-size:2.5rem}.subtitle{font-size:1.1rem}.categories-grid,.mode-grid{grid-template-columns:repeat(2,1fr)}.option-card{padding:1.25rem 1rem}.option-icon{font-size:2.5rem}.mix-card{min-width:auto;width:100%}.classroom-controls{flex-direction:column;width:100%}.btn-hint,.btn-reveal{width:100%}.text-input-section .guess-form{flex-direction:column}.selected-info{flex-direction:column;gap:.75rem}}@media(max-width:400px){.categories-grid,.mode-grid{grid-template-columns:1fr}}.gameshow-toggle{display:flex;flex-direction:column;align-items:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);gap:.5rem}.gameshow-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 2rem;border-radius:12px;border:none;box-shadow:0 4px 15px #10b9814d;cursor:pointer;transition:all .2s ease}.gameshow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.gameshow-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.gameshow-icon{font-size:1.2rem}.gameshow-text{font-weight:600}.gameshow-desc{font-size:.85rem;color:#ffffff80;margin:0}.error-message{color:#ef4444;font-size:.9rem;margin-top:.5rem}.lobby-screen{justify-content:flex-start;padding-top:1.5rem}.lobby-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff9}.status-dot{width:10px;height:10px;border-radius:50%;background:#ef4444}.status-dot.connected{background:#10b981;box-shadow:0 0 8px #10b98180}.lobby-content{display:flex;gap:3rem;width:100%;max-width:1000px;flex-wrap:wrap;justify-content:center}.lobby-main{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center}.lobby-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-subtitle{font-size:1.1rem;color:#fff9;margin-bottom:2rem}.room-code-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.room-code-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.room-code-label{font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.room-code{font-size:4rem;font-weight:800;letter-spacing:.5rem;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(16,185,129,.3)}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.qr-hint{font-size:.85rem;color:#ffffff80}.join-url{display:flex;flex-direction:column;align-items:center;gap:.5rem}.url-label{font-size:.85rem;color:#fff6}.url-code{background:#ffffff1a;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;color:#fffc;word-break:break-all}.lobby-sidebar{min-width:280px;display:flex;flex-direction:column;gap:1.5rem}.players-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;min-height:200px}.players-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fffc}.btn-start-game{width:100%;font-size:1.2rem;padding:1.25rem}.player-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.player-list.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.empty-message{color:#fff9;font-size:1rem}.empty-hint{color:#fff6;font-size:.85rem;margin-top:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.player-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:.85rem;font-weight:600}.player-name{flex:1;font-weight:500}.player-score{color:#10b981;font-weight:600}.btn-kick{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-kick:hover{background:#ef444466}.buzzer-queue{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.buzzer-queue.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px}.buzzer-icon{font-size:3rem;margin-bottom:.5rem}.buzzer-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fffc}.buzzer-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.buzzer-item{display:flex}.buzzer-select-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;color:#fff}.buzzer-select-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b66}.buzzer-select-btn:disabled{opacity:.6;cursor:not-allowed}.buzzer-item.selected .buzzer-select-btn{background:#10b98133;border-color:#10b98166}.buzzer-position{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f59e0b4d;border-radius:50%;font-size:.85rem;font-weight:700}.buzzer-name{flex:1;text-align:left;font-weight:500}.buzzer-badge{background:linear-gradient(135deg,#f59e0b,#ef4444);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.selected-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#10b981}.scoreboard{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.scoreboard.full{min-width:300px;max-width:500px;margin:0 auto}.scoreboard-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fffc}.scoreboard-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.scoreboard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:10px}.scoreboard-item.top-three{background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:1px solid rgba(245,158,11,.2)}.scoreboard-rank{min-width:32px;font-size:1.2rem}.scoreboard-name{flex:1;font-weight:500}.scoreboard-score{font-weight:700;color:#f59e0b}.host-dashboard{justify-content:flex-start;padding-top:1.5rem}.host-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.host-content{display:flex;gap:2rem;width:100%;max-width:1200px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.host-main{flex:1;min-width:400px;max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.host-image-container{width:100%;aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative;background:#1a1a2e}.host-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.host-sidebar{min-width:280px;max-width:350px;display:flex;flex-direction:column;gap:1.5rem}.pending-answer{background:linear-gradient(135deg,#8b5cf626,#ec48991a);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:1.5rem;text-align:center}.pending-answer h3{font-size:1.1rem;margin-bottom:1rem;color:#fffc}.answer-text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.correct-hint{font-size:.9rem;color:#ffffff80;margin-bottom:1.25rem}.checking-text{font-size:1rem;color:#f59e0b;margin-top:.75rem;animation:pulse 1s ease-in-out infinite}.validation-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;box-shadow:0 4px 12px #10b9814d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.5rem;box-shadow:0 4px 12px #ef44444d}.btn-next{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.1rem;padding:.85rem 1.75rem;box-shadow:0 4px 12px #10b9814d}.btn-next:hover{box-shadow:0 6px 16px #10b98166}.round-end .round-end-content,.host-dashboard.game-over .game-over-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.correct-answer{font-size:1.3rem;color:#fffc}.correct-answer strong{color:#10b981}.points-awarded{font-size:2rem;font-weight:800;color:#f59e0b}.student-join-screen{padding:2rem}.student-join-content{width:100%;max-width:400px}.student-join-header{margin-bottom:2.5rem}.student-join-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.student-join-subtitle{font-size:1.2rem;color:#fff9}.student-join-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-size:.9rem;color:#fff9;font-weight:500}.join-input{width:100%;padding:1rem 1.25rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;transition:all .3s ease}.join-input:focus{border-color:#f59e0b;background:#ffffff14}.join-input::placeholder{color:#ffffff4d}.room-code-input{text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.3rem;text-transform:uppercase}.btn-join{margin-top:.5rem;font-size:1.2rem;padding:1.1rem}.join-hint{margin-top:1.5rem;font-size:.9rem;color:#fff6}.student-view{padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}.student-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.student-header .player-name{font-weight:600;font-size:1.1rem}.student-header .player-score{font-size:1rem}.student-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.student-lobby .student-content{gap:1rem}.waiting-icon{font-size:4rem}.waiting-title{font-size:1.5rem;font-weight:700}.waiting-subtitle{color:#fff9}.players-count{color:#ffffff80;font-size:.95rem}.look-at-screen{display:flex;flex-direction:column;align-items:center;gap:.5rem}.eye-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.look-at-screen p{font-size:1.2rem;color:#fff9}.buzz-button{width:200px;height:200px;border-radius:50%;border:none;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;font-size:2rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #ef444466,inset 0 -8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.buzz-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 50px #ef444480,inset 0 -8px #0003}.buzz-button:active:not(:disabled){transform:scale(.95);box-shadow:0 5px 20px #ef444466,inset 0 -4px #0003}.buzz-button:disabled{cursor:not-allowed}.buzz-button.buzzed{background:linear-gradient(145deg,#10b981,#059669);box-shadow:0 10px 40px #10b98166,inset 0 -8px #0003}.buzz-text{font-size:2rem}.queue-info{font-size:1rem;font-weight:500;opacity:.8}.connection-warning{color:#f59e0b;font-size:.9rem}.student-answering .student-content{gap:1.5rem}.answering-icon{font-size:4rem}.answering-title{font-size:1.8rem;font-weight:700;color:#10b981}.answer-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:1rem}.answer-input{width:100%;padding:1.25rem;font-size:1.2rem;border:2px solid rgba(16,185,129,.3);border-radius:16px;background:#10b9811a;color:#fff;text-align:center;outline:none;transition:all .3s ease}.answer-input:focus{border-color:#10b981;box-shadow:0 0 20px #10b98133}.btn-submit-answer{width:100%;font-size:1.2rem;padding:1rem}.answer-submitted{text-align:center}.submitted-answer{font-size:1.3rem;font-weight:600;color:#10b981;margin:.5rem 0}.waiting-text{color:#ffffff80;font-size:.95rem}.waiting-turn-icon{font-size:4rem}.waiting-turn-title{font-size:1.5rem;font-weight:700}.queue-position{color:#f59e0b;font-size:1.2rem;font-weight:600}.student-roundend .roundend-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.roundend-icon{font-size:5rem}.roundend-title{font-size:2rem;font-weight:700}.roundend-points{font-size:2.5rem;font-weight:800;color:#f59e0b}.current-score{margin-top:1rem;font-size:1.1rem;color:#fff9}.student-gameover .gameover-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.gameover-icon{font-size:5rem}.gameover-title{font-size:2rem;font-weight:700}.gameover-rank{display:flex;flex-direction:column;align-items:center}.rank-number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.rank-label{font-size:1rem;color:#ffffff80}.gameover-score{display:flex;flex-direction:column;align-items:center;margin:1rem 0}.gameover-score .score-number{font-size:3rem}.gameover-score .score-label{font-size:1rem}@media(max-width:600px){.lobby-content{flex-direction:column;gap:2rem}.lobby-main{min-width:auto}.room-code{font-size:3rem}.host-content{flex-direction:column}.host-main{min-width:auto;max-width:none}.host-sidebar{min-width:auto;max-width:none;width:100%}.buzz-button{width:180px;height:180px}.student-join-title{font-size:2rem}}