:root{--bg-dark: #0a0a0a;--bg-card: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-yellow: #ffd700;--accent-green: #00ff88;--accent-red: #ff3366;--border-subtle: #2a2a2a;--gradient-active: linear-gradient(135deg, #ffd700 0%, #ff3366 100%)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Roboto Mono,monospace;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;padding-bottom:2rem;overscroll-behavior:none}#root{min-height:100vh}.header{background:var(--bg-card);padding:1.5rem 1rem 1rem;border-bottom:2px solid var(--accent-yellow);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000080}.title-container{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;justify-content:space-between}.logo{height:3rem;width:auto;object-fit:contain}.quiz-title{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;color:#2a599f;text-transform:uppercase;margin:0;flex:1}.profile-dropdown{position:relative;margin-left:auto}.profile-button{padding:.5rem;background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.profile-button:hover{background:var(--border-subtle);color:var(--text-primary);border-color:var(--accent-yellow)}.profile-icon{width:1.25rem;height:1.25rem;stroke:currentColor}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:8px;min-width:250px;box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;background:transparent;border:none;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item.email-item{color:var(--text-primary);cursor:default;font-weight:600}.dropdown-item.logout-item{color:var(--text-secondary)}.dropdown-item.logout-item:hover{background:#ff33661a;color:var(--accent-red)}.dropdown-icon{width:1.125rem;height:1.125rem;stroke:currentColor;flex-shrink:0}.dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border-subtle);margin:.25rem 0}.athlete-info{display:flex;justify-content:space-between;align-items:center;background:var(--bg-dark);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-subtle);margin-top:1rem;gap:.75rem}.athlete-name-wrapper{display:flex;align-items:center;flex:0 0 30%;min-width:0;gap:.5rem}.athlete-info input{background:transparent;border:none;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600;flex:1;outline:none;transition:opacity .2s ease}.athlete-info input:disabled{opacity:.6;cursor:not-allowed}.athlete-info input.locked{opacity:.7}.athlete-info input::placeholder{color:var(--text-secondary)}.lock-button{background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:2.25rem;height:2.25rem}.lock-button:hover:not(:disabled){background:var(--border-subtle);border-color:var(--accent-yellow);color:var(--accent-yellow)}.lock-button:active:not(:disabled){transform:scale(.95)}.lock-button:disabled{opacity:.5;cursor:not-allowed}.lock-button.locked{background:#00ff881a;border-color:var(--accent-green);color:var(--accent-green)}.lock-button.locked:hover{background:#0f83}.lock-icon{width:1.125rem;height:1.125rem;stroke:currentColor}.lock-icon.spinner{animation:spin 1s linear infinite}.bib-input-wrapper{display:flex;align-items:center;width:45%;min-width:120px;background:var(--accent-yellow);border-radius:6px;overflow:hidden;gap:.15rem;flex-shrink:1}.bib-number{background:transparent;color:#000!important;padding:.5rem;font-weight:700;font-size:.95rem;border:none;flex:1;min-width:0;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bib-number::-webkit-outer-spin-button,.bib-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bib-number::placeholder{color:var(--bg-dark);opacity:.7}.bib-search-button{background:transparent;border:none;color:var(--bg-dark);padding:.4rem .6rem .4rem .4rem;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;transition:all .2s ease;flex-shrink:0;min-width:3rem;width:3rem}.bib-search-button:hover:not(:disabled){background:#0000001a;border-radius:4px}.bib-search-button:active:not(:disabled){background:#0003}.bib-search-button:disabled{opacity:.5;cursor:not-allowed}.bib-load-button{background:#4da6ff;border:none;color:#fff;padding:.5rem .75rem;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.bib-load-button:hover:not(:disabled){background:#66b3ff;box-shadow:0 2px 8px #4da6ff4d}.bib-load-button:active:not(:disabled){background:#39f;box-shadow:0 1px 4px #4da6ff4d}.bib-load-button:disabled{opacity:.5;cursor:not-allowed}.search-icon{width:1.125rem;height:1.125rem;stroke:currentColor}.search-icon.spinner{animation:spin 1s linear infinite}.team-search-wrapper{display:flex;align-items:center;width:45%;min-width:140px;background:var(--accent-green);border-radius:6px;overflow:hidden;gap:.25rem;margin-top:.5rem}.team-search-input{background:transparent;color:var(--bg-dark);padding:.5rem .75rem;font-weight:700;font-size:1.1rem;border:none;flex:1;min-width:0;text-align:center;outline:none}.team-search-input::placeholder{color:var(--bg-dark);opacity:.7}.team-search-button{background:transparent;border:none;color:var(--bg-dark);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.team-search-button:hover:not(:disabled){background:#0000001a;border-radius:4px}.team-search-button:active:not(:disabled){background:#0003}.team-search-button:disabled{opacity:.5;cursor:not-allowed}.quiz-timer-stats-container{position:relative}.quiz-timer{background:var(--bg-card);margin:1rem 1rem .5rem;padding:1.05rem;border-radius:12px;border:2px solid var(--border-subtle);text-align:center}.timer-label{color:var(--text-secondary);font-size:.525rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem}.timer-display{font-size:2.1rem;font-weight:700;color:var(--accent-green);font-variant-numeric:tabular-nums;letter-spacing:.05em}.btn-timer-toggle{width:100%;margin-top:.7rem;padding:.7rem;background:var(--accent-green);color:var(--bg-dark);border:none;border-radius:8px;font-family:Bebas Neue,sans-serif;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00ff884d}.btn-timer-toggle:active{transform:translateY(2px);box-shadow:0 2px 6px #00ff884d}.btn-timer-toggle.running{background:var(--accent-red);box-shadow:0 4px 12px #ff33664d}.btn-timer-toggle.running:active{box-shadow:0 2px 6px #ff33664d}.btn-timer-toggle.finished{background:#ff8c00;box-shadow:0 4px 12px #ff8c0066}.btn-timer-toggle.finished:active{transform:translateY(2px);box-shadow:0 2px 6px #ff8c004d}.btn-timer-toggle.finished:hover{background:#ff9500;box-shadow:0 6px 16px #ff8c0080}.btn-timer-toggle.finished-grey{background:gray;box-shadow:0 4px 12px #8080804d;cursor:default}.btn-timer-toggle.finished-grey:hover{background:gray;box-shadow:0 4px 12px #8080804d;transform:none}.btn-timer-toggle.finished-grey:active{transform:none;box-shadow:0 4px 12px #8080804d}.btn-timer-toggle:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:0 2px 6px #0003;opacity:.6}.btn-timer-toggle:disabled:hover{transform:none;box-shadow:0 2px 6px #0003}.quizzes-container{padding:0 1rem}.quiz-card{background:var(--bg-card);border-radius:12px;margin-bottom:1rem;border:2px solid var(--border-subtle);overflow:hidden;transition:all .3s ease}.quiz-card.active{border-color:var(--accent-yellow);box-shadow:0 0 20px #ffd7004d}.quiz-card.completed{border-color:var(--accent-green);opacity:.7}.quiz-header{display:flex;align-items:center;padding:1rem;background:var(--bg-dark);gap:.5rem}.btn-quiz-toggle{margin-left:auto;padding:.75rem 1.5rem;background:var(--accent-green);color:var(--bg-dark);border:none;border-radius:6px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00ff884d;min-width:80px;white-space:nowrap}.btn-quiz-toggle:active{transform:translateY(1px);box-shadow:0 1px 4px #00ff884d}.btn-quiz-toggle.active{background:var(--accent-red);box-shadow:0 2px 8px #ff33664d}.btn-quiz-toggle.active:active{box-shadow:0 1px 4px #ff33664d}.btn-quiz-toggle.completed{background:var(--border-subtle);color:var(--text-secondary);box-shadow:none;pointer-events:none}.btn-quiz-toggle:disabled{background:#0f83;color:var(--text-secondary);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-quiz-toggle:disabled:hover{background:#0f83;transform:none}.quiz-number{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--accent-yellow);min-width:3rem;text-align:center}.quiz-card.completed .quiz-number{color:var(--accent-green)}.quiz-details{flex:1;margin-left:1rem}.quiz-name{font-size:1rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.quiz-spec{color:var(--text-secondary);font-size:.85rem}.quiz-spec .male{color:#5eb3ff}.quiz-spec .female{color:#ff66b2}.quiz-times{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.time-input-group{background:var(--bg-dark);padding:.75rem;border-radius:8px;border:1px solid var(--border-subtle)}.time-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.time-display{font-size:1.2rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.time-display.empty{color:var(--text-secondary)}.action-buttons{display:flex;gap:.75rem;padding:0 1rem 1rem}.btn{flex:1;padding:1rem;border:none;border-radius:8px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.btn:active{transform:translateY(2px);box-shadow:0 2px 6px #0000004d}.btn-start{background:var(--accent-green);color:var(--bg-dark)}.btn-stop{background:var(--accent-red);color:var(--text-primary)}.btn-disabled{opacity:.3;pointer-events:none}.control-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:2px solid var(--accent-yellow);padding:1rem;display:flex;gap:1rem;box-shadow:0 -4px 20px #00000080}.control-bar .btn{font-size:1rem;padding:.75rem}.btn-reset{background:var(--bg-dark);color:var(--text-primary);border:2px solid var(--border-subtle);flex:0 0 auto;min-width:100px;max-width:150px}.btn-review{background:var(--accent-yellow);color:var(--bg-dark);border:none;flex:0 0 auto;min-width:140px}.btn-review:hover:not(:disabled){background:#ffed4e;box-shadow:0 2px 8px #ffd7004d}.btn-review:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #ffd7004d}.btn-review:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-dark);color:var(--text-secondary);border:2px solid var(--border-subtle)}.btn-finish{background:var(--gradient-active);color:var(--text-primary);flex:2}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-indicator.waiting{background:var(--text-secondary)}.status-indicator.active{background:var(--accent-green);animation:pulse 2s infinite}.status-indicator.completed{background:var(--accent-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem}.stat-card{background:var(--bg-card);padding:.5rem;border-radius:8px;border:1px solid var(--border-subtle);text-align:center}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-yellow)}.quiz-popup-overlay{position:absolute;top:0;left:0;right:0;height:140%;background:#000c;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:0rem 1rem 1rem}.quiz-popup-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.quiz-popup-content{flex:1;padding:2rem;min-height:200px;overflow-y:auto}.quiz-popup-loading,.quiz-popup-error{text-align:center;padding:2rem;color:var(--text-secondary)}.quiz-popup-error{color:var(--accent-red)}.quiz-popup-question{display:flex;flex-direction:column;gap:1.5rem}.quiz-popup-question-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.6;margin:0}.quiz-popup-options{display:flex;flex-direction:column;gap:1rem}.quiz-popup-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-dark);border:2px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease}.quiz-popup-option:hover{border-color:var(--accent-yellow);background:#ffd7000d}.quiz-popup-option input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-green)}.quiz-popup-option input[type=radio]:checked+span{color:var(--accent-green);font-weight:600}.quiz-popup-option span{flex:1;color:var(--text-primary);font-size:1rem}.quiz-popup-descriptive{display:flex;flex-direction:column}.quiz-popup-textarea{width:100%;padding:1rem;background:var(--bg-dark);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:all .2s ease}.quiz-popup-textarea:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 3px #ffd7001a}.quiz-popup-textarea::placeholder{color:var(--text-secondary)}.btn-submit{margin:1rem;padding:1rem;background:var(--accent-green);color:var(--bg-dark);border:none;border-radius:8px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00ff884d}.btn-submit:hover{background:#00e677;box-shadow:0 6px 16px #0f86;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0);box-shadow:0 2px 8px #00ff884d}.team-players-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.team-players-popup-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.team-players-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.team-players-popup-header h3{margin:0;color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em}.close-button{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.close-button:hover{color:var(--text-primary);transform:scale(1.1)}.team-players-popup-content{flex:1;padding:1.5rem;overflow-y:auto}.team-info{margin-bottom:1.5rem;padding:1rem;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border-subtle)}.team-info-row{display:flex;gap:2rem;align-items:center}.team-info-row span{color:var(--text-secondary);font-size:.9rem}.team-info p{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem}.team-info strong{color:var(--text-primary)}.players-list{display:flex;flex-direction:column;gap:1rem}.player-row{display:flex;align-items:center;gap:.5rem}.player-header-row{font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:.5rem}.player-checkbox-container{min-width:100px;display:flex;align-items:center;justify-content:center;margin-left:0}.player-checkbox-header{color:var(--text-primary);font-weight:600;font-size:.9rem}.player-checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:.9rem;-webkit-user-select:none;user-select:none}.player-checkbox-label:has(input:disabled){opacity:.5;cursor:not-allowed}.player-checkbox{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--accent-green)}.player-checkbox:disabled{cursor:not-allowed}.player-number{min-width:100px;color:var(--text-secondary);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-left:-2.5rem}.leader-icon{width:1.5rem;height:1.5rem;color:gold;stroke:gold;fill:gold}.member-icon{width:1.5rem;height:1.5rem;color:var(--text-secondary)}.player-name-header{flex:0 0 37.5px;color:var(--text-primary);font-weight:600;font-size:.9rem;margin-left:-1.5rem}.player-name-input{flex:0 0 37.5px;padding:.75rem;background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;font-size:1rem;outline:none;transition:all .2s ease;margin-left:-1.5rem}.player-name-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #0f83}.player-name-input.readonly{background:var(--bg-card);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.player-name-input.editing{border-color:var(--accent-green);box-shadow:0 0 0 2px #00ff884d}.player-name-input:disabled{background:var(--bg-card);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.saving-indicator{text-align:center;color:var(--accent-green);font-size:.9rem;margin-top:1rem;padding:.5rem}.team-players-popup-footer{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-subtle)}.footer-row{display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--bg-dark);color:var(--text-primary);border-color:var(--text-primary)}.btn-save{padding:.75rem 1.5rem;background:#4da6ff;color:var(--bg-dark);border:none;border-radius:6px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4da6ff4d}.btn-save:hover{background:#66b3ff;box-shadow:0 6px 16px #4da6ff66;transform:translateY(-1px)}.btn-save:active{transform:translateY(0);box-shadow:0 2px 8px #4da6ff4d}.btn-check{padding:.75rem 1.5rem;background:var(--accent-yellow);color:var(--bg-dark);border:none;border-radius:6px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffd7004d}.btn-check:hover{background:#ffed4e;box-shadow:0 6px 16px #ffd70066;transform:translateY(-1px)}.btn-check:active{transform:translateY(0);box-shadow:0 2px 8px #ffd7004d}.btn-check.clicked{background:#d3d3d3;color:var(--text-secondary);box-shadow:0 2px 8px #0003;cursor:default}.btn-check.clicked:hover{background:#d3d3d3;color:var(--text-secondary);box-shadow:0 2px 8px #0003;transform:none}.btn-ready{padding:.75rem 1.5rem;background:var(--accent-green);color:var(--bg-dark);border:none;border-radius:6px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00ff884d}.btn-ready:hover{background:#00e677;box-shadow:0 6px 16px #0f86;transform:translateY(-1px)}.btn-ready:active{transform:translateY(0);box-shadow:0 2px 8px #00ff884d}.next-steps-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.next-steps-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.next-steps-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.next-steps-header h3{margin:0;color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;text-align:center;flex:1}.next-steps-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.next-steps-paragraph{color:var(--text-primary);font-size:.9rem;line-height:1.6;margin:0}.next-steps-form{display:flex;flex-direction:column;gap:.75rem}.next-steps-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.next-steps-input{background:var(--bg-dark);border:2px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:1rem;outline:none;transition:all .2s ease}.next-steps-input:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 3px #ffd7001a}.next-steps-input::placeholder{color:var(--text-secondary)}.next-steps-error{color:var(--accent-red);font-size:.85rem;margin-top:.5rem;padding:.5rem;background:#ff33661a;border:1px solid var(--accent-red);border-radius:6px}.next-steps-footer{padding:1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.next-steps-footer .btn-submit{margin:0;min-width:120px}.next-steps-footer .btn-submit:disabled{opacity:.5;cursor:not-allowed}.quiz-review-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.quiz-review-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.quiz-review-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.quiz-review-header h3{margin:0;color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;text-align:center;flex:1}.quiz-review-navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);gap:1rem}.btn-nav{flex:1;padding:.75rem 1.5rem;font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.1em;border:2px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--bg-dark);color:var(--text-primary)}.btn-nav:hover:not(:disabled){background:var(--accent-yellow);color:var(--bg-dark);border-color:var(--accent-yellow);transform:translateY(-1px);box-shadow:0 2px 8px #ffd7004d}.btn-nav:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #ffd7004d}.btn-nav:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-dark);color:var(--text-secondary)}.quiz-review-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.quiz-review-loading{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1.1rem}.quiz-review-single{width:100%;max-width:600px;display:flex;justify-content:center}.quiz-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.quiz-review-item{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.quiz-review-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.quiz-review-number{font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:var(--accent-yellow);letter-spacing:.05em}.quiz-review-question{flex:1;color:var(--text-primary);font-size:.95rem;line-height:1.5}.quiz-review-question p{margin:0;word-wrap:break-word}.quiz-review-error{color:var(--accent-red);font-size:.85rem;padding:.5rem;background:#ff33661a;border:1px solid var(--accent-red);border-radius:6px}.quiz-review-responses{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.quiz-review-responses-header{margin-bottom:1rem}.quiz-review-responses-header h4{margin:0;color:var(--accent-yellow);font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.05em}.quiz-review-responses-list{display:flex;flex-direction:column;gap:1rem}.quiz-review-response-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.quiz-review-response-player{font-weight:600;color:var(--accent-yellow);font-size:.95rem;font-family:Bebas Neue,sans-serif;letter-spacing:.05em}.quiz-review-response-text{color:var(--text-primary);font-size:.9rem;line-height:1.5;word-wrap:break-word}.quiz-review-no-responses{color:var(--text-secondary);font-size:.9rem;font-style:italic;text-align:center;padding:1rem}.about-us-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.about-us-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.about-us-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.about-us-header h3{margin:0;color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;text-align:center;flex:1}.about-us-content{flex:1;padding:1.5rem;overflow-y:auto}.about-us-paragraph{color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0}.logo-clickable{transition:opacity .2s ease}.logo-clickable:hover{opacity:.8}@media (max-width: 375px){.logo{height:2.5rem}.quiz-title{font-size:1.25rem}.profile-button{width:2.25rem;height:2.25rem}.profile-icon{width:1.125rem;height:1.125rem}.dropdown-menu{min-width:220px}.dropdown-item{padding:.625rem .875rem;font-size:.85rem}.timer-display{font-size:1.75rem}.quiz-number{font-size:1.5rem;min-width:2.5rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.25rem}.login-title-logo{height:1.875rem}.login-logo{height:3rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-dark)}.login-card{background:var(--bg-card);border-radius:12px;border:2px solid var(--border-subtle);padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:4rem;width:auto;object-fit:contain;margin-bottom:1rem}.login-title{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;color:#2a599f;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-title-logo{height:2.25rem;width:auto;object-fit:contain}.login-subtitle{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{background:#ff33661a;border:1px solid var(--accent-red);color:var(--accent-red);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.form-input{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:1rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 3px #ffd7001a}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--text-secondary)}.btn-login{width:100%;padding:1rem;background:var(--accent-green);color:var(--bg-dark);border:none;border-radius:8px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00ff884d;font-weight:600;margin-top:.5rem}.btn-login:hover:not(:disabled){background:#00e677;box-shadow:0 6px 16px #0f86;transform:translateY(-1px)}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00ff884d}.btn-login:disabled{opacity:.6;cursor:not-allowed}.btn-join{background:var(--accent-yellow);color:var(--bg-dark);box-shadow:0 4px 12px #ffd7004d;margin-top:.75rem}.btn-join:hover:not(:disabled){background:#ffed4e;box-shadow:0 6px 16px #ffd70066}.btn-join:active:not(:disabled){box-shadow:0 2px 8px #ffd7004d}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.quizzes-container{max-width:600px;margin:0 auto}.header,.quiz-timer,.summary-stats{max-width:600px;margin-left:auto;margin-right:auto}.control-bar{max-width:600px;left:50%;transform:translate(-50%)}.login-card{padding:3rem 2.5rem}}