.join-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.join-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:360px}.join-room-box-wrap{width:100%}.join-room-label{font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase}.join-room-box,.join-room-input{display:block;width:100%;font-family:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.12em;padding:.85rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text);text-align:center;box-sizing:border-box}.join-room-box{cursor:pointer;transition:border-color .15s,background .15s}.join-room-box:hover{border-color:var(--text-muted);background:var(--border)}.join-room-input{cursor:text;outline:none;border-color:var(--accent)}.join-room-input::placeholder{color:var(--text-muted)}.join-row{display:flex;align-items:center;gap:.75rem}.join-role-row{justify-content:center;flex-wrap:wrap}.join-role-switch{display:flex;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-elevated)}.join-role-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:52px;height:52px;padding:0 1rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.join-role-label{font-size:.95rem;font-weight:600}.join-role-btn:hover{color:var(--text);background:var(--border)}.join-role-btn-active{color:var(--accent);background:var(--border)}.join-label{display:flex;flex-direction:column;gap:.35rem}.join-input{font-family:inherit;font-size:1.15rem;padding:.65rem 0;border:none;border-bottom:2px solid var(--border);background:transparent;color:var(--text)}.join-input:focus{outline:none;border-bottom-color:var(--accent)}.join-input::placeholder{color:var(--text-muted)}.join-btn{font-family:Bebas Neue,sans-serif;font-size:1.35rem;letter-spacing:.08em;padding:.85rem;border:none;border-radius:8px;background:var(--accent);color:var(--bg);cursor:pointer;transition:filter .15s;margin-top:.25rem}.join-btn:hover:not(:disabled){filter:brightness(1.15)}.join-btn:disabled{opacity:.4;cursor:not-allowed}.dynamic-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.dynamic-bg-grid{position:absolute;inset:-50%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.2;animation:grid-drift 25s linear infinite}.dynamic-bg-grid:nth-child(2){background-size:96px 96px;opacity:.08;animation-duration:35s;animation-direction:reverse}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(96px,96px)}}.game-view{max-width:800px;margin:0 auto;padding:1rem;min-height:100vh}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.game-header-left,.game-header-right{display:flex;align-items:center;gap:.75rem}.game-settings-btn{padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.game-round-badge{font-family:Bebas Neue,sans-serif;font-size:1.25rem;letter-spacing:.08em;color:var(--accent)}.game-screen-badge{display:flex;align-items:center;gap:.5rem}.game-screen-badge span{font-size:1rem;font-weight:600;color:var(--text)}.round-complete-actions{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.lobby{text-align:center;padding:1rem 0}.lobby-title{font-family:Bebas Neue,sans-serif;font-size:2.25rem;letter-spacing:.06em;color:var(--text);margin-bottom:.35rem}.lobby-round-info{font-size:1.25rem;font-weight:600;color:var(--text-muted);margin:.5rem 0 1rem}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1rem}.lobby-screens{margin-top:.75rem}.lobby-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;align-items:center}.lobby-user{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);min-width:200px}.lobby-user-icon{color:var(--text-muted);flex-shrink:0}.lobby-user-icon-admin{color:var(--accent)}.lobby-user-icon-screen{color:var(--round)}.lobby-user-name{font-size:1.1rem;font-weight:600;color:var(--text)}.round-screen{display:flex;flex-direction:column;align-items:center;padding:1rem 0;text-align:center}.round-big-text{font-family:Bebas Neue,sans-serif;font-size:4.25rem;letter-spacing:.06em;color:var(--text)}.winner-name{background:linear-gradient(135deg,var(--accent) 0%,#FFE44D 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;font-size:clamp(2.5rem,8vw,5rem)}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.winner-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--text);margin:.5rem 0 1.5rem;text-align:center;text-transform:uppercase;letter-spacing:.1em}.answer-evaluation-given{font-family:DM Sans,system-ui,sans-serif;font-size:1.75rem;letter-spacing:.04em;color:var(--round);text-transform:none;text-wrap:pretty}.category-screen{padding:1rem 0}.category-text{font-family:Bebas Neue,sans-serif;font-size:3.25rem;letter-spacing:.08em;color:var(--accent)}.question-card{padding:0 0 .5rem;width:100%;margin-bottom:.5rem;text-align:center;border-bottom:2px solid var(--border)}.question-category{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.25rem}.question-text,.question-text-full{font-size:2rem;color:var(--text);line-height:1.45;text-wrap:pretty}.question-text-full{margin-top:.25rem}.question-text-ellipsis{display:inline-block;animation:questionEllipsisPulse 1.2s ease-in-out infinite}@keyframes questionEllipsisPulse{0%,to{opacity:1}50%{opacity:.35}}.word{transition:opacity .25s ease}.word.revealed{color:var(--text);opacity:1}.buzzer-btn{width:100%;min-height:140px;padding:1rem 2rem;border-radius:4px;border:2px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.08em;cursor:pointer;margin:.75rem 0;transition:border-color .15s,background .15s,filter .15s}.buzzer-btn:hover{filter:brightness(1.1)}.buzzer-btn:active{filter:brightness(.95)}.buzzer-btn:disabled{opacity:.7;cursor:not-allowed;filter:none}.buzzer-btn:disabled:hover{filter:none}.buzzer-list{margin-top:.5rem;width:100%;max-width:350px}.buzzer-list-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.25rem}.buzzer-order{list-style:decimal;padding-left:1rem}.buzzer-item{font-size:1.05rem;color:var(--text-muted);padding:.2rem 0;display:flex;align-items:center;gap:.4rem}.buzzer-item-current{color:var(--wrong);font-weight:700}.answer-input-container{width:100%;max-width:450px;margin:.5rem 0}.answer-input-row{display:flex;gap:.5rem}.answer-input{font-family:inherit;font-size:1.15rem;padding:.6rem 0;border:none;border-bottom:2px solid var(--border);background:transparent;color:var(--text);flex:1}.answer-input:focus{outline:none;border-bottom-color:var(--accent)}.big-answer-text{font-family:Bebas Neue,sans-serif;font-size:2.75rem;letter-spacing:.04em;color:var(--text)}.result-display{display:flex;flex-direction:column;align-items:center;padding:.75rem 0}.result-icon{display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:800;margin-bottom:.35rem;animation:resultPop .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes resultPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.result-answer{font-size:1.15rem;color:var(--text-muted)}.options-screen{align-items:stretch}.options-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:500px;margin:0 auto}.option-block{font-family:inherit;font-size:1.15rem;font-weight:600;min-width:200px;padding:.85rem 1rem;border-radius:4px;border:2px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:center;text-wrap:pretty;transition:border-color .15s,background .15s}.option-block:hover:not(.option-disabled):not(.option-result){border-color:var(--accent);background:var(--bg-elevated)}.option-selected{border-color:var(--accent);background:var(--bg-elevated);color:var(--accent)}.option-disabled{cursor:default;opacity:.6}.option-result{cursor:default}.option-block.option-correct{border-color:var(--correct);background:transparent;color:var(--correct);font-size:1.45rem;padding:1.15rem 1.35rem;min-width:260px;transform:scale(1.08);transform-origin:center center;margin:.15rem 0}.option-wrong{border-color:var(--border);background:var(--bg-elevated);color:var(--text-muted)}.option-wrong-my-choice{border-color:var(--wrong);background:#e539351f;color:var(--wrong)}.option-result-row{display:inline-flex;align-items:center;gap:.4rem}.option-block-icon{flex-shrink:0;color:inherit}.option-players{display:flex;gap:.3rem;margin-top:.35rem;flex-wrap:wrap;justify-content:center}.option-result-with-players{position:relative;padding-bottom:.5rem;z-index:1}.option-result-with-players+.option-block{position:relative;z-index:0}.option-players-overlay{position:absolute;right:0;bottom:0;transform:translate(15%,50%);display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end;max-width:100%;z-index:10}.option-players-overlay .option-player-name{font-size:.7rem;padding:.15rem .4rem;border-radius:2px;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;box-shadow:0 1px 3px #0000004d}.option-player-name{font-size:.85rem;padding:.2rem .5rem;border-radius:2px;background:var(--border);color:var(--text-muted)}.correct-reveal-screen{padding:1rem 0}.correct-reveal-text{font-family:Bebas Neue,sans-serif;font-size:3.25rem;letter-spacing:.04em;color:var(--correct)}.scoring-screen{width:100%}.scoring-title{font-family:Bebas Neue,sans-serif;font-size:1.75rem;letter-spacing:.06em;color:var(--text);margin-bottom:.75rem}.scoring-table{width:100%;max-width:600px;border-collapse:collapse;margin:0 auto}.scoring-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:.4rem .5rem;text-align:left;border-bottom:2px solid var(--border)}.scoring-table td{font-size:1.05rem;padding:.45rem .5rem;border-bottom:1px solid var(--border);color:var(--text)}.scoring-points{font-weight:700;color:var(--accent)}.scoring-total{font-size:1.25rem;font-weight:700;color:var(--accent)}.result-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0}.result-icon{font-size:3.5rem;font-weight:800}.result-correct{color:var(--correct)}.result-wrong{color:var(--wrong)}.result-answer{font-size:1.15rem;color:var(--text-muted);margin:0}.answers-panel{margin-top:.75rem;padding-top:.5rem;border-top:2px solid var(--border)}.scoreboard-empty{margin:0;font-size:.95rem;color:var(--text-muted);font-style:italic}.answers-list{display:flex;flex-direction:column;gap:.25rem}.answer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border);min-width:0}.answer-row.current-user{background:var(--bg-elevated);margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem;border-radius:6px}.answer-row-disconnected{opacity:.3}.answer-row-disconnected .answer-row-disconnected-icon{opacity:1;color:var(--text-muted);flex-shrink:0}.admin-privilege-dropdown{min-width:9rem;padding:.25rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:.125rem}.admin-privilege-option{padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background .15s}.admin-privilege-option:hover{background:var(--bg)}.admin-privilege-option-active{background:var(--border);font-weight:600}.admin-privilege-option-active:hover{background:var(--border)}.score-breakdown{border:2px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:1rem;background:var(--bg-elevated)}.score-breakdown-disconnected{opacity:.3}.score-breakdown-disconnected .score-breakdown-disconnected-icon{opacity:1;color:var(--text-muted);flex-shrink:0}.score-breakdown-header{display:grid;grid-template-columns:1fr 3rem;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border);margin-bottom:.75rem}.score-breakdown-header>*:last-child{text-align:right;font-variant-numeric:tabular-nums}.score-breakdown-items{display:flex;flex-direction:column;gap:.5rem}.score-breakdown-item{display:grid;grid-template-columns:1fr auto 3rem;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg);border-radius:6px}.score-breakdown-adjustment{background:var(--border);font-weight:600}.score-breakdown-label{font-size:.9rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.5rem}.score-breakdown-round{color:var(--accent);font-weight:700;font-size:.85rem}.score-breakdown-category{color:var(--text);font-weight:600;font-size:.85rem}.score-breakdown-answer{font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:.35rem}.score-breakdown-icon{flex-shrink:0}.score-breakdown-points{font-size:1rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.score-breakdown-points-positive{color:var(--correct)}.score-breakdown-points-negative{color:var(--wrong)}.answer-name-cell{display:flex;align-items:center;gap:.35rem;min-width:0}.answer-option-selected-icon{flex-shrink:0;color:var(--text-muted);display:inline-flex;align-items:center}.answer-name-icon-wrapper{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.answer-name-icon-clickable{cursor:pointer;padding:.25rem;margin:-.25rem;border-radius:4px;transition:background .15s}.answer-name-icon-clickable:hover{background:var(--bg-elevated)}.answer-name-icon-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer-name-icon{color:var(--text-muted);flex-shrink:0}.answer-name-icon-admin{color:var(--accent)}.answer-name{font-size:1.05rem;font-weight:600;color:var(--text);min-width:0;overflow-wrap:break-word;word-break:break-word}.answer-name-editable{cursor:pointer;padding:.15rem .35rem;margin:-.15rem -.35rem;border-radius:4px;transition:background .15s}.answer-name-editable:hover{background:var(--bg-elevated)}.answer-name-editable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer-name-input{font-family:inherit;font-size:1.05rem;font-weight:600;color:var(--text);background:var(--bg-elevated);border:2px solid var(--accent);border-radius:4px;padding:.15rem .35rem;margin:-.15rem -.35rem;min-width:0;max-width:100%}.answer-name-input:focus{outline:none}.answer-row-answer-cell{display:flex;align-items:center;gap:.35rem;min-width:0}.answer-row-answer-cell .answer-status-icon,.answer-row-answer-cell .answer-option-icon{flex:0 0 24px;width:24px;height:24px;min-width:24px;box-sizing:border-box}.answer-buzzer-icon{font-size:1rem;line-height:1}.answer-buzzer-place-wrap{display:inline-flex;align-items:center;gap:.35rem;margin-right:.75rem}.answer-buzzer-place-wrap .answer-buzzer-place-icon{color:var(--text-muted);flex-shrink:0}.answer-buzzer-place{font-size:.95rem;font-weight:700;color:var(--text-muted);line-height:1}.answer-status{font-size:.95rem;font-style:italic;color:var(--text-muted)}.answer-status-answering{color:var(--accent);animation:answeringPulse 1.5s ease-in-out infinite}@keyframes answeringPulse{0%,to{opacity:1}50%{opacity:.5}}.answer-given{font-family:DM Sans,system-ui,sans-serif;font-size:1rem;color:var(--round);text-wrap:pretty;text-transform:none}.answer-given{display:inline-flex;align-items:center;gap:.35rem}.answer-given-correct{color:var(--correct);font-weight:700}.answer-given-correct .answer-status-icon{color:var(--correct);flex-shrink:0}.answer-given-wrong{color:var(--wrong)}.answer-given-wrong .answer-status-icon{color:var(--wrong);flex-shrink:0}.answer-points-inline{font-size:.9rem;font-weight:700;color:var(--text-muted);margin-left:.25rem}.answer-option-box{display:flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;min-width:0;text-wrap:pretty}.answer-option-correct,.answer-option-correct .answer-option-icon{color:var(--correct)}.answer-option-wrong{color:var(--wrong);opacity:.9}.answer-option-wrong .answer-option-icon{color:var(--wrong)}.answer-row-waiting{opacity:.5}.answer-total{font-size:1.35rem;font-weight:700;color:var(--accent);justify-self:end;min-width:2rem;text-align:right}.answer-total-editable{cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:4px;transition:background .15s}.answer-total-editable:hover{background:var(--bg-elevated)}.answer-total-editable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer-total-input{font-family:inherit;font-size:1.35rem;font-weight:700;color:var(--accent);background:var(--bg-elevated);border:2px solid var(--accent);border-radius:4px;padding:.25rem .5rem;margin:-.25rem -.5rem;width:4rem;text-align:right;justify-self:end}.answer-total-input:focus{outline:none}.answer-total-input::-webkit-inner-spin-button,.answer-total-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-panel{margin:0;padding:0;border:none}.admin-buttons{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.room-settings{width:100%;padding:1rem}.room-settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.room-settings-back{flex-shrink:0;padding:.5rem;border-radius:8px}.room-settings-title{font-family:Bebas Neue,sans-serif;font-size:1.75rem;letter-spacing:.04em;color:var(--text);margin:0;flex:1}.room-settings-exit-btn{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.5rem .75rem;font-size:.95rem;font-weight:600;color:var(--wrong);border-color:var(--wrong)}.room-settings-exit-btn:hover{background:#e539351f}.room-settings-section{padding:1rem;margin-bottom:1rem}.admin-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-toggle-btn:hover{background:var(--bg);border-color:var(--accent)}.admin-toggle-btn-on{background:var(--accent);border-color:var(--accent);color:#000}.admin-toggle-btn-on:hover{background:var(--accent);opacity:.9}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-screen-font-warmup{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.loading-screen .connecting-dots{display:flex;align-items:center;justify-content:center;gap:1.25rem;animation:connecting-fadein .35s ease-out .2s both}@keyframes connecting-fadein{0%{opacity:0}to{opacity:1}}.loading-screen .connecting-dot{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);animation:connecting-bounce .6s ease-in-out infinite both}.loading-screen .connecting-dot:nth-child(1){animation-delay:0s}.loading-screen .connecting-dot:nth-child(2){animation-delay:.15s}.loading-screen .connecting-dot:nth-child(3){animation-delay:.3s}@keyframes connecting-bounce{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1.2);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.badge{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:2px;margin-left:auto;font-weight:600}.badge-admin{color:var(--accent);background:transparent;border:1px solid var(--accent)}.badge-screen{color:var(--round);background:transparent;border:1px solid var(--round)}.badge-correct{color:var(--correct);background:transparent;border:1px solid var(--correct)}.badge-wrong{color:var(--wrong);background:transparent;border:1px solid var(--wrong)}.badge-unknown{color:var(--text-muted);background:transparent;border:1px solid var(--border)}.btn{font-family:"DM Sans",inherit;font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background:#ffe033;border-color:#ffe033}.btn-secondary{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border)}.btn-secondary:hover{background:var(--border);color:var(--text)}.btn-admin{background:transparent;color:var(--round);border-color:var(--round);font-size:.9rem;padding:.35rem .7rem}.btn-admin:hover{background:var(--round);color:var(--text)}.btn-lg{font-size:1.2rem;padding:.85rem 2rem;margin-top:1rem;font-family:Bebas Neue,sans-serif;letter-spacing:.05em}.btn:disabled{opacity:.4;cursor:not-allowed}:root{color-scheme:dark;--bg: #0a0e27;--bg-elevated: #141a36;--border: #252d4a;--text: #ffffff;--text-muted: #8b8fa3;--accent: #FFD100;--correct: #00C853;--wrong: #E53935;--focus: #FFD100;--round: #5C6BC0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:Bebas Neue,sans-serif;letter-spacing:.02em}