body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--bg-primary:#e8ecf0;--bg-secondary:#fff;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f0f4f8;--text-primary:#1a1a2e;--text-secondary:#54585a;--text-muted:#888;--border-color:#e0e0e0;--border-light:#eee;--navy:#041e42;--navy-light:#0a2d5e;--shadow:rgba(0,0,0,.08);--shadow-strong:rgba(0,0,0,.15);--correct-bg:#d4edda;--correct-border:#28a745;--correct-text:#155724;--incorrect-bg:#f8d7da;--incorrect-border:#dc3545;--incorrect-text:#721c24;--info-bg:#e8f4fd;--info-border:#b8d4e8;--warning-bg:#fff3cd;--danger-bg:#ffe6e6;--badge-bg:#e8e8e8;--input-border:#e0e0e0;--section-bg:#f8f9ff}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-card:#252525;--bg-input:#2a2a2a;--bg-hover:#333;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#777;--border-color:#3a3a3a;--border-light:#333;--navy:#1a3a5c;--navy-light:#244b6e;--shadow:rgba(0,0,0,.3);--shadow-strong:rgba(0,0,0,.5);--correct-bg:#1b3a25;--correct-border:#28a745;--correct-text:#8fd9a8;--incorrect-bg:#3a1b1e;--incorrect-border:#dc3545;--incorrect-text:#f5a0a8;--info-bg:#1a2a35;--info-border:#2a4a5a;--warning-bg:#3a3520;--danger-bg:#3a1b1e;--badge-bg:#3a3a3a;--input-border:#444;--section-bg:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8ecf0;background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s,color .3s}body,html{overflow-x:hidden}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:0}.app-user-bar{background:#041e42;box-shadow:0 1px 4px rgba(4,30,66,.2);color:#fff;flex-shrink:0;font-size:13px;font-weight:500;justify-content:space-between;padding:8px 16px;position:relative;width:100%;z-index:200}.app-user-bar,.app-user-bar-left{align-items:center;display:flex;gap:10px}.app-user-bar-left{min-width:0}.app-user-bar-avatar{align-items:center;background:#8b9dc3;border-radius:50%;color:#041e42;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.app-user-bar-name{opacity:.9}.app-user-bar-divider{margin:0 2px;opacity:.35}.app-user-bar-community{align-items:center;background:rgba(139,157,195,.25);border:1px solid rgba(139,157,195,.5);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;min-height:44px;padding:3px 10px;transition:background .15s}.app-user-bar-community:hover{background:rgba(139,157,195,.45)}.theme-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:5px;transition:background .15s}.theme-toggle-btn:hover{background:rgba(139,157,195,.25)}.app-nav-dropdown{flex-shrink:0;position:relative}.app-nav-btn{align-items:center;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;min-height:44px;padding:8px 16px;transition:background .15s;white-space:nowrap}.app-nav-btn:hover{background:hsla(0,0%,100%,.22)}.app-nav-chevron{display:inline-block;font-size:12px;transition:transform .2s}.app-nav-chevron.open{transform:rotate(180deg)}.app-nav-backdrop{inset:0;position:fixed;z-index:299}.app-nav-menu{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px var(--shadow-strong);min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:300}.app-nav-item{align-items:center;background:none;border:none;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .1s,color .1s;width:100%}.app-nav-item:last-child{border-bottom:none}.app-nav-item:hover{background:#f0f4f8;background:var(--bg-hover);color:#041e42;color:var(--navy)}.app-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:22px}.pwa-install-banner{align-items:center;background:#041e42;background:var(--navy);color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:12px;justify-content:space-between;padding:10px 16px}.pwa-install-actions{display:flex;flex-shrink:0;gap:8px}.pwa-install-btn{background:#fff;border:none;border-radius:4px;color:#041e42;color:var(--navy);cursor:pointer;font-size:.8rem;font-weight:700;padding:5px 14px}.pwa-install-btn:hover{background:#e0e0e0}.pwa-dismiss-btn{background:transparent;border:1px solid hsla(0,0%,100%,.4);border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:.8rem;padding:5px 14px}.pwa-dismiss-btn:hover{background:hsla(0,0%,100%,.1)}.app-community-selector{position:relative}.app-community-selector .app-user-bar-community{gap:4px}.app-community-backdrop{inset:0;position:fixed;z-index:299}.app-community-menu{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px var(--shadow-strong);left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:300}.app-community-item{align-items:center;background:none;border:none;border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-align:left;transition:background .1s;width:100%}.app-community-item:last-child{border-bottom:none}.app-community-item:hover{background:#f0f4f8;background:var(--bg-hover)}.app-community-item.active{background:#f8f9ff;background:var(--section-bg);font-weight:700}.app-community-item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-community-commissioner-badge{background:#041e42;background:var(--navy);border-radius:6px;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:.03em;padding:1px 5px;text-transform:uppercase}.app-community-check{flex-shrink:0;opacity:.7}.app-footer{margin-top:16px;padding:24px 16px 16px;text-align:center}.footer-link{align-items:center;background:none;border:none;color:#888;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.8rem;min-height:44px;padding:8px;text-decoration:none}.footer-link:hover{color:#041e42;color:var(--navy);text-decoration:underline}.footer-divider{color:#888;color:var(--text-muted);font-size:.8rem;margin:0 8px}@media (max-width:768px){[role=button],a,button,input[type=button],input[type=submit]{min-height:44px}}.start-screen{align-items:center;background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.start-screen h1{color:#fff;font-size:3rem;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.auth-container{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:400px;padding:40px;width:100%}.auth-tabs{display:flex;gap:10px;margin-bottom:30px}.auth-tabs button{background:var(--badge-bg);border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .2s}.auth-tabs button.active{background:var(--navy);color:#fff}.field-error{color:#e74c3c;font-size:.8rem;margin-top:4px}.auth-container form button[type=submit]{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(4,30,66,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s;width:100%}.auth-container form button[type=submit]:hover:not(:disabled){box-shadow:0 6px 20px rgba(4,30,66,.4);transform:translateY(-2px)}.auth-container form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.error-message{padding:12px}@media (max-width:768px){.start-screen h1{font-size:2rem}.auth-container{padding:20px}.auth-tabs button{min-height:44px}.form-group input{font-size:16px;min-height:44px}.auth-container form button[type=submit]{min-height:48px}.back-to-login-btn,.forgot-password-btn{min-height:44px}}.forgot-password-btn{background:transparent;border:none;color:var(--navy);cursor:pointer;font-weight:600;margin-top:15px;padding:12px;text-decoration:underline;width:100%}.forgot-password-btn:hover{color:var(--navy-light)}.back-to-login-btn{background:var(--badge-bg);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:600;margin-top:15px;padding:12px;width:100%}.back-to-login-btn:hover{background:var(--bg-hover)}.success-message{padding:12px}.tos-consent{margin-bottom:16px}.tos-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;gap:8px;line-height:1.4}.tos-label input[type=checkbox]{accent-color:var(--navy);flex-shrink:0;height:16px;margin-top:2px;width:16px}.tos-link{color:var(--navy);font-weight:600;text-decoration:underline}.tos-link:hover{opacity:.8}.dashboard{background:var(--bg-primary);max-width:800px;min-height:100vh;padding:16px 16px 32px;width:100%}.dashboard-welcome{color:var(--navy);font-size:1.15rem;font-weight:700;margin:0 0 12px}.dashboard-cta{margin-bottom:16px;text-align:center}.dashboard-start-btn{background:var(--navy);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(4,30,66,.25);color:#fff;cursor:pointer;display:inline-block;font-size:.88rem;font-weight:700;letter-spacing:.02em;padding:14px 36px;transition:background .15s,transform .1s}.dashboard-start-btn:hover{background:#0a2d5e}.dashboard-start-btn:active{transform:scale(.98)}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;padding:14px 8px 12px;position:relative}.stat-card:before{background:var(--navy);border-radius:10px 10px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-icon{color:var(--navy);margin-bottom:4px}.stat-number{color:var(--navy);font-size:1.1rem;font-weight:800;line-height:1.2;white-space:nowrap}.stat-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;letter-spacing:.06em;margin-top:2px}.dashboard .achievements-section h3,.dashboard h3{border-left:3px solid var(--navy);color:var(--navy);font-size:.95rem;font-weight:700;margin:0 0 10px;padding-left:10px}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;padding:16px}.dashboard .performance-charts{background:transparent;border-radius:0;margin-top:0;padding:0}.dashboard .achievements-section{margin-bottom:0;margin-top:0}.leaderboard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;padding:16px}.leaderboard h3{align-items:center;border-left:3px solid var(--navy);color:var(--navy);display:flex;font-size:.95rem;font-weight:700;gap:6px;margin-bottom:12px;padding-left:10px}.leaderboard table{border-collapse:collapse;font-size:.82rem;width:100%}.leaderboard thead tr{background:var(--navy);color:#fff}.leaderboard th{font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:8px 10px;text-align:left}.leaderboard td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:8px 10px}.leaderboard tbody tr:last-child td{border-bottom:none}.leaderboard tbody tr:hover{background:var(--section-bg)}.leaderboard-player-link{align-items:center;background:none;border:none;color:var(--navy);cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;min-height:44px;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.leaderboard-player-link:hover{color:#1a3a6e}.recent-games-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;padding:16px}.recent-games-table{border-collapse:collapse;font-size:14px;width:100%}.recent-games-table thead th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.recent-game-row td{border-bottom:1px solid var(--border-light);padding:8px 12px;vertical-align:middle}.recent-game-row:last-child td{border-bottom:none}.recent-game-row:hover{background:var(--bg-hover)}.cat-badge-sm{background:var(--navy);color:#fff;white-space:nowrap}.cat-badge-sm,.diff-badge-sm{border-radius:4px;font-size:12px;padding:2px 8px}.diff-badge-sm{font-weight:600;text-transform:capitalize}.diff-badge-sm.easy{background:var(--correct-bg);color:var(--correct-text)}.diff-badge-sm.medium{background:var(--warning-bg);color:#856404}.diff-badge-sm.hard{background:var(--incorrect-bg);color:var(--incorrect-text)}.score-cell{white-space:nowrap}.score-cell strong{margin-right:6px}.score-pct{color:var(--text-muted);font-size:12px}.date-cell{color:var(--text-secondary);font-size:13px}.review-btn-sm{align-items:center;background:transparent;border:1px solid var(--navy);border-radius:4px;color:var(--navy);cursor:pointer;display:inline-flex;font-size:12px;min-height:44px;padding:4px 12px;transition:all .2s}.review-btn-sm:hover{background:var(--navy);color:#fff}.expand-chevron{color:var(--text-muted);display:inline-block;font-size:12px;margin-right:4px;transition:transform .2s}.expand-chevron.expanded{transform:rotate(90deg)}.recent-game-row.expanded{background:var(--bg-hover)}.game-expand-row td{border-bottom:1px solid var(--border-light)}.game-expand-panel{animation:fadeIn .2s ease;background:var(--bg-hover);border-left:3px solid var(--navy);max-height:300px;overflow-y:auto;padding:12px 16px}.game-expand-panel .qa-item{border-bottom:1px solid var(--border-light);font-size:13px;padding:6px 0}.game-expand-panel .qa-item:last-child{border-bottom:none}.game-expand-panel .qa-question{color:var(--text-primary);font-weight:600;margin-bottom:2px}.game-expand-panel .qa-correct{color:var(--correct-border)}.game-expand-panel .qa-wrong{color:var(--incorrect-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dash-user-avatar{align-items:center;background:var(--navy);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.dash-nav-dropdown{position:relative}.dash-nav-btn{align-items:center;background:var(--navy);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s}.dash-nav-btn:hover{background:#0a2d5e}.dash-nav-chevron{display:inline-block;font-size:14px;transition:transform .2s}.dash-nav-chevron.open{transform:rotate(180deg)}.dash-nav-backdrop{inset:0;position:fixed;z-index:99}.dash-nav-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-strong);left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:100}.dash-nav-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:12px 18px;text-align:left;transition:background .1s,color .1s;width:100%}.dash-nav-item:last-child{border-bottom:none}.dash-nav-item:hover{background:var(--bg-hover);color:var(--navy)}.dash-nav-icon{font-size:16px;text-align:center;width:22px}.username-display{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:3px 0 0}.streak-card.streak-active:before{background:#f97316}.streak-card.streak-active{border-color:#f97316;box-shadow:0 0 8px rgba(249,115,22,.25)}.streak-card.streak-risk:before{animation:streakPulse 2s infinite;background:#f59e0b}.streak-card.streak-risk{border-color:#f59e0b}.streak-best{color:var(--text-muted);font-size:.58rem;margin-top:1px}.streak-warning{animation:streakPulse 2s infinite;color:#f59e0b;font-size:.55rem;font-weight:700;margin-top:2px}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.5}}.streak-calendar-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;padding:12px 16px 8px;text-align:center}.streak-calendar{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.streak-dot{background:#e5e7eb;background:var(--border-light,#e5e7eb);border-radius:50%;height:10px;transition:background .2s;width:10px}.streak-dot.played{background:#f97316}.streak-dot.today{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px #f97316;height:12px;width:12px}.streak-calendar-label{color:var(--text-muted);font-size:.6rem;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}@media (max-width:768px){.recent-games-table .date-cell,.recent-games-table thead th:nth-child(4){display:none}.recent-games-table td,.recent-games-table th{padding:6px 8px}}@media (max-width:500px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.stats-grid{gap:6px}.stat-card{padding:10px 4px 8px}.stat-number{font-size:1.1rem}}.achievements-section{margin:0}.achievements-section h3{color:var(--navy);font-size:.95rem;font-weight:700;margin-bottom:10px}.badges-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);overflow:visible;padding:4px}.badge-card{background:var(--bg-card);border:2px solid;border-radius:8px;overflow:visible;padding:10px 6px 8px;position:relative;text-align:center;transition:all .2s}.badge-card.earned{background:var(--bg-card);box-shadow:var(--shadow)}.badge-card.earned:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.badge-card.locked{border-color:var(--border-color)!important;filter:grayscale(100%);opacity:.35}.badge-icon{font-size:1.3rem;line-height:1;margin-bottom:4px}.badge-name{color:var(--navy);font-size:.68rem;font-weight:700;line-height:1.2;margin-bottom:2px}.badge-description{color:var(--text-secondary);font-size:.58rem;line-height:1.3}.badge-earned{align-items:center;background:#2d6a4f;border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;display:flex;font-size:.55rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}@media (max-width:360px){.badges-grid{gap:6px}.badge-card{padding:8px 4px 6px}.badge-icon{font-size:1.1rem}.badge-name{font-size:.6rem}.badge-description{font-size:.52rem}}.quiz-source-selector{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:600px;padding:40px;width:100%}.quiz-source-selector h2{color:var(--navy);font-size:2rem;margin-bottom:30px}.form-group select{background:var(--bg-input);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.form-group select:focus{border-color:var(--navy);outline:none}.timer-notice{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--navy);display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-top:4px;padding:12px 16px}.timer-notice-icon{font-size:1.1rem}.start-quiz-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(4,30,66,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:20px;padding:20px;transition:all .3s;width:100%}.start-quiz-btn:hover{box-shadow:0 6px 20px rgba(4,30,66,.4);transform:translateY(-2px)}@media (max-width:768px){.quiz-source-selector{border-radius:12px;padding:24px}.quiz-source-selector h2{font-size:1.5rem;margin-bottom:20px}.form-group select{font-size:16px;min-height:48px}.start-quiz-btn{font-size:1.1rem;min-height:48px;padding:16px}.back-btn{min-height:44px}}.quiz-screen{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:800px;min-height:500px;padding:40px;width:100%}.quiz-screen.error,.quiz-screen.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.3rem;justify-content:center}.quiz-screen.error{color:#e74c3c}.quiz-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.progress{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.score{color:var(--navy);font-size:1.3rem;font-weight:600}.quiz-timer-container{align-items:center;display:flex;gap:12px;margin-bottom:20px}.quiz-timer-bar-bg{background:var(--bg-hover);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.quiz-timer-bar-fill{background:var(--navy);border-radius:4px;height:100%;transition:width .1s linear}.quiz-timer-bar-fill.warning{animation:timer-pulse .8s ease-in-out infinite;background:#c41e3a}.quiz-timer-bar-fill.paused{animation:none}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.quiz-timer-seconds{font-feature-settings:"tnum";color:var(--navy);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:36px;text-align:right}.quiz-timer-seconds.warning{animation:timer-pulse .8s ease-in-out infinite;color:#c41e3a}.timeout-message{color:#c41e3a;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:center}.question-container{margin-top:20px}.question{color:var(--text-primary);font-size:1.5rem;line-height:1.6;margin-bottom:30px;text-align:center}.answers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.answer-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:80px;padding:20px;text-align:left;transition:all .2s}.answer-btn:hover:not(:disabled){transform:translateY(-2px)}.answer-btn.selected,.answer-btn:hover:not(:disabled){background:var(--section-bg);border-color:var(--navy)}.answer-btn.correct{background:var(--correct-bg);border-color:var(--correct-border);color:var(--correct-text)}.answer-btn.wrong{background:var(--incorrect-bg);border-color:var(--incorrect-border);color:var(--incorrect-text)}.answer-btn.hidden{background:var(--bg-primary);cursor:not-allowed;opacity:.3}.answer-btn:disabled{cursor:default}.quiz-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.hint-btn,.next-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 30px;transition:all .2s}.hint-btn{background:#f39c12;color:#fff}.hint-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-2px)}.hint-btn:disabled{background:#bdc3c7;cursor:not-allowed}.next-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);color:#fff}.next-btn:hover{box-shadow:0 10px 20px rgba(4,30,66,.4);transform:translateY(-2px)}.question-media{margin-bottom:16px;text-align:center}.question-media-img{border-radius:8px;max-height:300px;max-width:100%;object-fit:contain}.question-media-video{aspect-ratio:16/9;margin:0 auto;max-width:533px;position:relative;width:100%}.question-media-video iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.explanation-panel{animation:explanation-fade-in .4s ease;background:var(--info-bg);border-left:4px solid var(--navy);border-radius:8px;margin-top:16px;padding:16px 20px}.explanation-header{color:var(--navy);font-size:1rem;font-weight:700;margin-bottom:6px}.explanation-text{color:var(--text-primary);font-size:.95rem;line-height:1.5;margin:0}@keyframes explanation-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quiz-screen{border-radius:12px;min-height:auto;padding:20px}.question{font-size:1.1rem;line-height:1.5;margin-bottom:20px}.answers-grid{gap:10px;grid-template-columns:1fr}.answer-btn{font-size:15px;line-height:1.3;min-height:48px;padding:12px 16px}.hint-btn,.next-btn{font-size:1rem;min-height:48px;padding:12px 24px}.quiz-timer-seconds{font-size:1rem}}.game-review{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:900px;padding:40px;width:100%}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.review-header h1{color:var(--navy);font-size:2.5rem;margin:0}.score-display{align-items:flex-end;display:flex;flex-direction:column}.score-large{color:var(--navy);font-size:3rem;font-weight:700}.percentage{font-size:1.5rem}.game-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.meta-item{background:var(--section-bg);border-radius:8px;color:var(--text-secondary);font-weight:600;padding:10px 20px}.answers-list{display:flex;flex-direction:column;gap:20px}.answer-card{border-left:4px solid;border-radius:12px;padding:20px}.answer-card.correct{background:var(--correct-bg);border-color:#28a745}.answer-card.incorrect{background:var(--incorrect-bg);border-color:#dc3545}.question-number{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:10px}.question-text{color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}.answer-options{display:flex;flex-direction:column;gap:8px}.your-answer{color:var(--text-secondary);font-size:1rem}.correct-answer{color:#28a745;font-size:1rem}.review-media{margin-bottom:12px;text-align:center}.review-media-img{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.review-media-video{aspect-ratio:16/9;margin:0 auto;max-width:400px;position:relative;width:100%}.review-media-video iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.review-explanation{align-items:flex-start;background:var(--info-bg);border-left:3px solid var(--navy);border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:10px 14px}.review-explanation-icon{flex-shrink:0;font-size:1rem}.review-explanation-text{color:var(--text-primary);font-size:.95rem;line-height:1.5}@media (max-width:768px){.game-review{padding:20px}.review-header{flex-direction:column;gap:20px}.review-header,.score-display{align-items:flex-start}}.settings{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:800px;padding:40px;width:100%}.settings h1{color:var(--navy);font-size:2.5rem;margin-bottom:30px}.settings-section{background:var(--section-bg);border-radius:12px;margin-bottom:30px;padding:20px}.settings-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.form-group input{border:2px solid var(--input-border);border-radius:8px;font-size:1rem;padding:12px;width:100%}.form-group input:focus{border-color:var(--navy)}.checkbox-group{margin-bottom:15px}.checkbox-group label{align-items:center;cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-group span{color:var(--text-secondary);font-size:1rem}.save-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(4,30,66,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:30px;padding:15px;transition:all .3s;width:100%}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(4,30,66,.4);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.danger-zone{background:var(--danger-bg);border-left:4px solid #e74c3c;border-radius:12px;margin-top:40px;padding:20px}.danger-zone h2{color:#e74c3c;font-size:1.5rem;margin-bottom:15px}.logout-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .2s}.logout-btn:hover{background:#c0392b}.success-message{background:var(--correct-bg);border-left:4px solid #28a745;border-radius:8px;color:var(--correct-text);margin-bottom:20px;padding:15px}.back-btn{background:var(--badge-bg)}.back-btn:hover{background:var(--bg-hover)}.legal-links{display:flex;flex-wrap:wrap;gap:12px}.legal-link-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--navy);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.legal-link-btn:hover{background:var(--bg-hover);border-color:var(--navy)}@media (max-width:768px){.settings{padding:20px}}.community-feed{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:1200px;padding:40px;width:100%}.community-feed h1{color:var(--navy);font-size:2.5rem;margin-bottom:30px}.filters-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.filter-group label{color:var(--text-primary);display:block;margin-bottom:8px}.filter-group select{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.filter-group select:focus{border-color:var(--navy)}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card-feed{background:var(--section-bg);border:2px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s}.game-card-feed:hover{border-color:var(--navy);box-shadow:0 8px 25px rgba(4,30,66,.2);transform:translateY(-5px)}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.username{color:var(--navy);cursor:pointer;font-weight:700}.username:hover{text-decoration:underline}.game-details{display:flex;gap:10px;margin-bottom:15px}.category-badge{background:var(--navy)}.category-badge,.difficulty-badge{border-radius:8px;color:#fff;font-size:.85rem;padding:5px 12px}.difficulty-badge{text-transform:capitalize}.difficulty-badge.easy{background:#27ae60}.difficulty-badge.medium{background:#f39c12}.difficulty-badge.hard{background:#e74c3c}.game-score-large{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:15px}.percentage{color:var(--text-muted);font-size:1.2rem;margin-left:10px}.view-btn{background:var(--navy);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .2s;width:100%}.view-btn:hover{background:var(--navy-light)}.no-games{color:var(--text-muted);font-size:1.2rem;padding:40px;text-align:center}@media (max-width:768px){.community-feed{padding:20px}.filters-section,.games-grid{grid-template-columns:1fr}}.user-profile{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:1200px;padding:40px;width:100%}.user-profile h1{color:var(--navy);font-size:2.5rem;margin-bottom:30px}.user-profile h3{color:var(--text-primary);font-size:1.5rem;margin:30px 0 20px}.profile-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.profile-stat-card{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border-radius:12px;color:#fff;padding:30px;text-align:center}.profile-stat-card .stat-number{font-size:3rem;font-weight:700;margin-bottom:10px}.profile-stat-card .stat-label{font-size:1rem;opacity:.9}.profile-games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-game-card{align-items:center;background:var(--section-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s}.profile-game-card:hover{border-color:var(--navy);box-shadow:0 4px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.game-info{display:flex;gap:10px}.game-category{background:var(--navy)}.game-category,.game-difficulty{border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;padding:5px 12px}.game-difficulty{background:#f39c12}.game-score{color:var(--navy);font-size:1.5rem;font-weight:700}.game-date{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.user-profile{padding:20px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-games-grid{grid-template-columns:1fr}.profile-game-card{align-items:flex-start;flex-direction:column;gap:10px}}.admin-dashboard{background:var(--bg-primary);max-width:800px;min-height:100vh;padding:16px 16px 32px;width:100%}.admin-back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.82rem;font-weight:600;margin-bottom:12px;padding:8px 16px;transition:background .1s}.admin-back-btn:hover{background:var(--bg-hover)}.admin-title{color:var(--navy);font-size:1.2rem;font-weight:700;margin:0 0 16px}.admin-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;padding:16px 12px 14px;position:relative;text-align:center}.admin-stat-card:before{background:var(--navy);border-radius:10px 10px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.admin-stat-icon{align-items:center;color:var(--navy);display:flex;justify-content:center;margin-bottom:4px}.admin-stat-number{color:var(--navy);font-size:1.5rem;font-weight:800;line-height:1.2}.admin-stat-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.admin-section{margin-bottom:20px}.admin-section h2{border-left:3px solid var(--navy);color:var(--navy);font-size:.95rem;font-weight:700;margin-bottom:10px;padding-left:10px}.popular-category{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px}.category-name{color:var(--navy);font-size:.95rem;font-weight:700}.category-count{color:var(--text-secondary);font-size:.8rem}.admin-empty{color:var(--text-secondary);font-size:.85rem;padding:20px;text-align:center}.pending-questions{grid-gap:10px;display:grid;gap:10px}.pending-question-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:14px}.question-header{gap:8px;margin-bottom:10px}.admin-category-badge{background:var(--navy);border-radius:10px;color:#fff;font-size:.72rem;font-weight:600;padding:2px 10px}.admin-difficulty-badge{border-radius:10px;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.admin-difficulty-badge.diff-easy{background:var(--correct-bg);color:var(--correct-text)}.admin-difficulty-badge.diff-medium{background:var(--warning-bg);color:#856404}.admin-difficulty-badge.diff-hard{background:var(--incorrect-bg);color:#721c24}.question-text{color:var(--navy);font-size:.88rem;font-weight:600;line-height:1.4}.answers-list{margin-bottom:10px}.answer{border-radius:6px;font-size:.82rem;margin-bottom:4px;padding:6px 10px}.answer.correct{background:var(--correct-bg);color:var(--correct-text)}.answer.incorrect{background:var(--incorrect-bg);color:#721c24}.creator{color:var(--text-secondary);font-size:.78rem}.review-actions{display:flex;gap:8px}.approve-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px;transition:all .15s}.approve-btn{background:#2d6a4f;color:#fff}.approve-btn:hover{background:#236b43}.reject-btn{background:#dc3545;color:#fff}.reject-btn:hover{background:#bb2d3b}.admin-table-wrap{border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.8rem;width:100%}.admin-table thead tr{background:var(--navy);color:#fff}.admin-table th{font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:8px 10px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:8px 10px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--section-bg)}.admin-score{color:var(--navy);font-weight:700}.role-badge{border-radius:10px;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.role-admin{background:var(--navy);color:#fff}.role-user{background:var(--badge-bg);color:var(--text-secondary)}.vis-badge{border-radius:10px;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.vis-public{background:var(--correct-bg);color:var(--correct-text)}.vis-private{background:var(--badge-bg);color:var(--text-secondary)}.admin-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.admin-tab{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.82rem;font-weight:600;padding:10px 16px;transition:all .15s}.admin-tab:hover{background:var(--bg-hover)}.admin-tab.active{background:var(--navy);color:#fff}.admin-toast{animation:toast-in .3s ease;border-radius:8px;font-size:.85rem;font-weight:600;padding:12px 20px;position:fixed;right:16px;top:16px;z-index:1000}.admin-toast.success{background:#2d6a4f;color:#fff}.admin-toast.error{background:#dc3545;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.um-toolbar{display:flex;gap:10px;margin-bottom:10px}.um-search-wrap{flex:1 1;position:relative}.um-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.82rem;padding:8px 32px 8px 12px;width:100%}.um-search:focus{border-color:var(--navy);outline:none}.um-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:2px 4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.um-filter{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.82rem;min-width:120px;padding:8px 12px}.um-filter:focus{border-color:var(--navy);outline:none}.um-count{color:var(--text-secondary);font-size:.75rem;margin-bottom:8px}.um-table tbody tr:nth-child(2n):not(.um-detail-row){background:var(--section-bg)}.um-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.um-sortable:hover{background:#0a2d5e}.um-username{color:var(--navy);font-weight:600}.um-you-badge{background:var(--badge-bg);border-radius:8px;color:var(--text-secondary);display:inline-block;font-size:.6rem;font-weight:600;margin-left:6px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}.um-actions{white-space:nowrap}.um-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.68rem;font-weight:600;margin-right:4px;padding:3px 8px;transition:all .15s}.um-action-btn:disabled{cursor:not-allowed;opacity:.4}.um-promote{background:#2d6a4f;color:#fff}.um-promote:hover:not(:disabled){background:#236b43}.um-demote{background:var(--badge-bg);color:var(--text-secondary)}.um-demote:hover:not(:disabled){background:var(--border-color)}.um-grant-sa{background:var(--navy);color:#fff}.um-grant-sa:hover:not(:disabled){background:#0a2d5e}.um-revoke-sa{background:#dc3545;color:#fff}.um-revoke-sa:hover:not(:disabled){background:#bb2d3b}.um-view{background:var(--badge-bg);color:var(--navy)}.um-view:hover{background:var(--border-color)}.um-expanded-row td{background:var(--bg-hover)!important}.um-detail-row td{border-bottom:2px solid var(--navy)!important;padding:0!important}.um-detail-panel{background:var(--bg-hover);padding:14px 16px}.um-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.um-detail-item{display:flex;flex-direction:column;gap:2px}.um-detail-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.um-detail-value{color:var(--navy);font-size:.88rem;font-weight:700}.um-detail-communities{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.um-community-tag{background:var(--navy);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.um-detail-none{color:var(--text-secondary);font-size:.8rem;font-style:italic}.um-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:14px}.um-page-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px;transition:all .15s}.um-page-btn:hover:not(:disabled){background:var(--navy);color:#fff}.um-page-btn:disabled{cursor:not-allowed;opacity:.4}.um-page-info{color:var(--text-secondary);font-size:.78rem;font-weight:600}@media (max-width:600px){.um-toolbar{flex-direction:column}.um-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.admin-stats-grid{gap:8px}.admin-stat-card{padding:12px 8px 10px}.admin-stat-number{font-size:1.2rem}.admin-table td,.admin-table th{font-size:.72rem;padding:6px 8px}}.ai-request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:14px}.ai-req-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ai-req-community{background:var(--navy);border-radius:10px;color:#fff;font-size:.72rem;font-weight:600;padding:2px 10px}.ai-req-date{color:var(--text-secondary);font-size:.72rem}.ai-req-theme{color:var(--navy);font-size:.95rem;font-weight:700;margin-bottom:6px}.ai-req-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ai-req-tag{background:var(--badge-bg);border-radius:10px;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.ai-req-by,.ai-req-tag{color:var(--text-secondary)}.ai-req-by{font-size:.72rem}.ai-req-instructions{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:0 0 8px}.ai-reject-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}.ai-reject-form textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.8rem;padding:8px 10px;resize:vertical}.ai-reject-form textarea:focus{border-color:var(--navy);outline:none}.ai-reject-btns{display:flex;gap:6px}.ai-cancel-btn{background:var(--badge-bg);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px}.ai-cancel-btn:hover{background:var(--border-color)}.ai-status-badge{border-radius:10px;font-size:.68rem;font-weight:700;padding:2px 8px;text-transform:capitalize}.ai-status-pending{background:#f0ad4e;color:#fff}.ai-status-approved,.ai-status-generating{background:#5bc0de;color:#fff}.ai-status-generating{animation:ai-pulse 1.5s ease-in-out infinite}.ai-status-completed{background:#5cb85c;color:#fff}.ai-status-failed,.ai-status-rejected{background:#d9534f;color:#fff}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.6}}.ai-sim-btn{background:var(--badge-bg);border:none;border-radius:4px;color:var(--navy);cursor:pointer;font-size:.65rem;font-weight:600;margin-left:6px;padding:2px 8px;transition:background .15s}.ai-sim-btn:hover{background:var(--border-color)}.cr-request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:14px}.cr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.cr-name{color:var(--navy);font-size:1rem;font-weight:700}.cr-date{font-size:.72rem}.cr-by,.cr-date{color:var(--text-secondary)}.cr-by{font-size:.78rem;margin-bottom:8px}.cr-description{color:var(--text-primary);font-size:.85rem;line-height:1.4;margin:0 0 6px}.cr-reason{color:var(--text-secondary);font-size:.82rem;font-style:italic;line-height:1.4;margin:0 0 10px}.reviewed-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:0;width:100%}.reviewed-toggle:hover .reviewed-chevron{color:var(--navy)}.reviewed-chevron{color:var(--text-secondary);font-size:.85rem;transition:color .15s}.reviewed-status-badge{border-radius:10px;font-size:.7rem;font-weight:700;padding:2px 10px;text-transform:capitalize}.reviewed-approved{background:#2d6a4f;color:#fff}.reviewed-rejected{background:#dc3545;color:#fff}.reviewed-date{color:var(--text-muted);font-size:.8rem;font-weight:400}.revert-btn{background:transparent;border:1px solid var(--navy);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .15s}.revert-btn:hover{background:var(--navy);color:#fff}.flag-reason-badge{background:var(--incorrect-bg);border-radius:10px;color:#721c24;font-size:.65rem;font-weight:600;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.um-delete{background:transparent;border:1px solid #dc3545;color:#dc3545}.um-delete:hover:not(:disabled){background:#dc3545;color:#fff}.um-delete-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.um-delete-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-strong);max-width:440px;padding:24px;width:100%}.um-delete-warning{background:var(--incorrect-bg);border-radius:6px;color:var(--incorrect-text);font-size:.82rem;font-weight:500;line-height:1.4;margin-bottom:14px;padding:10px 14px}.um-delete-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.um-delete-stats>div{background:var(--section-bg);border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:8px 10px}.um-delete-stats-label{color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.um-delete-stats-value{color:var(--navy);font-size:.88rem;font-weight:700}.um-delete-commissioner-warning{background:var(--warning-bg);border-radius:6px;color:#856404;font-size:.8rem;font-weight:500;line-height:1.4;margin-bottom:14px;padding:10px 14px}.um-delete-confirm-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.85rem;padding:8px 12px;width:100%}.um-delete-confirm-input:focus{border-color:#dc3545;outline:none}.um-delete-confirm-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .15s}.um-delete-confirm-btn:disabled{cursor:not-allowed;opacity:.4}.um-delete-confirm-btn:hover:not(:disabled){background:#bb2d3b}.question-creator{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:800px;padding:40px;width:100%}.question-creator h2{color:var(--navy);font-size:2rem;margin-bottom:10px}.subtitle{color:var(--text-muted);margin-bottom:30px}.error-message{background:var(--danger-bg);border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;margin-bottom:20px;padding:15px}.form-row{grid-gap:20px;gap:20px}.form-group,.form-row{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--input-border);border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--navy);outline:none}.form-group textarea{font-family:inherit;resize:vertical}.correct-answer label{color:#27ae60}.correct-answer input{border-color:#27ae60}.submit-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(4,30,66,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(4,30,66,.4);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.info-box{background:var(--section-bg);border-left:4px solid var(--navy);border-radius:12px;margin-top:30px;padding:20px}.info-box h4{color:var(--navy);margin-bottom:10px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:var(--text-secondary);margin-bottom:8px}@media (max-width:768px){.question-creator{padding:20px}.form-row{gap:0;grid-template-columns:1fr}}.communities-list{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:1200px;padding:40px;width:100%}.communities-list h1{color:var(--navy);font-size:2.5rem;margin-bottom:30px}.action-buttons{display:flex;gap:15px;margin-bottom:30px}.browse-btn,.create-btn,.join-btn,.request-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s}.create-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);color:#fff}.join-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.browse-btn{background:linear-gradient(135deg,#041e42,#0a2d5e);color:#fff}.communities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.community-card{background:var(--section-bg);border:2px solid var(--border-color);border-radius:12px;border-top:3px solid var(--border-color);cursor:pointer;padding:20px;transition:all .3s}.community-card:hover{border-color:var(--navy);box-shadow:0 8px 25px rgba(4,30,66,.2);transform:translateY(-5px)}.community-card h3{color:var(--navy);margin-bottom:10px}.commissioner,.dates,.invite-code{color:var(--text-secondary);margin:5px 0}.modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;right:0;top:0}.modal{background:var(--bg-card);border-radius:12px;max-width:400px;padding:30px;width:90%}.modal h2,.modal input{margin-bottom:20px}.modal input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px;width:100%}.modal-buttons{display:flex;gap:10px}.modal-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px}.error{color:#e74c3c;margin-bottom:15px}.empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.request-btn{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:#fff}.request-btn:hover{opacity:.9}.request-modal{max-width:480px}.request-label{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.request-textarea{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.request-textarea:focus{border-color:var(--navy);outline:none}.request-success-msg{background:var(--correct-bg);border-radius:8px;color:var(--correct-text);font-weight:600;padding:16px;text-align:center}.my-requests-toggle{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--navy);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:8px;padding:10px 16px;transition:background .15s}.my-requests-toggle:hover{background:var(--border-color)}.request-pending-count{background:#f0ad4e;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px}.my-requests-list{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.my-request-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:8px;padding:14px}.my-request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.my-request-name{color:var(--navy);font-size:.95rem;font-weight:700}.request-status-badge{border-radius:10px;font-size:.7rem;font-weight:700;padding:2px 10px;text-transform:capitalize}.status-pending{background:#f0ad4e;color:#fff}.status-approved{background:#2d6a4f;color:#fff}.status-rejected{background:#dc3545;color:#fff}.my-request-desc{font-size:.82rem}.my-request-desc,.my-request-reason{color:var(--text-secondary);margin:0 0 4px}.my-request-reason{font-size:.8rem;font-style:italic}.my-request-date{color:var(--text-muted);font-size:.72rem;margin:0}.my-request-rejection{background:var(--incorrect-bg);border-radius:6px;color:#721c24;font-size:.8rem;margin-top:8px;padding:8px 12px}.my-request-approved-date{color:var(--correct-text);font-size:.72rem;margin:4px 0 0}@media (max-width:600px){.action-buttons{flex-direction:column}.communities-list{border-radius:12px;padding:20px}.communities-list h1{font-size:1.75rem;margin-bottom:20px}.browse-btn,.create-btn,.join-btn,.request-btn{font-size:1rem;min-height:48px}.community-card{min-height:44px;padding:16px}.modal-buttons button,.my-requests-toggle{min-height:44px}}.community-detail{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:1200px;padding:40px;width:100%}.cd-banner{border-radius:12px;margin-bottom:20px;overflow:hidden;width:100%}.cd-banner img{display:block;height:180px;object-fit:cover;width:100%}.cd-logo{border:2px solid var(--border-color);border-radius:10px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.cd-welcome{background:var(--section-bg);border-left:4px solid var(--community-color,var(--navy));border-radius:0 8px 8px 0;font-size:.95rem;line-height:1.5;margin-bottom:24px;padding:12px 16px}.back-btn,.cd-welcome{color:var(--text-secondary)}.back-btn{background:var(--bg-hover);border-radius:8px;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:all .2s}.back-btn:hover{background:var(--border-color);color:var(--text-primary)}.community-header{align-items:center;display:flex;gap:15px;margin-bottom:30px}.community-header h1{color:var(--navy);font-size:2.5rem;margin:0}.commissioner-badge{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.community-info{grid-gap:15px;background:var(--section-bg);border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item .label{color:var(--text-muted);font-size:.85rem;font-weight:600}.info-item .value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.value.code{background:var(--navy);border-radius:6px;color:#fff;display:inline-block;font-family:monospace;padding:5px 12px}.manage-community-btn{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(243,156,18,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px;padding:15px;transition:all .3s;width:100%}.manage-community-btn:hover{box-shadow:0 6px 20px rgba(243,156,18,.4);transform:translateY(-2px)}.start-community-quiz-btn{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(4,30,66,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-bottom:40px;padding:20px;transition:all .3s;width:100%}.start-community-quiz-btn:hover{box-shadow:0 6px 20px rgba(4,30,66,.4);transform:translateY(-2px)}.community-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.section{background:var(--section-bg);border-radius:12px;padding:20px}.section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:8px;margin-bottom:20px}.empty-message{color:var(--text-muted);padding:40px 0}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{background:var(--navy);background:var(--community-color,var(--navy));color:#fff;font-weight:600;padding:12px;text-align:left}.leaderboard-table td{border-bottom:1px solid var(--border-color);padding:12px}.leaderboard-table tr:hover{background:var(--bg-secondary)}.leaderboard-table tr.current-user{background:var(--warning-bg);font-weight:600}.members-list{display:flex;flex-direction:column;gap:10px}.member-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.member-name{color:var(--text-primary);font-weight:600}.member-joined{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.community-detail{border-radius:12px;padding:20px}.community-info,.community-sections{grid-template-columns:1fr}.cd-banner img{height:120px}.cd-logo{height:44px;width:44px}.back-btn{min-height:44px}.manage-community-btn{font-size:1rem;min-height:48px}.start-community-quiz-btn{font-size:1.1rem;min-height:48px}.cd-ann-view-all{align-items:center;display:inline-flex;min-height:44px}.cd-archive-header{min-height:44px}}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.activity-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.activity-user{color:var(--navy);font-size:.88rem;font-weight:700}.activity-date{color:#8b9dc3;font-size:.72rem}.activity-details{display:flex;gap:6px;margin-bottom:6px}.activity-category{background:var(--badge-bg);color:var(--text-secondary);font-size:.72rem}.activity-category,.activity-difficulty{border-radius:10px;font-weight:600;padding:2px 8px}.activity-difficulty{font-size:.68rem;text-transform:capitalize}.activity-difficulty.diff-easy{background:var(--correct-bg);color:var(--correct-text)}.activity-difficulty.diff-medium{background:var(--warning-bg);color:#856404}.activity-difficulty.diff-hard{background:var(--incorrect-bg);color:#721c24}.activity-score{align-items:baseline;display:flex;gap:6px}.activity-score-num{color:var(--navy);font-size:1rem;font-weight:800}.activity-pct{color:var(--text-secondary);font-size:.75rem;font-weight:600}.cd-announcements{background:var(--section-bg);border-radius:12px;margin-bottom:30px;padding:20px}.cd-ann-header{color:var(--text-primary);font-size:1.5rem;margin:0 0 16px}.cd-ann-list{display:flex;flex-direction:column;gap:10px}.cd-ann-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px 16px}.cd-ann-card.pinned{background:var(--bg-hover);border-left:3px solid var(--navy)}.cd-ann-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.cd-ann-title-row{align-items:center;display:flex;flex:1 1;gap:6px}.cd-ann-pin-icon{flex-shrink:0;font-size:.85rem}.cd-ann-title{color:var(--navy);font-size:.95rem}.cd-ann-new-badge{background:#c41e3a;border-radius:8px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.cd-ann-time{color:#8b9dc3;flex-shrink:0;font-size:.75rem;white-space:nowrap}.cd-ann-body{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:0;white-space:pre-wrap}.cd-ann-view-all{background:none;border:1px solid var(--navy);border-radius:6px;color:var(--navy);cursor:pointer;display:block;font-size:.85rem;font-weight:600;margin:12px auto 0;padding:8px 20px;transition:all .2s}.cd-ann-view-all:hover,.cd-season-badge{background:var(--navy);color:#fff}.cd-season-badge{background:var(--community-color,var(--navy));border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:3px 10px;vertical-align:middle}.cd-archive-card{border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;overflow:hidden}.cd-archive-header{align-items:center;background:var(--section-bg);border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.cd-archive-header:hover{background:var(--bg-hover)}.cd-archive-name{color:var(--navy);font-size:.9rem;font-weight:700}.cd-archive-dates{flex:1 1}.cd-archive-dates,.cd-archive-games{color:var(--text-secondary);font-size:.8rem}.cd-archive-games{font-weight:600}.cd-archive-chevron{color:var(--text-secondary);font-size:.82rem}.cd-archive-body{border-top:1px solid var(--border-light);padding:12px 14px}.cd-archive-mvp{color:var(--navy);font-size:.88rem;font-weight:700;margin-bottom:10px}.community-chat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:400px;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.chat-message{border-radius:12px;font-size:14px;line-height:1.4;max-width:75%;padding:8px 12px;position:relative}.chat-message.own{align-self:flex-end;background:var(--navy);border-bottom-right-radius:4px;color:#fff}.chat-message.other{align-self:flex-start;background:var(--bg-hover);border-bottom-left-radius:4px;color:var(--text-primary)}.chat-message-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:2px}.chat-username{font-weight:700;margin-right:8px}.chat-message.own .chat-username{color:hsla(0,0%,100%,.8)}.chat-message.other .chat-username{color:var(--navy)}.chat-time{font-size:11px;opacity:.6}.chat-message-text{white-space:pre-wrap;word-break:break-word}.chat-deleted{color:var(--text-muted);font-size:13px;font-style:italic;padding:6px 12px}.chat-delete-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:0;padding:2px;position:absolute;right:4px;top:4px;transition:opacity .2s}.chat-message:hover .chat-delete-btn{opacity:1}.chat-input-bar{align-items:flex-end;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:8px;padding:8px 12px}.chat-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:80px;outline:none;padding:8px 16px;resize:none}.chat-input:focus{border-color:var(--navy)}.chat-send-btn{align-items:center;background:var(--navy);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.chat-send-btn:hover{background:var(--navy-light)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:14px;justify-content:center}.chat-load-older{padding:8px;text-align:center}.chat-load-older button{background:none;border:none;color:var(--navy);cursor:pointer;font-size:13px;text-decoration:underline}.chat-load-older button:disabled{color:var(--text-muted);cursor:not-allowed}.chat-char-count{align-self:center;color:var(--text-muted);font-size:11px}@media (max-width:768px){.community-chat{border-radius:8px;height:350px}.chat-message{max-width:85%}}:root{--gt-navy:var(--navy,#041e42);--gt-navy-light:#1a3a6e;--gt-navy-hover:#0a2d5e;--gt-gray:var(--text-secondary,#54585a);--gt-gray-light:#8b9dc3;--gt-gray-pale:var(--bg-hover,#e8ecf0);--gt-white:var(--bg-secondary,#fff);--gt-bg:var(--section-bg,#f8f9fa);--gt-border:var(--border-color,#dee2e6);--gt-red:#c41e3a;--gt-red-hover:#a01730;--gt-success:#2d6a4f;--gt-text:var(--text-primary,#212529);--gt-text-muted:var(--text-muted,#6c757d);--gt-shadow:var(--shadow,0 1px 4px rgba(4,30,66,.1));--gt-shadow-md:var(--shadow-strong,0 2px 8px rgba(4,30,66,.14));--radius:6px}.cd-toast{animation:cd-toast-in .3s ease;border-radius:8px;font-size:.85rem;font-weight:600;padding:12px 20px;position:fixed;right:16px;top:16px;z-index:1000}.cd-toast.success{background:#2d6a4f;color:#fff}.cd-toast.error{background:#dc3545;color:#fff}@keyframes cd-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.commissioner-dashboard{background:#f8f9fa;background:var(--gt-bg);color:#212529;color:var(--gt-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1100px;min-height:100vh;padding:24px 20px 48px}.back-btn{align-items:center;background:none;border:none;color:#041e42;color:var(--gt-navy);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:6px 0}.back-btn:hover{text-decoration:underline}.dashboard-header{align-items:center;background:#041e42;background:var(--gt-navy);border-radius:6px;border-radius:var(--radius);color:#fff;color:var(--gt-white);display:flex;justify-content:space-between;margin-bottom:0;padding:20px 24px}.dashboard-header h1{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 2px}.community-name{font-size:13px;font-weight:400;letter-spacing:.3px;opacity:.75;text-transform:uppercase}.dashboard-user{gap:10px}.dashboard-user,.user-avatar{align-items:center;display:flex;flex-shrink:0}.user-avatar{background:#8b9dc3;background:var(--gt-gray-light);border-radius:50%;color:#041e42;color:var(--gt-navy);font-size:15px;font-weight:700;height:34px;justify-content:center;width:34px}.username-label{font-size:14px;font-weight:500;opacity:.9}.dashboard-nav{margin-bottom:24px;position:relative}.nav-dropdown-btn{align-items:center;background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border-left:4px solid #041e42;border:1px solid var(--gt-border);border-left:4px solid var(--gt-navy);border-radius:6px;border-radius:var(--radius);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);color:#041e42;color:var(--gt-navy);cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:12px 16px;transition:border-color .15s,box-shadow .15s;width:100%}.nav-dropdown-btn:hover{border-color:#041e42;border-color:var(--gt-navy);box-shadow:0 2px 8px rgba(4,30,66,.14);box-shadow:var(--gt-shadow-md)}.nav-current-label{flex:1 1;text-align:left}.nav-chevron{display:inline-block;font-size:16px;transition:transform .2s}.nav-chevron.open{transform:rotate(180deg)}.nav-backdrop{inset:0;position:fixed;z-index:99}.nav-dropdown-menu{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px rgba(4,30,66,.14);box-shadow:var(--gt-shadow-md);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.nav-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);color:#54585a;color:var(--gt-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .1s,color .1s;width:100%}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:#e8ecf0;background:var(--gt-gray-pale);color:#041e42;color:var(--gt-navy)}.nav-dropdown-item.active{background:#041e42;background:var(--gt-navy);color:#fff;color:var(--gt-white);font-weight:600}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:22px}.stats-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;background:var(--gt-white);border-radius:6px;border-radius:var(--radius);border-top:4px solid #041e42;border-top:4px solid var(--gt-navy);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);padding:20px;text-align:center}.stat-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.stat-icon,.stat-number{color:#041e42;color:var(--gt-navy)}.stat-number{font-size:32px;font-weight:700;line-height:1;margin-bottom:6px}.stat-label{color:#6c757d;color:var(--gt-text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.quick-action-btn{align-items:center;background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:10px;padding:20px 16px;transition:border-color .15s,box-shadow .15s}.quick-action-btn:hover{border-color:#041e42;border-color:var(--gt-navy);box-shadow:0 2px 8px rgba(4,30,66,.14);box-shadow:var(--gt-shadow-md)}.qa-icon{align-items:center;color:#041e42;color:var(--gt-navy);display:flex;justify-content:center}.commissioner-section{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);margin-bottom:20px;padding:20px 24px}.commissioner-section h2{color:#041e42;color:var(--gt-navy);font-size:16px;font-weight:600;margin:0 0 16px}.commissioner-section h2,.section-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);padding-bottom:12px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{border:none;margin:0;padding:0}.section-actions{align-items:center;display:flex;gap:8px}.section-desc{color:#6c757d;color:var(--gt-text-muted);font-size:13px;margin:-8px 0 16px}.btn-primary{background:#041e42;background:var(--gt-navy);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;color:var(--gt-white);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.btn-primary:hover{background:#0a2d5e;background:var(--gt-navy-hover)}.btn-primary:disabled{background:#8b9dc3;background:var(--gt-gray-light);cursor:not-allowed}.btn-secondary{align-items:center;background:#fff;background:var(--gt-white);border:1px solid #041e42;border:1px solid var(--gt-navy);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background .15s}.btn-secondary:hover{background:#e8ecf0;background:var(--gt-gray-pale)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#c41e3a;background:var(--gt-red);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;color:var(--gt-white);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.btn-danger:hover{background:#a01730;background:var(--gt-red-hover)}.btn-danger-sm{background:none;border:1px solid #c41e3a;border:1px solid var(--gt-red);border-radius:6px;border-radius:var(--radius);color:#c41e3a;color:var(--gt-red);cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:background .15s,color .15s}.btn-danger-sm:hover{background:#c41e3a;background:var(--gt-red);color:#fff;color:var(--gt-white)}.btn-icon{align-items:center;background:none;border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:5px 10px;transition:background .15s}.btn-icon:hover,.upload-instructions{background:#e8ecf0;background:var(--gt-gray-pale)}.upload-instructions{align-items:flex-start;border-radius:6px;border-radius:var(--radius);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.upload-instructions p{color:#54585a;color:var(--gt-gray);flex:1 1;font-size:13px;margin:0}.upload-instructions code{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:3px;color:#041e42;color:var(--gt-navy);font-size:11px;padding:1px 4px}.file-upload-section{margin-bottom:12px}.file-input{display:none}.file-upload-label{background:#fff;background:var(--gt-white);border:1px dashed #041e42;border:1px dashed var(--gt-navy);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.file-upload-label:hover{background:#e8ecf0;background:var(--gt-gray-pale)}.csv-errors{background:#fff5f5;border:1px solid #fecaca;border-radius:6px;border-radius:var(--radius);margin:12px 0;padding:14px 16px}.csv-errors h3{color:#c41e3a;color:var(--gt-red);font-size:13px;margin:0 0 8px}.csv-errors ul{margin:0;padding-left:20px}.csv-errors li{color:#c41e3a;color:var(--gt-red);font-size:12px;margin-bottom:3px}.csv-preview{margin-top:16px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.preview-header h3{color:#041e42;color:var(--gt-navy);font-size:14px;font-weight:600;margin:0}.preview-note{color:#6c757d;color:var(--gt-text-muted);font-size:12px;margin-top:8px}.members-table,.preview-table{overflow-x:auto}.members-table table,.preview-table table{border-collapse:collapse;font-size:13px;width:100%}.members-table th,.preview-table th{background:#041e42;background:var(--gt-navy);color:#fff;color:var(--gt-white);font-size:12px;font-weight:600;letter-spacing:.4px;padding:10px 12px;text-align:left;text-transform:uppercase}.members-table td,.preview-table td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);color:#212529;color:var(--gt-text);padding:10px 12px;vertical-align:middle}.members-table tr:last-child td,.preview-table tr:last-child td{border-bottom:none}.members-table tr:hover td,.preview-table tr:hover td{background:#e8ecf0;background:var(--gt-gray-pale)}.preview-table td.correct{color:#2d6a4f;color:var(--gt-success);font-weight:500}.search-section{margin-bottom:12px}.search-input-wrapper{position:relative}.search-input{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-sizing:border-box;color:#212529;color:var(--gt-text);font-size:14px;padding:9px 36px 9px 12px;transition:border-color .15s;width:100%}.search-input:focus{border-color:#041e42;border-color:var(--gt-navy);box-shadow:0 0 0 3px rgba(4,30,66,.08);outline:none}.clear-search{background:none;border:none;color:#6c757d;color:var(--gt-text-muted);cursor:pointer;font-size:14px;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.question-filters{align-items:center;background:#e8ecf0;background:var(--gt-gray-pale);border-radius:6px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:12px 14px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#54585a;color:var(--gt-gray);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.filter-group select{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#212529;color:var(--gt-text);cursor:pointer;font-size:13px;padding:6px 10px}.filter-group select:focus{border-color:#041e42;border-color:var(--gt-navy);outline:none}.filter-results{color:#6c757d;color:var(--gt-text-muted);font-size:12px;margin-left:auto;white-space:nowrap}.tag-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-filters label{color:#54585a;color:var(--gt-gray);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.tag-filter-list{display:flex;flex-wrap:wrap;gap:6px}.tag-filter-btn{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:20px;color:#54585a;color:var(--gt-gray);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.tag-filter-btn:hover{color:#041e42;color:var(--gt-navy)}.tag-filter-btn.active,.tag-filter-btn:hover{border-color:#041e42;border-color:var(--gt-navy)}.tag-filter-btn.active{background:#041e42;background:var(--gt-navy);color:#fff;color:var(--gt-white)}.clear-tags-btn{background:none;border:none;color:#6c757d;color:var(--gt-text-muted);cursor:pointer;font-size:12px;padding:4px 10px;text-decoration:underline}.bulk-controls{gap:12px;margin-bottom:8px;padding:10px 0}.bulk-controls,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#041e42;color:var(--gt-navy);cursor:pointer;font-size:13px;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#041e42;accent-color:var(--gt-navy);cursor:pointer;height:15px;width:15px}.bulk-tagging-panel{background:#e8ecf0;background:var(--gt-gray-pale);border:1px solid #dee2e6;border-left:4px solid #041e42;border:1px solid var(--gt-border);border-left:4px solid var(--gt-navy);border-radius:6px;border-radius:var(--radius);margin-bottom:16px;padding:16px}.bulk-tagging-panel h3{color:#041e42;color:var(--gt-navy);font-size:14px;font-weight:600;margin:0 0 12px}.bulk-tag-add{display:flex;gap:8px;margin-bottom:12px}.bulk-tag-input{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);flex:1 1;font-size:13px;padding:8px 12px}.bulk-tag-input:focus{border-color:#041e42;border-color:var(--gt-navy);outline:none}.bulk-tag-remove p{color:#6c757d;color:var(--gt-text-muted);font-size:12px;margin:0 0 6px}.bulk-tag-list{display:flex;flex-wrap:wrap;gap:6px}.bulk-tag-remove-btn{background:#fff;background:var(--gt-white);border:1px solid #c41e3a;border:1px solid var(--gt-red);border-radius:20px;color:#c41e3a;color:var(--gt-red);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.bulk-tag-remove-btn:hover{background:#c41e3a;background:var(--gt-red);color:#fff;color:var(--gt-white)}.questions-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.question-card{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border-left:3px solid #8b9dc3;border:1px solid var(--gt-border);border-left:3px solid var(--gt-gray-light);border-radius:6px;border-radius:var(--radius);display:flex;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s}.question-card:hover{box-shadow:0 2px 8px rgba(4,30,66,.14);box-shadow:var(--gt-shadow-md)}.question-card.selected{background:var(--info-bg);border-left-color:#041e42;border-left-color:var(--gt-navy)}.question-checkbox{flex-shrink:0;padding-top:2px}.question-checkbox input[type=checkbox]{accent-color:#041e42;accent-color:var(--gt-navy);cursor:pointer;height:15px;width:15px}.question-content{flex:1 1;min-width:0}.question-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.question-text{color:#212529;color:var(--gt-text);font-size:14px;font-weight:500;line-height:1.5;margin-bottom:10px}.answers-preview{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.answer{border-radius:3px;font-size:12px;padding:3px 8px}.answer.correct{background:rgba(45,106,79,.08);color:#2d6a4f;color:var(--gt-success);font-weight:500}.answer-more,.answer.incorrect{color:#6c757d;color:var(--gt-text-muted)}.answer-more{font-size:11px;padding-left:8px}.category-badge{background:#e8ecf0;background:var(--gt-gray-pale);color:#041e42;color:var(--gt-navy)}.category-badge,.difficulty-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.difficulty-badge.easy{background:rgba(45,106,79,.1);color:#2d6a4f;color:var(--gt-success)}.difficulty-badge.medium{background:rgba(4,30,66,.1);color:#041e42;color:var(--gt-navy)}.difficulty-badge.hard{background:rgba(196,30,58,.1);color:#c41e3a;color:var(--gt-red)}.version-badge{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:20px;color:#54585a;color:var(--gt-gray);display:inline-block;font-size:10px;font-weight:600;padding:3px 7px}.import-badge{background:rgba(139,157,195,.15);color:#8b9dc3;color:var(--gt-gray-light);padding:3px 8px}.commissioner-tag,.import-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase}.commissioner-tag{background:#041e42;background:var(--gt-navy);color:#fff;color:var(--gt-white);letter-spacing:.3px;margin-left:8px;padding:2px 8px}.question-tags{margin-bottom:8px}.tags-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.question-tag{align-items:center;background:rgba(4,30,66,.08);border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.question-tag,.remove-tag{color:#041e42;color:var(--gt-navy)}.remove-tag{background:none;border:none;cursor:pointer;font-size:13px;line-height:1;opacity:.6;padding:0}.remove-tag:hover{opacity:1}.add-tag-trigger{background:none;border:1px dashed #dee2e6;border:1px dashed var(--gt-border);border-radius:20px;color:#6c757d;color:var(--gt-text-muted);cursor:pointer;font-size:11px;padding:3px 10px;transition:all .15s}.add-tag-trigger:hover{border-color:#041e42;border-color:var(--gt-navy);color:#041e42;color:var(--gt-navy)}.tag-input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag-input{border:1px solid #041e42;border:1px solid var(--gt-navy);border-radius:20px;font-size:12px;padding:5px 10px;width:130px}.tag-input:focus{outline:none}.add-tag-btn{background:#041e42;background:var(--gt-navy);border:none;border-radius:20px;color:#fff;color:var(--gt-white)}.add-tag-btn,.cancel-tag-btn{cursor:pointer;font-size:11px;padding:5px 10px}.cancel-tag-btn{background:none;border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:20px;color:#6c757d;color:var(--gt-text-muted)}.question-footer{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--gt-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px;padding-top:10px}.created-date{color:#6c757d;color:var(--gt-text-muted);font-size:11px}.question-actions-footer{align-items:center;display:flex;gap:6px}.qt-container{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);overflow:hidden;position:relative}.qt-header{background:#f8f9fa;background:var(--gt-bg);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);color:#6c757d;color:var(--gt-text-muted);font-size:11px;font-weight:600;gap:0;letter-spacing:.3px;padding:6px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:5}.qt-col-check,.qt-header{align-items:center;display:flex}.qt-col-check{flex-shrink:0;width:32px}.qt-col-question{flex:1 1;min-width:0;padding:0 8px}.qt-col-answer{flex-shrink:0;padding:0 8px;width:150px}.qt-col-category{flex-shrink:0;padding:0 4px;width:90px}.qt-col-diff{flex-shrink:0;padding:0 4px;width:80px}.qt-col-source{flex-shrink:0;padding:0 4px;width:50px}.qt-col-media{gap:2px;width:40px}.qt-col-expand,.qt-col-media{align-items:center;display:flex;flex-shrink:0}.qt-col-expand{justify-content:center;width:28px}.qt-col-check input[type=checkbox]{accent-color:#041e42;accent-color:var(--gt-navy);cursor:pointer;height:15px;width:15px}.qt-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);color:#212529;color:var(--gt-text);cursor:pointer;display:flex;font-size:13px;min-height:44px;padding:8px 16px;transition:background .15s ease}.qt-row:hover{background:#fafafa;background:var(--bg-hover,#fafafa)}.qt-row-alt{background:#fafcfd;background:var(--section-bg,#fafcfd)}.qt-row-alt:hover{background:#fafafa;background:var(--bg-hover,#fafafa)}.qt-row-selected{border-left:3px solid #041e42;border-left:3px solid var(--gt-navy);padding-left:13px}.qt-row-selected,.qt-row-selected:hover{background:#e8edf2;background:var(--info-bg,#e8edf2)}.qt-row-expanded{border-bottom-color:transparent}.qt-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-col-answer.qt-truncate{color:#2d6a4f;color:var(--gt-success);font-weight:500}.qt-chip{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:10px;color:#041e42;color:var(--gt-navy);display:inline-block;font-size:11px;font-weight:600;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.qt-chip-easy{background:rgba(45,106,79,.1);color:#2d6a4f;color:var(--gt-success)}.qt-chip-medium{background:rgba(4,30,66,.1);color:#041e42;color:var(--gt-navy)}.qt-chip-hard{background:rgba(196,30,58,.1);color:#c41e3a;color:var(--gt-red)}.qt-source-badge{border-radius:6px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 5px;text-transform:uppercase}.qt-source-ai{background:rgba(139,157,195,.2);color:#8b9dc3;color:var(--gt-gray-light)}.qt-source-csv{background:rgba(45,106,79,.1);color:#2d6a4f;color:var(--gt-success)}.qt-source-manual{background:#e8ecf0;background:var(--gt-gray-pale);color:#54585a;color:var(--gt-gray)}.qt-chevron{display:inline-flex;transition:transform .2s ease}.qt-chevron-open{transform:rotate(180deg)}.qt-expand-panel{background:#fafcfd;background:var(--bg-secondary,#fafcfd);border-left:3px solid #041e42;border-left:3px solid var(--gt-navy);max-height:0;overflow:hidden;transition:max-height .25s ease}.qt-expand-open{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);max-height:600px}.qt-expand-content{animation:qt-fade-in .2s ease;padding:16px 20px}@keyframes qt-fade-in{0%{opacity:0}to{opacity:1}}.qt-expand-question{color:#212529;color:var(--gt-text);font-size:14px;font-weight:500;line-height:1.5;margin-bottom:10px}.qt-expand-answers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.qt-answer-pill{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.qt-answer-correct{background:rgba(45,106,79,.12);color:#2d6a4f;color:var(--gt-success);font-weight:600}.qt-answer-incorrect{background:rgba(196,30,58,.08);color:#c41e3a;color:var(--gt-red)}.qt-expand-tags{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.qt-expand-explanation{align-items:flex-start;background:var(--info-bg);border:1px solid var(--info-border);border-radius:6px;border-radius:var(--radius);color:#212529;color:var(--gt-text);display:flex;font-size:13px;gap:8px;line-height:1.4;margin-bottom:10px;padding:10px 14px}.qt-expand-media{display:flex;gap:10px;margin-bottom:10px}.qt-expand-footer{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--gt-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:10px}.qt-expand-meta{color:#6c757d;color:var(--gt-text-muted);display:flex;font-size:11px;gap:12px}.qt-expand-meta span{white-space:nowrap}.qt-expand-actions{align-items:center;display:flex;gap:6px}.qt-pagination{align-items:center;background:#f8f9fa;background:var(--gt-bg);border-top:1px solid #dee2e6;border-top:1px solid var(--gt-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 16px}.qt-pagination-info{color:#6c757d;color:var(--gt-text-muted);font-size:12px}.qt-pagination-controls{align-items:center;display:flex;gap:10px}.qt-page-btn{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.qt-page-btn:hover:not(:disabled){background:#041e42;background:var(--gt-navy);color:#fff;color:var(--gt-white)}.qt-page-btn:disabled{cursor:not-allowed;opacity:.4}.qt-page-num{font-weight:600}.qt-page-num,.qt-page-size select{color:#212529;color:var(--gt-text);font-size:12px}.qt-page-size select{background:#fff;background:var(--bg-input,#fff);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);cursor:pointer;padding:4px 8px}.qt-select-all-banner{background:var(--info-bg);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);color:#212529;color:var(--gt-text);font-size:12px;padding:8px 16px;text-align:center}.qt-select-all-link{background:none;border:none;color:#041e42;color:var(--gt-navy);cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.qt-bulk-bar{align-items:center;animation:qt-bar-slide-up .2s ease;background:#041e42;background:var(--gt-navy);border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;z-index:10}@keyframes qt-bar-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qt-bulk-count{font-size:13px;font-weight:600;white-space:nowrap}.qt-bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qt-bulk-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.4);border-radius:6px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.qt-bulk-btn:hover{background:hsla(0,0%,100%,.15)}.qt-bulk-btn-danger{border-color:#dc3545;color:#ff8a94}.qt-bulk-btn-danger:hover{background:rgba(220,53,69,.3)}.qt-bulk-btn-ghost{border:none;opacity:.7}.qt-bulk-btn-ghost:hover{opacity:1}.qt-bulk-tag-input{align-items:center;display:inline-flex;gap:4px}.qt-bulk-tag-input input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4);border-radius:6px;border-radius:var(--radius);color:#fff;font-size:12px;padding:4px 8px;width:120px}.qt-bulk-tag-input input::placeholder{color:hsla(0,0%,100%,.5)}.qt-bulk-tag-input input:focus{border-color:#fff;outline:none}.qt-bulk-tag-input button{background:hsla(0,0%,100%,.2);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px}.qt-bulk-remove-tags{display:flex;flex-wrap:wrap;gap:4px}.qt-bulk-remove-tag-btn{background:hsla(0,0%,100%,.15);border:none;border-radius:10px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:11px;padding:2px 8px;transition:all .15s}.qt-bulk-remove-tag-btn:hover{background:rgba(220,53,69,.4);color:#fff}@media (max-width:700px){.qt-col-answer,.qt-col-media,.qt-col-source{display:none}.qt-col-category{width:70px}.qt-col-diff{width:60px}.qt-header .qt-col-answer,.qt-header .qt-col-media,.qt-header .qt-col-source{display:none}.qt-pagination{align-items:center;flex-direction:column;text-align:center}}.import-history-list{display:flex;flex-direction:column;gap:8px}.history-entry{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:6px;border-radius:var(--radius);font-size:13px;gap:10px;padding:10px 12px}.history-entry,.history-icon{align-items:center;display:flex}.history-icon{color:#041e42;color:var(--gt-navy)}.history-text{color:#212529;color:var(--gt-text);flex:1 1}.history-date{color:#6c757d;color:var(--gt-text-muted);font-size:12px}.settings-display{display:flex;flex-direction:column;gap:12px}.setting-item{align-items:baseline;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);display:flex;gap:16px;padding:10px 0}.setting-item:last-child{border-bottom:none}.setting-label{color:#6c757d;color:var(--gt-text-muted);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;width:140px}.setting-value{color:#212529;color:var(--gt-text);font-size:14px;font-weight:500}.setting-value.code{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:6px;border-radius:var(--radius);color:#041e42;color:var(--gt-navy);font-family:Courier New,monospace;font-size:15px;font-weight:700;letter-spacing:1px;padding:3px 10px}.settings-edit-form{gap:16px}.form-group,.settings-edit-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#54585a;color:var(--gt-gray);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.form-group input{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#212529;color:var(--gt-text);font-size:14px;padding:9px 12px;transition:border-color .15s}.form-group input:focus{border-color:#041e42;border-color:var(--gt-navy);box-shadow:0 0 0 3px rgba(4,30,66,.08);outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:10px;padding-top:4px}.templates-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:8px}.template-card{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border-top:3px solid #8b9dc3;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);border-top:3px solid var(--gt-gray-light);display:flex;flex-direction:column;gap:10px;padding:14px}.template-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.template-header h3{color:#041e42;color:var(--gt-navy);font-size:13px;font-weight:600;margin:0}.template-badges{display:flex;flex-wrap:wrap;gap:5px}.template-content{flex:1 1}.template-question{color:#212529;color:var(--gt-text);font-size:13px;line-height:1.4;margin-bottom:6px}.template-answer{color:#2d6a4f;color:var(--gt-success);font-size:12px;font-weight:500}.template-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tag-badge{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:20px;color:#041e42;color:var(--gt-navy);font-size:10px;font-weight:500;padding:2px 7px}.template-actions{display:flex;gap:8px}.template-footer{color:#6c757d;color:var(--gt-text-muted);font-size:11px}.analytics-container{display:flex;flex-direction:column;gap:20px}.analytics-overview{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.analytics-stat-card{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border-top:3px solid #041e42;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);border-top:3px solid var(--gt-navy);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);padding:18px;text-align:center}.analytics-stat-number{color:#041e42;color:var(--gt-navy);font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.analytics-stat-label{color:#6c757d;color:var(--gt-text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.analytics-charts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-chart{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);padding:18px}.analytics-chart h3{color:#041e42;color:var(--gt-navy);font-size:14px;font-weight:600;margin:0 0 14px}.distribution-bars{display:flex;flex-direction:column;gap:10px}.distribution-bar-row{align-items:center;display:flex;gap:10px}.bar-label{color:#212529;color:var(--gt-text);flex-shrink:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}.bar-container{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:5px;flex:1 1;height:10px;overflow:hidden}.bar-fill{background:#8b9dc3;background:var(--gt-gray-light);border-radius:5px;height:100%;min-width:2px;transition:width .4s ease}.bar-fill.easy{background:#2d6a4f;background:var(--gt-success)}.bar-fill.medium{background:#041e42;background:var(--gt-navy)}.bar-fill.hard{background:#c41e3a;background:var(--gt-red)}.bar-fill.tag{background:#8b9dc3;background:var(--gt-gray-light)}.bar-count{color:#6c757d;color:var(--gt-text-muted);flex-shrink:0;font-size:12px;text-align:right;width:24px}.analytics-performance{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.performance-section{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-shadow:0 1px 4px rgba(4,30,66,.1);box-shadow:var(--gt-shadow);padding:18px}.performance-section h3{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);color:#041e42;color:var(--gt-navy);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:10px}.performance-list{display:flex;flex-direction:column;gap:10px}.performance-item{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:6px;border-radius:var(--radius);padding:10px 12px}.performance-question-text{color:#212529;color:var(--gt-text);font-size:13px;font-weight:500;line-height:1.4;margin-bottom:6px}.performance-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.usage-count{color:#6c757d;color:var(--gt-text-muted);font-size:12px;font-weight:500}.correct-rate{border-radius:20px;font-size:12px;font-weight:600;padding:2px 8px}.correct-rate.hard{background:rgba(196,30,58,.1);color:#c41e3a;color:var(--gt-red)}.correct-rate.easy{background:rgba(45,106,79,.1);color:#2d6a4f;color:var(--gt-success)}.q-action-bar{align-items:center;background:#fff;background:var(--gt-white);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);border-radius:6px 6px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:0;padding:16px 24px}.q-action-bar-title{color:#041e42;color:var(--gt-navy);font-size:17px;font-weight:700;margin:0;white-space:nowrap}.q-action-bar-buttons{display:flex;flex-wrap:wrap;gap:8px}.q-action-btn{align-items:center;background:#fff;background:var(--gt-white);border:1px solid #041e42;border:1px solid var(--gt-navy);border-radius:6px;color:#041e42;color:var(--gt-navy);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:36px;padding:0 16px;transition:background .15s,color .15s;white-space:nowrap}.q-action-btn:hover:not(:disabled){background:#041e42;background:var(--gt-navy);color:#fff}.q-action-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.q-action-bar{align-items:stretch;flex-direction:column;padding:12px 16px}.q-action-bar-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.q-action-btn{justify-content:center;text-align:center}}.bulk-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@keyframes cd-modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cd-modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cd-modal{animation:cd-modal-in .2s ease;background:#fff;background:var(--gt-white);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.cd-modal.cd-modal-wide{max-width:720px}.cd-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.cd-modal-header h2{color:#041e42;color:var(--gt-navy);font-size:17px;font-weight:700;margin:0}.cd-modal-close{background:none;border:none;color:#54585a;color:var(--gt-gray);cursor:pointer;font-size:24px;line-height:1;opacity:.6;padding:0 2px;transition:opacity .15s}.cd-modal-close:hover{opacity:1}.cd-modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-overlay{align-items:center;background:rgba(4,30,66,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--gt-white);border-radius:6px;border-radius:var(--radius);box-shadow:0 8px 32px rgba(4,30,66,.25);display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:100%}.modal-header{align-items:center;background:#041e42;background:var(--gt-navy);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gt-border);border-radius:6px 6px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{font-size:16px;font-weight:600;margin:0}.close-modal,.modal-header h2{color:#fff;color:var(--gt-white)}.close-modal{background:none;border:none;cursor:pointer;font-size:22px;line-height:1;opacity:.7;padding:0}.close-modal:hover{opacity:1}.modal-body{overflow-y:auto;padding:20px}.version-history-list{display:flex;flex-direction:column;gap:12px}.version-entry{background:#e8ecf0;background:var(--gt-gray-pale);border:1px solid #dee2e6;border-left:4px solid #8b9dc3;border:1px solid var(--gt-border);border-left:4px solid var(--gt-gray-light);border-radius:6px;border-radius:var(--radius);padding:12px}.version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.version-number{color:#041e42;color:var(--gt-navy);font-size:13px;font-weight:600}.version-date{color:#6c757d;color:var(--gt-text-muted);font-size:11px}.version-change-type{color:#54585a;color:var(--gt-gray);font-size:12px;margin-bottom:8px}.version-snapshot{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);margin-top:8px;padding:10px}.snapshot-question{color:#212529;color:var(--gt-text);font-size:13px;margin-bottom:4px}.snapshot-meta{color:#6c757d;color:var(--gt-text-muted);font-size:11px;margin-bottom:8px}.loading{padding:40px}.empty-message,.loading{color:#6c757d;color:var(--gt-text-muted);font-size:14px;text-align:center}.empty-message{background:#e8ecf0;background:var(--gt-gray-pale);border-radius:6px;border-radius:var(--radius);padding:24px}@media (max-width:768px){.commissioner-dashboard{padding:16px 12px 40px}.analytics-overview,.quick-actions,.stats-overview{grid-template-columns:repeat(2,1fr)}.nav-dropdown-btn{font-size:14px}.form-row{grid-template-columns:1fr}.setting-item{flex-direction:column;gap:4px}.setting-label{width:auto}.question-footer,.upload-instructions{flex-direction:column}.question-footer{align-items:flex-start}}@media (max-width:480px){.stats-overview{grid-template-columns:repeat(2,1fr)}.analytics-overview,.quick-actions{grid-template-columns:1fr 1fr}.analytics-charts,.analytics-performance{grid-template-columns:1fr}}.visibility-toggle{align-items:center;background:var(--border-color);border-radius:12px;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.visibility-toggle.on{background:#2d6a4f}.visibility-toggle-knob{background:var(--bg-secondary);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);display:block;height:18px;left:3px;position:absolute;transition:left .2s;width:18px}.visibility-toggle.on .visibility-toggle-knob{left:23px}.ann-form{display:flex;flex-direction:column;gap:12px}.ann-title-input{border:2px solid #dee2e6;border:2px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);color:#212529;color:var(--gt-text);font-family:inherit;font-size:.95rem;padding:10px 12px}.ann-title-input:focus{border-color:#041e42;border-color:var(--gt-navy);outline:none}.ann-body-input{border:2px solid #dee2e6;border:2px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);box-sizing:border-box;color:#212529;color:var(--gt-text);font-family:inherit;font-size:.95rem;padding:10px 12px;resize:vertical;width:100%}.ann-body-input:focus{border-color:#041e42;border-color:var(--gt-navy);outline:none}.ann-form-footer{align-items:center;display:flex;justify-content:space-between}.ann-pin-label{align-items:center;color:#54585a;color:var(--gt-gray);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px}.ann-char-count{color:#6c757d;color:var(--gt-text-muted);font-size:.8rem}.ann-list{display:flex;flex-direction:column;gap:12px}.ann-card{background:#fff;background:var(--gt-white);border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;border-radius:var(--radius);padding:16px}.ann-card.pinned{background:var(--bg-hover);border-left:3px solid #041e42;border-left:3px solid var(--gt-navy)}.ann-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.ann-card-title-row{align-items:center;display:flex;flex:1 1;gap:8px}.ann-title{color:#041e42;color:var(--gt-navy);font-size:1rem;font-weight:600;margin:0}.ann-pinned-badge{background:var(--navy);border-radius:10px;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.ann-date{color:#6c757d;color:var(--gt-text-muted);flex-shrink:0;font-size:.78rem;white-space:nowrap}.ann-body{color:#54585a;color:var(--gt-gray);font-size:.9rem;line-height:1.5;margin:0 0 12px;white-space:pre-wrap}.ann-card-actions{display:flex;gap:8px}.ann-edit-form{display:flex;flex-direction:column;gap:10px}.ann-edit-actions{display:flex;gap:8px}.gen-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;gap:14px;padding:16px}.gen-form,.gen-form-group{display:flex;flex-direction:column}.gen-form-group{gap:4px}.gen-form-group>label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.gen-required{color:#d9534f}.gen-optional{color:var(--text-secondary);font-weight:400;letter-spacing:0;text-transform:none}.gen-form-group input[type=text],.gen-form-group textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);font-family:inherit;font-size:.88rem;padding:10px 12px;resize:vertical}.gen-form-group input:focus,.gen-form-group textarea:focus{border-color:var(--navy);outline:none}.gen-char-count{color:var(--text-secondary);font-size:.68rem;text-align:right}.gen-radio-group{display:flex;flex-wrap:wrap;gap:6px}.gen-radio{border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px;transition:all .15s}.gen-radio input[type=radio]{display:none}.gen-radio.active{background:var(--navy);border-color:var(--navy);color:#fff}.gen-slider{accent-color:var(--navy);width:100%}.gen-slider-labels{color:var(--text-secondary);display:flex;font-size:.68rem;justify-content:space-between}.gen-submit-btn{background:var(--navy);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 20px;transition:background .15s}.gen-submit-btn:hover:not(:disabled){background:#0a2d5e}.gen-submit-btn:disabled{cursor:not-allowed;opacity:.5}.gen-requests-list{display:flex;flex-direction:column;gap:10px}.gen-request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px}.gen-request-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:6px}.gen-request-info{display:flex;flex-direction:column;gap:4px}.gen-request-theme{color:var(--navy);font-size:.92rem;font-weight:700}.gen-request-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.gen-tag{background:var(--badge-bg);border-radius:10px;font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.gen-request-date,.gen-tag{color:var(--text-secondary)}.gen-request-date{font-size:.72rem;white-space:nowrap}.gen-request-instructions{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:4px 0 0}.gen-admin-notes{background:var(--incorrect-bg);border-radius:6px;color:#721c24;font-size:.8rem;margin-top:6px;padding:8px 12px}.gen-status-badge{border-radius:10px;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:2px 10px;text-transform:uppercase}.gen-status-pending{background:#f0ad4e;color:#fff}.gen-status-approved,.gen-status-generating{background:#5bc0de;color:#fff}.gen-status-generating{animation:gen-pulse 1.5s ease-in-out infinite}.gen-status-completed{background:#5cb85c;color:#fff}.gen-status-failed,.gen-status-rejected{background:#d9534f;color:#fff}@keyframes gen-pulse{0%,to{opacity:1}50%{opacity:.6}}.gen-review-btn{background:var(--navy);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;margin-top:8px;padding:6px 14px;transition:background .15s}.gen-review-btn:hover{background:#0a2d5e}.gen-review-panel{display:flex;flex-direction:column;gap:8px;margin-top:10px}.gen-q-card{background:var(--section-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px}.gen-q-card.gen-q-added{opacity:.5}.gen-q-text{color:var(--navy);font-size:.85rem;font-weight:600;margin:0 0 6px}.gen-q-answers{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.gen-q-correct{background:var(--correct-bg);color:var(--correct-text);font-weight:600}.gen-q-correct,.gen-q-wrong{border-radius:4px;font-size:.75rem;padding:2px 8px}.gen-q-wrong{background:var(--incorrect-bg);color:#721c24}.gen-q-meta{display:flex;gap:4px;margin-bottom:6px}.gen-q-actions{align-items:center;display:flex;gap:6px}.gen-add-btn{background:#2d6a4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 10px}.gen-add-btn:hover{background:#236b43}.gen-discard-btn{background:var(--badge-bg);border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 10px}.gen-discard-btn:hover{background:var(--border-color)}.gen-q-added-label{color:#2d6a4f;font-size:.72rem;font-style:italic;font-weight:600}.ai-badge{background:#7c3aed;border-radius:20px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.gen-select-bar{align-items:center;background:var(--border-light);border-radius:6px;display:flex;gap:12px;margin-bottom:4px;padding:8px 12px}.gen-select-toggle{background:none;border:none;color:var(--navy);cursor:pointer;font-size:.78rem;font-weight:600;padding:0;text-decoration:underline}.gen-select-toggle:hover{color:#0a2d5e}.gen-select-count{color:var(--text-secondary);font-size:.75rem}.gen-q-row{align-items:flex-start;display:flex;gap:10px}.gen-q-checkbox{accent-color:var(--navy);cursor:pointer;flex-shrink:0;height:16px;margin-top:3px;width:16px}.gen-q-content{flex:1 1;min-width:0}.gen-bulk-add-btn{background:#2d6a4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:8px;padding:8px 18px;transition:background .15s;width:100%}.gen-bulk-add-btn:hover{background:#236b43}.source-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.source-filters label{color:#54585a;color:var(--gt-gray);font-size:.78rem;font-weight:600}.source-filter-list{display:flex;flex-wrap:wrap;gap:6px}.media-indicator{align-items:center;color:#6c757d;color:var(--gt-text-muted);cursor:default;display:inline-flex}.media-edit-panel{background:var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:8px 0;padding:12px}.media-edit-section{display:flex;flex-direction:column;gap:6px}.media-edit-label{color:#041e42;color:var(--gt-navy);font-size:.75rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.media-preview-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.media-preview-thumb{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;height:60px;object-fit:cover;width:80px}.media-url-display{color:#54585a;color:var(--gt-gray);flex:1 1;font-size:.72rem;min-width:0;word-break:break-all}.media-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.media-upload-btn{cursor:pointer;font-size:.75rem;padding:5px 12px}.media-hint{color:#8b9dc3;color:var(--gt-gray-light);font-size:.68rem}.media-video-input{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;flex:1 1;font-size:.78rem;min-width:200px;padding:6px 10px}.add-q-toggle{background:transparent;border:2px solid var(--navy);border-radius:8px;color:var(--navy);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .15s}.add-q-toggle:hover{background:var(--navy);color:#fff}.add-q-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.add-q-errors{background:var(--incorrect-bg);border:1px solid #f5c6cb;border-radius:6px;padding:8px 12px}.add-q-errors p{color:#721c24;font-size:.78rem;margin:0}.add-q-field{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.add-q-field label{color:var(--navy);font-size:.75rem;font-weight:600}.add-q-field .required{color:#c41e3a}.add-q-field input,.add-q-field select,.add-q-field textarea{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;font-family:inherit;font-size:.82rem;padding:8px 10px}.add-q-field textarea{resize:vertical}.add-q-field input:focus,.add-q-field select:focus,.add-q-field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 2px rgba(4,30,66,.1);outline:none}.add-q-row-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.add-q-row-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.add-q-img-preview{border:1px solid #dee2e6;border:1px solid var(--gt-border);border-radius:6px;margin-top:4px;max-height:100px;max-width:160px;object-fit:cover}.add-q-submit{align-self:flex-start;background:var(--navy);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:background .15s}.add-q-submit:hover{background:#0a2d5e}.add-q-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.add-q-row-2,.add-q-row-3{grid-template-columns:1fr}}.question-explanation-preview{background:var(--info-bg);border-left:3px solid var(--navy);border-radius:4px;color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin-top:8px;padding:8px 12px}.explanation-icon{margin-right:4px}.season-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:16px 0}.season-info-card{background:var(--section-bg);border:1px solid var(--border-light);border-radius:8px;padding:12px 14px;text-align:center}.season-info-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.season-info-value{color:var(--navy);font-size:1.05rem;font-weight:700}.season-reset-btn{align-items:center;background:var(--navy);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:6px;margin-top:16px;padding:12px 24px;transition:background .15s}.season-reset-btn:hover:not(:disabled){background:#0a2e5c}.season-reset-btn:disabled{cursor:not-allowed;opacity:.5}.season-modal-backdrop{align-items:center;background:rgba(4,30,66,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.season-modal{background:var(--bg-secondary);border-radius:14px;box-shadow:0 12px 40px rgba(4,30,66,.25);max-width:440px;padding:28px 32px;width:90vw}.season-modal-title{color:var(--navy);font-size:1.2rem;font-weight:800;margin:0 0 12px}.season-modal-warning{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.season-modal-stats{background:var(--section-bg);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px}.season-modal-stat{display:flex;flex-direction:column;gap:2px}.season-modal-stat-label{color:var(--text-secondary);font-size:.72rem;text-transform:uppercase}.season-modal-stat-value{color:var(--navy);font-size:.95rem;font-weight:700}.season-modal-confirm-label{align-items:center;color:var(--navy);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:8px;margin-bottom:20px}.season-modal-confirm-label input[type=checkbox]{accent-color:var(--navy);height:16px;width:16px}.season-modal-actions{display:flex;gap:10px;justify-content:flex-end}.season-history{margin-top:24px}.season-history-title{color:var(--navy);font-size:1rem;font-weight:700;margin-bottom:12px}.season-archive-card{border:1px solid var(--border-light);border-radius:8px;margin-bottom:8px;overflow:hidden}.season-archive-header{align-items:center;background:var(--section-bg);border:none;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 16px;text-align:left;transition:background .12s;width:100%}.season-archive-header:hover{background:var(--bg-hover)}.season-archive-name{color:var(--navy);font-size:.92rem;font-weight:700}.season-archive-dates{color:var(--text-secondary);flex:1 1;font-size:.82rem}.season-archive-chevron{color:var(--text-secondary);font-size:.85rem}.season-archive-body{border-top:1px solid var(--border-light);padding:14px 16px}.season-archive-summary{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;margin-bottom:12px}.season-archive-summary span{font-weight:600}.season-archive-table{border-collapse:collapse;font-size:.85rem;width:100%}.season-archive-table th{background:var(--navy);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.3px;padding:6px 10px;text-align:left;text-transform:uppercase}.season-archive-table th:first-child{border-radius:4px 0 0 0}.season-archive-table th:last-child{border-radius:0 4px 0 0}.season-archive-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:6px 10px}.season-archive-table tr:last-child td{border-bottom:none}.ml-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.ml-header h2{color:var(--navy);font-size:1.3rem;margin:0}.ml-header-actions{display:flex;flex-wrap:wrap;gap:8px}.ml-upload-btn{cursor:pointer}.ml-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ml-filters .search-input-wrapper{flex:1 1;min-width:200px}.ml-type-pills{display:flex;gap:4px}.ml-type-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .15s}.ml-type-pill:hover{border-color:var(--navy);color:var(--navy)}.ml-type-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.ml-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.ml-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ml-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ml-grid{grid-template-columns:1fr}}.ml-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.ml-card:hover{border-color:var(--navy);box-shadow:0 4px 12px rgba(4,30,66,.12);transform:translateY(-2px)}.ml-card-thumb{background:var(--bg-hover);height:150px;overflow:hidden;position:relative;width:100%}.ml-card-thumb img{height:100%;object-fit:cover;width:100%}.ml-card-play{align-items:center;background:rgba(4,30,66,.8);border-radius:50%;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.ml-card-info{padding:10px 12px 8px}.ml-card-name{color:var(--text-primary);font-size:.82rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-card-meta{align-items:center;display:flex;font-size:.75rem;gap:8px}.ml-type-badge{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.ml-type-badge.image{background:#e3f0ff;color:#1a6dd4}.ml-type-badge.video{background:#ffe8e8;color:#c41e3a}.ml-card-date{color:var(--text-muted)}.ml-card-usage{color:var(--navy);font-size:.75rem;font-weight:600;margin-top:2px}.ml-card-actions{display:flex;gap:4px;padding:0 12px 10px}.ml-card-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 10px;transition:all .15s}.ml-card-action-btn:hover{background:var(--bg-hover);border-color:var(--navy);color:var(--navy)}.ml-card-action-btn.danger{border-color:#fdd;color:#c41e3a}.ml-card-action-btn.danger:hover{background:#fdd;border-color:#c41e3a}.ml-preview-modal .cd-modal-body{max-height:80vh;overflow-y:auto}.ml-preview-media{margin-bottom:16px;text-align:center}.ml-preview-img{border-radius:8px;max-height:400px;max-width:100%;object-fit:contain}.ml-preview-video{aspect-ratio:16/9;margin:0 auto;max-width:560px;position:relative;width:100%}.ml-preview-video iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.ml-preview-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:6px;margin-bottom:16px}.ml-preview-row strong{color:var(--text-primary)}.ml-url-code{background:var(--bg-hover);border-radius:4px;font-size:.78rem;padding:2px 6px;word-break:break-all}.ml-preview-usage{margin-bottom:16px}.ml-preview-usage h4{color:var(--navy);font-size:.95rem;margin:0 0 8px}.ml-preview-usage ul{color:var(--text-secondary);font-size:.88rem;list-style:disc;padding-left:20px}.ml-preview-usage li{margin-bottom:4px}.ml-preview-no-usage{color:var(--text-muted);font-size:.88rem;font-style:italic}.ml-preview-actions{display:flex;gap:8px;margin-top:12px}.ml-browse-modal{max-width:700px}.ml-browse-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow-y:auto;padding:4px}@media (max-width:600px){.ml-browse-grid{grid-template-columns:repeat(2,1fr)}}.ml-browse-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .15s}.ml-browse-card:hover{border-color:var(--navy);box-shadow:0 2px 8px rgba(4,30,66,.15)}.ml-browse-card-name{color:var(--text-secondary);font-size:.75rem;font-weight:600;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.ml-browse-btn{font-size:.78rem!important;margin-top:4px;padding:4px 10px!important}:root{--qg-navy:#041e42;--qg-navy-light:#1a3a6e;--qg-gray:#54585a;--qg-gray-light:#8b9dc3;--qg-pale:#e8ecf0;--qg-white:#fff;--qg-bg:#f0f2f5;--qg-accent-bg:#f0f4f8;--qg-border:#dee2e6;--qg-success:#2d6a4f;--qg-red:#c41e3a;--qg-radius:8px}.commissioner-generator{padding:0 4px}.commissioner-generator,.qg-container{margin:0 auto;max-width:820px}.qg-generator-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--qg-border);margin-bottom:24px;padding-bottom:16px}.qg-header-title{color:#041e42;color:var(--qg-navy);font-size:20px;font-weight:700;margin:8px 0 4px}.qg-generator-subtitle{color:#54585a;color:var(--qg-gray);font-size:14px;margin:0}.qg-back-link{background:none;border:none;color:#8b9dc3;color:var(--qg-gray-light);cursor:pointer;font-size:14px;padding:4px 0;transition:color .15s}.qg-back-link:hover{color:#041e42;color:var(--qg-navy)}.qg-steps-indicator{align-items:flex-start;display:flex;gap:0;justify-content:center;margin-bottom:28px;padding:0 16px}.qg-step-item{flex-direction:column;flex-shrink:0;gap:6px}.qg-step-circle,.qg-step-item{align-items:center;display:flex}.qg-step-circle{background:#fff;background:var(--qg-white);border:2px solid #dee2e6;border:2px solid var(--qg-border);border-radius:50%;color:#54585a;color:var(--qg-gray);font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.qg-step-circle--active,.qg-step-circle--done{background:#041e42;background:var(--qg-navy);border-color:#041e42;border-color:var(--qg-navy);color:#fff;color:var(--qg-white)}.qg-step-label{color:#54585a;color:var(--qg-gray);font-size:12px;font-weight:500;white-space:nowrap}.qg-step-label--active{font-weight:700}.qg-step-label--active,.qg-step-label--done{color:#041e42;color:var(--qg-navy)}.qg-step-line{background:#dee2e6;background:var(--qg-border);flex:1 1;height:2px;margin-top:16px;min-width:40px}.qg-step-line--done{background:#041e42;background:var(--qg-navy)}.qg-step{animation:qgFadeIn .2s ease}@keyframes qgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.qg-step-title{color:#041e42;color:var(--qg-navy);font-size:17px;font-weight:700;margin:0 0 4px}.qg-step-desc{color:#54585a;color:var(--qg-gray);font-size:13px;margin:0 0 16px}.qg-source-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.qg-source-card{align-items:center;background:#fff;background:var(--qg-white);border:1px solid #ddd;border-radius:8px;border-radius:var(--qg-radius);box-shadow:0 1px 3px rgba(0,0,0,.04);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 12px 16px;position:relative;text-align:center;transition:border-color .15s,box-shadow .15s,transform .1s}.qg-source-card:hover{border-color:#54585a;border-color:var(--qg-gray);box-shadow:0 2px 8px rgba(4,30,66,.1);transform:translateY(-2px)}.qg-source-card--active{background:#f0f3f8;border:2px solid #041e42;border:2px solid var(--qg-navy);box-shadow:0 2px 8px rgba(4,30,66,.12)}.qg-source-badge{border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.2px;line-height:1.2;padding:2px 6px;position:absolute;right:6px;top:6px}.qg-source-badge--ai{background:#e8f0fe;color:#1a56db}.qg-source-badge--paste{background:#f0f0f0;color:#666}.qg-source-emoji{font-size:32px;line-height:1;margin-bottom:2px}.qg-source-label{color:#041e42;color:var(--qg-navy);font-size:13px;font-weight:600}.qg-source-desc{color:#54585a;color:var(--qg-gray);font-size:11px;line-height:1.3}.qg-mode-tip{background:#f0f4f8;background:var(--qg-accent-bg);border-left:4px solid #041e42;border-left:4px solid var(--qg-navy);border-radius:4px;margin-bottom:16px;padding:10px 14px}.qg-info-block,.qg-mode-tip{color:#54585a;color:var(--qg-gray);font-size:13px}.qg-info-block{background:#fafafa;border:1px solid #dee2e6;border:1px solid var(--qg-border);border-radius:6px;line-height:1.5;padding:8px 12px}.qg-form{gap:16px;margin-top:4px}.qg-field,.qg-form{display:flex;flex-direction:column}.qg-field{gap:4px}.qg-label{color:#333;font-size:13px;font-weight:600}.qg-required{color:#c41e3a;color:var(--qg-red);margin-left:2px}.qg-input,.qg-select{background:#fff;background:var(--qg-white);border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#041e42;color:var(--qg-navy);font-size:14px;padding:10px 12px;transition:border-color .15s;width:100%}.qg-input:focus,.qg-select:focus{border-color:#041e42;border-color:var(--qg-navy);box-shadow:0 0 0 2px rgba(4,30,66,.12);outline:none}.qg-input--small{padding:6px 8px;text-align:center;width:64px}.qg-textarea{background:#fff;background:var(--qg-white);border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#041e42;color:var(--qg-navy);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.qg-textarea:focus{border-color:#041e42;border-color:var(--qg-navy);box-shadow:0 0 0 2px rgba(4,30,66,.12);outline:none}.qg-hint{color:#666;font-size:12px}.qg-pill-group{display:flex;flex-wrap:wrap;gap:8px}.qg-pill{background:#fff;background:var(--qg-white);border:2px solid #dee2e6;border:2px solid var(--qg-border);border-radius:20px;color:#041e42;color:var(--qg-navy);cursor:pointer;font-size:14px;font-weight:600;min-width:56px;padding:8px 18px;transition:border-color .15s,background .15s,color .15s}.qg-pill:hover{border-color:#8b9dc3;border-color:var(--qg-gray-light)}.qg-pill--active{background:#041e42;background:var(--qg-navy);border-color:#041e42;border-color:var(--qg-navy);color:#fff;color:var(--qg-white)}.qg-toggle-row{display:flex;gap:8px;margin-bottom:8px}.qg-toggle-btn{background:#fff;background:var(--qg-white);border:2px solid #dee2e6;border:2px solid var(--qg-border);border-radius:6px;color:#54585a;color:var(--qg-gray);cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .15s}.qg-toggle-btn:hover{border-color:#8b9dc3;border-color:var(--qg-gray-light)}.qg-toggle-btn--active{background:#041e42;background:var(--qg-navy);border-color:#041e42;border-color:var(--qg-navy);color:#fff;color:var(--qg-white)}.qg-equal-split-display{color:#54585a;color:var(--qg-gray);font-size:13px;font-weight:600}.qg-custom-split,.qg-equal-split-display{background:#e8ecf0;background:var(--qg-pale);border-radius:6px;padding:10px 14px}.qg-custom-split{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.qg-split-input{align-items:center;display:flex;gap:6px}.qg-split-label{color:#54585a;color:var(--qg-gray);font-size:12px;font-weight:600;min-width:52px}.qg-split-total{color:#2d6a4f;color:var(--qg-success);font-size:12px;font-weight:600;margin-left:auto}.qg-split-total--error{color:#c41e3a;color:var(--qg-red)}.qg-nav-buttons{border-top:1px solid #eee;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.qg-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .15s,opacity .15s}.qg-btn:disabled{cursor:not-allowed;opacity:.5}.qg-btn--primary{background:#041e42;background:var(--qg-navy);color:#fff;color:var(--qg-white)}.qg-btn--primary:hover:not(:disabled){background:#1a3a6e;background:var(--qg-navy-light)}.qg-btn--secondary{background:#e8ecf0;background:var(--qg-pale);color:#54585a;color:var(--qg-gray)}.qg-btn--secondary:hover:not(:disabled){background:#dde1e7}.qg-instructions,.qg-post-steps{background:#f0f4f8;background:var(--qg-accent-bg);border-left:4px solid #041e42;border-left:4px solid var(--qg-navy);border-radius:8px;border-radius:var(--qg-radius);margin:16px 0;padding:14px 18px}.qg-instructions-title,.qg-post-steps-title{color:#041e42;color:var(--qg-navy);font-size:14px;font-weight:700;margin:0 0 8px}.qg-instructions-list,.qg-post-steps-list{color:#54585a;color:var(--qg-gray);font-size:13px;line-height:1.7;margin:0;padding-left:20px}.qg-prompt-box{background:#fff;background:var(--qg-white);border:1px solid #dee2e6;border:1px solid var(--qg-border);border-radius:8px;border-radius:var(--qg-radius);margin:16px 0;overflow:hidden}.qg-prompt-header{align-items:center;background:#e8ecf0;background:var(--qg-pale);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--qg-border);display:flex;justify-content:space-between;padding:10px 14px}.qg-prompt-label{color:#041e42;color:var(--qg-navy);font-size:13px;font-weight:700}.qg-btn--copy{background:#041e42;background:var(--qg-navy);border:none;border-radius:4px;color:#fff;color:var(--qg-white);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:background .15s}.qg-btn--copy:hover{background:#1a3a6e;background:var(--qg-navy-light)}.qg-btn--copied{background:#2d6a4f!important;background:var(--qg-success)!important}.qg-upload-csv-btn{background:#041e42;background:var(--qg-navy);border:none;border-radius:8px;border-radius:var(--qg-radius);color:#fff;color:var(--qg-white);cursor:pointer;display:block;font-size:15px;font-weight:700;margin-top:16px;padding:12px;text-align:center;transition:background .15s;width:100%}.qg-upload-csv-btn:hover{background:#1a3a6e;background:var(--qg-navy-light)}.qg-prompt-text{background:#f8f9fa;color:#041e42;color:var(--qg-navy);font-family:Courier New,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.commissioner-generator{padding:0}.qg-source-grid{grid-template-columns:repeat(2,1fr)}.qg-step-label{display:none}.qg-prompt-text{font-size:12px;max-height:300px}}@media (max-width:480px){.qg-source-grid{grid-template-columns:1fr}.qg-source-card{padding:14px 10px}.qg-source-emoji{font-size:24px}.qg-custom-split{align-items:flex-start;flex-direction:column}.qg-split-total{margin-left:0}.qg-nav-buttons{flex-direction:column}.qg-nav-buttons .qg-btn{text-align:center;width:100%}}.roles-container{display:flex;gap:24px;min-height:500px}.roles-sidebar{flex-shrink:0;width:280px}.roles-main{flex:1 1;min-width:0}.role-card{background:#fff;border-left:4px solid;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .15s}.role-card:hover{background:#f8f9fa}.role-card.selected{background:#e8edf2;border-color:#041e42}.role-card .role-name{font-size:14px;font-weight:600}.role-card .role-meta{color:#54585a;font-size:12px;margin-top:2px}.system-badge{background:#e8edf2;border-radius:4px;color:#041e42;font-size:10px;font-weight:500;margin-left:6px;padding:2px 6px}.role-edit-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#54585a;cursor:pointer;font-size:12px;padding:3px 10px;transition:all .15s}.role-edit-btn:hover{background:#e8edf2;color:#041e42}.create-role-btn{background:none;border:2px dashed #ccc;border-radius:8px;color:#54585a;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:10px;transition:all .15s;width:100%}.create-role-btn:hover{background:#f8f9fa;border-color:#041e42;color:#041e42}.permission-grid{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:20px}.permission-category-header{border-top:2px solid #e8edf2;color:#041e42;font-size:14px;font-weight:700;margin-top:8px;padding:12px 0 8px}.permission-category-header:first-child{border-top:none;margin-top:0}.permission-row{align-items:center;display:flex;gap:10px;padding:6px 0}.permission-row label{cursor:pointer;flex:1 1}.permission-row .perm-name{display:block;font-size:13px;font-weight:500}.permission-row .perm-desc{color:#54585a;display:block;font-size:11px}.permission-row input[type=checkbox]{accent-color:#041e42;flex-shrink:0;height:16px;width:16px}.role-modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.role-modal{background:#fff;border-radius:16px;max-height:80vh;max-width:640px;overflow-y:auto;padding:28px;width:90%}.role-modal h2{color:#041e42;margin:0 0 20px}.modal-field{margin-bottom:14px}.modal-field label{color:#041e42;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.modal-field input[type=number],.modal-field input[type=text],.modal-field textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.modal-field textarea{resize:vertical}.modal-field .slug-input{background:#f8f9fa;color:#54585a}.field-hint{color:#54585a;display:block;font-size:11px;margin-top:2px}.color-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.color-chip{border:2px solid transparent;border-radius:50%;cursor:pointer;height:28px;transition:border-color .15s;width:28px}.color-chip.selected{border-color:#041e42;box-shadow:0 0 0 2px #fff,0 0 0 4px #041e42}.override-row{align-items:center;display:flex;gap:12px;padding:6px 0}.override-toggle{border:1px solid #ddd;border-radius:6px;display:inline-flex;overflow:hidden}.override-toggle button{background:#fff;border:none;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.override-toggle button.grant.active{background:#2ca58d;color:#fff}.override-toggle button.deny.active{background:#c41e3a;color:#fff}.override-toggle button.inherit.active{background:#e8edf2;color:#54585a}.overrides-table{border-collapse:collapse;font-size:13px;width:100%}.overrides-table th{border-bottom:2px solid #e8edf2;color:#041e42;font-size:12px;letter-spacing:.5px;padding:8px;text-align:left;text-transform:uppercase}.overrides-table td{border-bottom:1px solid #f0f0f0;padding:8px}.audit-entry{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:13px;gap:12px;padding:8px 0}.audit-time{color:#54585a;font-size:11px;min-width:60px}.audit-action{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.audit-action.created{background:#e6f9f0;color:#2ca58d}.audit-action.updated{background:#e8edf2;color:#2e86ab}.audit-action.deleted{background:#fde8e8;color:#c41e3a}.audit-action.assigned{background:#f0e6f9;color:#a23b72}.audit-detail{color:#333}.collapsible-section{border:1px solid #e8edf2;border-radius:8px;overflow:hidden}.collapsible-header{align-items:center;background:#f8f9fa;border:none;color:#041e42;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;width:100%}.collapsible-header:hover{background:#e8edf2}.collapsible-body{padding:16px}.save-bar{background:#fff;border-top:2px solid #041e42;bottom:0;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding:12px 0;position:-webkit-sticky;position:sticky}.btn-save{background:#041e42;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px;transition:background .15s}.btn-save:hover{background:#0a2d5e}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;padding:8px 24px}.btn-cancel:hover{background:#e0e0e0}.btn-delete{background:#c41e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px}.btn-delete:hover{background:#a31830}.btn-delete:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.roles-container{flex-direction:column}.roles-sidebar{width:100%}.override-row{align-items:flex-start;flex-direction:column;gap:4px}}.marketplace{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:1200px;padding:40px;width:100%}.marketplace-header{margin-bottom:24px}.marketplace-header h1{color:var(--navy);font-size:2.5rem;margin-bottom:8px}.marketplace-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.marketplace-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.marketplace-spinner{animation:mp-spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--navy);height:40px;margin-bottom:16px;width:40px}.marketplace-toolbar{align-items:stretch;display:flex;gap:12px;margin-bottom:16px}.marketplace-search{flex:1 1;position:relative}.marketplace-sort{background:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;color:var(--navy);cursor:pointer;font-family:inherit;font-size:.95rem;min-width:150px;padding:0 14px;transition:border-color .2s}.marketplace-sort:focus{border-color:var(--navy);outline:none}.marketplace-search-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:14px 40px 14px 16px;transition:border-color .2s;width:100%}.marketplace-search-input:focus{border-color:var(--navy);outline:none}.marketplace-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.3rem;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.marketplace-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.marketplace-chip{background:var(--badge-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.marketplace-chip:hover{background:#d0d5db}.marketplace-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.marketplace-result-count{color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}.marketplace-empty{color:var(--text-secondary);font-size:1.1rem;padding:60px 20px;text-align:center}.marketplace-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.marketplace-card{background:var(--section-bg);border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:24px;transition:all .2s}.marketplace-card:hover{border-color:var(--navy);box-shadow:0 8px 24px rgba(4,30,66,.12);transform:translateY(-4px)}.marketplace-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.marketplace-card-header h3{color:var(--navy);font-size:1.25rem;margin:0}.marketplace-category-badge{border-radius:12px;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.marketplace-category-badge.cat-education{background:#e3f2fd;color:#1565c0}.marketplace-category-badge.cat-workplace{background:#fff3e0;color:#e65100}.marketplace-category-badge.cat-music{background:#f3e5f5;color:#7b1fa2}.marketplace-category-badge.cat-sports{background:#e8f5e9;color:#2e7d32}.marketplace-category-badge.cat-general{background:var(--badge-bg);color:var(--text-secondary)}.marketplace-commissioner{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:12px}.marketplace-description{color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 16px}.marketplace-stats{display:flex;gap:16px;margin-bottom:12px}.marketplace-stat{align-items:center;color:var(--navy);display:flex;font-size:.9rem;font-weight:600;gap:6px}.marketplace-stat-icon{align-items:center;display:inline-flex}.marketplace-dates{color:var(--text-secondary);font-size:.85rem;margin:0 0 16px}.marketplace-card-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.marketplace-join-btn{background:var(--navy);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background .2s;width:100%}.marketplace-join-btn:hover{background:#0a2d5e}.marketplace-join-btn:disabled{cursor:not-allowed;opacity:.6}.marketplace-joined-badge{background:#e8f5e9;border-radius:8px;color:#2d6a4f;display:block;font-size:1rem;font-weight:600;padding:10px 20px;text-align:center}.help-center{background:var(--section-bg);max-width:800px;min-height:100vh;padding:20px;width:100%}.help-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.help-title{color:var(--navy);font-size:1.35rem;font-weight:700;margin:0}.help-github-link{color:#8b9dc3;font-size:.78rem;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.help-github-link:hover{color:#041e42}.help-search-bar{align-items:center;display:flex;margin-bottom:14px;position:relative}.help-search-icon{font-size:.85rem;left:12px;opacity:.6;pointer-events:none;position:absolute}.help-search-input{-webkit-appearance:none;background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.88rem;padding:10px 40px 10px 36px;transition:border-color .15s;width:100%}.help-search-input:focus{border-color:#041e42;outline:none}.help-search-input::placeholder{color:#adb5bd}.help-search-clear{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;line-height:1;padding:2px 6px;position:absolute;right:10px}.help-search-clear:hover{background:var(--bg-hover)}.help-tabs{border-bottom:2px solid #041e42;display:flex;flex-wrap:wrap;gap:3px;margin-bottom:16px}.help-tab{background:none;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:500;padding:8px 16px;transition:background .12s,color .12s;white-space:nowrap}.help-tab:hover:not(.active){background:var(--bg-hover);color:var(--navy)}.help-tab.active{background:#041e42;border-color:#041e42;color:#fff}.help-search-count{color:var(--text-secondary);font-size:.82rem;font-style:italic;margin-bottom:12px}.help-content{display:flex;flex-direction:column;gap:10px}.help-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px}.help-source-tag{background:#041e42;border-radius:10px;color:#fff;display:inline-block;font-size:.62rem;font-weight:600;letter-spacing:.02em;margin-bottom:8px;padding:2px 9px;text-transform:uppercase}.help-section-title{border-bottom:1px solid var(--border-color);color:var(--navy);font-size:.98rem;font-weight:700;margin:0 0 12px;padding-bottom:8px}.help-section-body h3{color:var(--navy);font-size:.88rem;font-weight:600;margin:14px 0 6px}.help-section-body h3:first-child{margin-top:0}.help-section-body p{color:var(--text-secondary);font-size:.86rem;line-height:1.65;margin:0 0 8px}.help-section-body ol,.help-section-body ul{color:var(--text-secondary);font-size:.86rem;line-height:1.75;margin:6px 0 10px;padding-left:20px}.help-section-body li{margin-bottom:2px}.help-section-body strong{color:var(--text-primary)}.help-section-body code{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:3px;color:var(--navy);font-family:monospace;font-size:.81rem;padding:1px 6px}.help-section-body a{color:var(--navy);font-weight:500}.help-section-body a:hover{color:#8b9dc3}.help-section-body table{border-collapse:collapse;font-size:.83rem;margin:10px 0 12px;width:100%}.help-section-body th{background:#041e42;color:#fff;font-weight:600;padding:7px 10px;text-align:left}.help-section-body td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:7px 10px;vertical-align:top}.help-section-body tbody tr:last-child td{border-bottom:none}.help-section-body tbody tr:hover{background:var(--section-bg)}.faq-q{color:var(--navy);font-size:.9rem;font-weight:700;margin:16px 0 4px}.faq-q:first-child{margin-top:0}.faq-a{border-left:3px solid #8b9dc3;font-size:.85rem;line-height:1.65;margin:0 0 6px;padding-left:14px}.faq-a,.help-no-results{color:var(--text-secondary)}.help-no-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:.88rem;line-height:1.7;padding:24px 20px;text-align:center}.help-no-results strong{color:var(--navy)}@media (max-width:600px){.help-center{padding:14px}.help-title{font-size:1.15rem}.help-tab{font-size:.78rem;padding:7px 11px}.help-section{padding:12px 14px}.help-section-title{font-size:.92rem}.help-section-body li,.help-section-body p{font-size:.83rem}.help-section-body table{font-size:.78rem}.help-section-body td,.help-section-body th{padding:5px 7px}}.performance-charts{background:var(--bg-card);border-radius:12px;margin-top:30px;padding:20px}.performance-charts h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.no-data{color:var(--text-muted);font-style:italic;padding:40px;text-align:center}.chart-container{margin-bottom:20px;overflow:hidden}.chart-container h4{border-left:4px solid var(--navy);color:var(--text-secondary);font-size:1.2rem;margin-bottom:15px;padding-left:10px}@media (max-width:768px){.performance-charts{padding:15px}.chart-container h4{font-size:1rem}}.my-stats{background:var(--bg-primary);max-width:800px;min-height:100vh;padding:16px 16px 32px;width:100%}.my-stats-title{color:var(--navy);font-size:1.15rem;font-weight:700;margin:0 0 16px}.my-stats-loading{color:var(--text-secondary);padding:32px 0;text-align:center}.my-stats-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.my-stats .back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.82rem;font-weight:600;margin-bottom:12px;padding:8px 16px;transition:background .1s}.my-stats .back-btn:hover{background:var(--bg-hover)}.mp-lobby{background:var(--bg-primary);max-width:600px;min-height:100vh;padding:16px 16px 32px;width:100%}.mp-back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);cursor:pointer;font-size:.82rem;font-weight:600;margin-bottom:12px;padding:8px 16px;transition:background .1s}.mp-back-btn:hover{background:var(--bg-hover)}.mp-header{margin-bottom:20px;text-align:center}.mp-header h1{color:var(--navy);font-size:1.3rem;font-weight:800;margin:0 0 4px}.mp-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.mp-error{background:var(--incorrect-bg);border-radius:8px;color:#721c24;font-size:.82rem;font-weight:600;margin-bottom:14px;padding:10px 14px}.mp-menu-cards{display:flex;flex-direction:column;gap:12px}.mp-menu-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.mp-menu-card.expanded{border-color:#041e42;box-shadow:0 2px 12px rgba(4,30,66,.1)}.mp-menu-card-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;width:100%}.mp-menu-card-header h2{color:var(--navy);font-size:1rem;font-weight:700;margin:0}.mp-menu-card-header p{color:var(--text-secondary);font-size:.78rem;margin:2px 0 0}.mp-menu-icon{flex-shrink:0;font-size:1.5rem}.mp-expand-chevron{color:var(--text-secondary);font-size:1.1rem;margin-left:auto;transition:transform .2s}.mp-expand-chevron.open{transform:rotate(180deg)}.mp-form{border-top:1px solid var(--border-light);gap:14px;padding:14px 16px 16px}.mp-form,.mp-form-group{display:flex;flex-direction:column}.mp-form-group{gap:4px}.mp-form-group>label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mp-form-group input[type=text],.mp-form-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--navy);font-size:.88rem;padding:10px 12px}.mp-form-group input[type=text]:focus,.mp-form-group select:focus{border-color:#041e42;outline:none}.mp-code-input{font-family:Courier New,monospace;font-size:1.3rem!important;font-weight:700;letter-spacing:.3em;padding:14px 12px!important;text-align:center}.mp-radio-group{display:flex;flex-wrap:wrap;gap:6px}.mp-radio{align-items:center;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .15s}.mp-radio input[type=radio]{display:none}.mp-radio.active{background:#041e42;border-color:#041e42;color:#fff}.mp-toggle-group{display:flex;gap:6px}.mp-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px;transition:all .15s}.mp-toggle-btn.active{background:#041e42;border-color:#041e42;color:#fff}.mp-switch-label{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mp-switch{background:var(--border-color);border-radius:11px;cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.mp-switch.on{background:#041e42}.mp-switch-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);height:18px;left:2px;position:absolute;top:2px;transition:left .2s;width:18px}.mp-switch.on .mp-switch-knob{left:20px}.mp-switch-hint{color:var(--text-secondary);font-size:.72rem;font-weight:400;letter-spacing:0;text-transform:none}.mp-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 18px;transition:all .15s}.mp-btn:disabled{cursor:not-allowed;opacity:.5}.mp-btn-primary{background:#041e42;color:#fff}.mp-btn-primary:hover:not(:disabled){background:#0a2d5e}.mp-btn-secondary{background:var(--bg-hover);color:var(--navy)}.mp-btn-secondary:hover:not(:disabled){background:var(--border-color)}.mp-btn-danger{background:#dc3545;color:#fff}.mp-btn-danger:hover:not(:disabled){background:#bb2d3b}.mp-btn-large{font-size:.95rem;padding:12px 20px;width:100%}.mp-lobby-header{margin-bottom:16px;text-align:center}.mp-lobby-header h1{color:var(--navy);font-size:1.2rem;font-weight:800;margin:0 0 12px}.mp-room-code-display{align-items:center;display:flex;flex-direction:column;gap:4px}.mp-room-code-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.mp-room-code-box{align-items:center;background:var(--bg-secondary);border:2px dashed var(--navy);border-radius:10px;display:flex;gap:10px;padding:10px 16px}.mp-room-code{color:var(--navy);font-family:Courier New,monospace;font-size:1.6rem;font-weight:800;letter-spacing:.3em}.mp-copy-btn{background:var(--bg-hover);border:none;border-radius:6px;color:var(--navy);cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 12px;transition:background .15s}.mp-copy-btn:hover{background:var(--border-color)}.mp-settings-summary{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.mp-setting-tag{background:var(--bg-hover);border-radius:10px;color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.mp-setting-tag.mp-speed{background:#041e42;color:#fff}.mp-players-section{margin-bottom:20px}.mp-players-section h2{border-left:3px solid var(--navy);color:var(--navy);font-size:.9rem;font-weight:700;margin-bottom:10px;padding-left:10px}.mp-players-list{display:flex;flex-direction:column;gap:8px}.mp-player-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:10px 14px;transition:border-color .15s}.mp-player-card.ready{background:var(--correct-bg);border-color:#2d6a4f}.mp-player-avatar{align-items:center;background:#041e42;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:34px;justify-content:center;width:34px}.mp-player-name{color:var(--navy);flex:1 1;font-size:.88rem;font-weight:600}.mp-host-badge{background:#041e42;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.mp-ready-indicator{color:var(--text-secondary);font-size:.72rem;font-weight:600}.mp-ready-indicator.on{color:#2d6a4f}.mp-lobby-actions{align-items:center;display:flex;flex-direction:column;gap:10px}.mp-hint{color:var(--text-secondary);font-size:.78rem;margin:0;text-align:center}.mp-started-message{padding:60px 20px;text-align:center}.mp-started-message h2{color:var(--navy);font-size:1.2rem;font-weight:800;margin:0 0 8px}.mp-started-message p{color:var(--text-secondary);font-size:.88rem;margin:0 0 20px}.mp-open-rooms{margin-top:20px}.mp-open-rooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mp-open-rooms-header h2{border-left:3px solid var(--navy);color:var(--navy);font-size:.9rem;font-weight:700;margin:0;padding-left:10px}.mp-refresh-btn{background:var(--bg-hover);border:none;border-radius:6px;color:var(--navy);cursor:pointer;font-size:.72rem;font-weight:600;padding:5px 12px;transition:background .15s}.mp-refresh-btn:hover:not(:disabled){background:var(--border-color)}.mp-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.mp-open-rooms-empty{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.85rem;padding:24px 16px;text-align:center}.mp-open-rooms-list{display:flex;flex-direction:column;gap:8px}.mp-open-room-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;transition:border-color .15s}.mp-open-room-card:hover{border-color:#041e42}.mp-open-room-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mp-open-room-info{display:flex;flex-direction:column;gap:1px}.mp-open-room-name{color:var(--navy);font-size:.9rem;font-weight:700}.mp-open-room-host{color:var(--text-secondary);font-size:.72rem}.mp-open-room-players{background:#041e42;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;white-space:nowrap}.mp-open-room-bottom{align-items:center;display:flex;gap:8px;justify-content:space-between}.mp-open-room-tags{display:flex;flex-wrap:wrap;gap:4px}.mp-game-loading{padding:80px 20px;text-align:center}.mp-spinner{animation:mp-spin .8s linear infinite;border-top:4px solid var(--bg-hover);border:4px solid var(--bg-hover);border-radius:50%;border-top-color:var(--navy);height:40px;margin:0 auto 16px;width:40px}@keyframes mp-spin{to{transform:rotate(1turn)}}.mp-game-loading p{color:var(--text-secondary);font-size:.9rem;font-weight:600}.mp-game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 0}.mp-game-progress{color:var(--navy);font-size:.85rem;font-weight:800}.mp-game-room-name{color:var(--text-secondary);font-size:.75rem;font-weight:600}.mp-game-score{background:var(--bg-hover);border-radius:10px;color:var(--navy);font-size:.85rem;font-weight:700;padding:3px 10px}.mp-timer-bar-track{background:var(--bg-hover);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.mp-timer-bar-fill{background:#041e42;border-radius:3px;height:100%;transition:width .1s linear}.mp-timer-bar-track.warning .mp-timer-bar-fill{animation:mp-pulse .6s ease-in-out infinite;background:#c41e3a}@keyframes mp-pulse{0%,to{opacity:1}50%{opacity:.6}}.mp-timer-text{color:var(--text-secondary);font-size:.75rem;font-weight:700;margin-bottom:12px;text-align:center}.mp-question-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:14px;padding:16px}.mp-question-tags{display:flex;gap:6px;margin-bottom:10px}.mp-question-text{color:var(--navy);font-size:1rem;font-weight:700;line-height:1.4;margin:0}.mp-answer-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.mp-answer-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--navy);cursor:pointer;font-size:.85rem;font-weight:600;padding:14px 10px;text-align:center;transition:all .15s;word-break:break-word}.mp-answer-btn:hover:not(:disabled):not(.correct):not(.wrong):not(.dimmed){background:#f0f2f5;border-color:#041e42}.mp-answer-btn:disabled{cursor:default}.mp-answer-btn.correct{background:var(--correct-bg);border-color:#2d6a4f;color:#2d6a4f}.mp-answer-btn.wrong{background:var(--incorrect-bg);border-color:#c41e3a;color:#c41e3a}.mp-answer-btn.dimmed{opacity:.5}.mp-timeout-msg{color:#c41e3a;font-size:.9rem}.mp-answer-feedback,.mp-timeout-msg{font-weight:700;margin-bottom:12px;text-align:center}.mp-answer-feedback{border-radius:8px;font-size:.95rem;padding:8px}.mp-answer-feedback.correct{background:var(--correct-bg);color:#2d6a4f}.mp-answer-feedback.wrong{background:var(--incorrect-bg);color:#c41e3a}.mp-waiting-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:16px;text-align:center}.mp-waiting-text{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0 0 12px}.mp-waiting-dots{flex-wrap:wrap;gap:10px;margin-bottom:8px}.mp-waiting-dot,.mp-waiting-dots{display:flex;justify-content:center}.mp-waiting-dot{align-items:center;background:var(--bg-hover);border-radius:50%;height:36px;position:relative;transition:all .2s;width:36px}.mp-waiting-dot.answered{background:var(--correct-bg);border:2px solid #2d6a4f}.mp-dot-avatar{color:var(--text-secondary);font-size:.75rem;font-weight:700}.mp-waiting-dot.answered .mp-dot-avatar{color:#2d6a4f}.mp-dot-check{align-items:center;background:#2d6a4f;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:.55rem;font-weight:700;height:14px;justify-content:center;position:absolute;right:-2px;width:14px}.mp-waiting-count{color:var(--text-secondary);font-size:.75rem;font-weight:600;margin:0}.mp-scoreboard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:16px}.mp-scoreboard-title{color:var(--navy);font-size:.9rem;font-weight:700;margin:0 0 12px;text-align:center}.mp-scoreboard-table{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.mp-scoreboard-row{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;gap:8px;padding:8px 10px}.mp-scoreboard-row.self{background:var(--bg-hover);border:1px solid var(--navy)}.mp-scoreboard-rank{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-weight:700;width:28px}.mp-scoreboard-name{color:var(--navy);flex:1 1;font-size:.85rem;font-weight:600}.mp-scoreboard-round{font-size:.8rem;font-weight:700;min-width:40px;text-align:right}.mp-scoreboard-round.positive{color:#2d6a4f}.mp-scoreboard-round.zero{color:#c41e3a}.mp-scoreboard-total{color:var(--navy);font-size:.8rem;font-weight:700;min-width:50px;text-align:right}.mp-results{padding:20px 0;text-align:center}.mp-results-title{color:var(--navy);font-size:1.4rem;font-weight:800;margin:0 0 4px}.mp-results-room{color:var(--text-secondary);font-size:.85rem;margin:0 0 20px}.mp-results-table{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.mp-results-row{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:12px 14px}.mp-results-row.self{border-color:#041e42;border-width:2px}.mp-results-row.mp-medal-1{background:var(--warning-bg);border-color:#d4af37}.mp-results-row.mp-medal-2{background:var(--bg-primary);border-color:silver}.mp-results-row.mp-medal-3{background:var(--warning-bg);border-color:#cd7f32}.mp-results-rank{flex-shrink:0;font-size:1.1rem;text-align:center;width:32px}.mp-results-name{color:var(--navy);flex:1 1;font-size:.9rem;font-weight:700;text-align:left}.mp-results-correct{color:var(--text-secondary);font-size:.78rem;font-weight:600}.mp-results-points{color:var(--navy);font-size:.9rem;font-weight:800;min-width:55px;text-align:right}@media (max-width:400px){.mp-room-code{font-size:1.3rem}.mp-code-input{font-size:1.1rem!important}.mp-answer-grid{grid-template-columns:1fr}.mp-results-row{gap:6px;padding:10px}.mp-results-rank{font-size:1rem;width:26px}}.mp-question-media{margin:8px 0;text-align:center}.mp-question-media-img{border-radius:8px;max-height:300px;max-width:100%;object-fit:contain}.mp-question-media-video{aspect-ratio:16/9;margin:0 auto;max-width:480px;position:relative;width:100%}.mp-question-media-video iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.mp-explanation-panel{animation:mp-explain-fade .4s ease;background:var(--info-bg);border-left:4px solid var(--navy);border-radius:8px;margin-top:12px;padding:14px 18px}.mp-explanation-header{color:var(--navy);font-size:.95rem;font-weight:700;margin-bottom:4px}.mp-explanation-text{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}@keyframes mp-explain-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sqp-container{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:700px;padding:20px}.sqp-loading{color:#54585a;padding:60px 0;text-align:center}.sqp-error{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px 20px;text-align:center}.sqp-error h2{color:#041e42;margin-bottom:8px}.sqp-error p{color:#54585a;margin-bottom:20px}.sqp-header{align-items:center;background:#041e42;border-radius:10px 10px 0 0;color:#fff;display:flex;flex-wrap:wrap;font-size:.875rem;gap:8px;justify-content:space-between;padding:12px 16px}.sqp-title{font-size:1rem;font-weight:700}.sqp-progress{opacity:.8}.sqp-score{font-weight:600}.sqp-question{background:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:24px}.sqp-question h2{color:#041e42;font-size:1.125rem;font-weight:600;line-height:1.5;margin:0}.sqp-btn-primary{background:#041e42;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:10px 24px}.sqp-btn-primary:hover{opacity:.9}.sqp-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;text-align:center}.sqp-results h2{align-items:center;color:#041e42;display:flex;gap:8px;justify-content:center;margin-bottom:20px}.sqp-score-card{background:#f0f4ff;border-radius:10px;margin-bottom:24px;padding:24px}.sqp-score-big{color:#041e42;font-size:3rem;font-weight:800}.sqp-score-pct{color:#54585a;font-size:1.25rem;margin-top:4px}.sqp-already-played{color:#6b7280;font-size:.8125rem;margin-top:8px}.sqp-leaderboard{margin-bottom:24px;text-align:left}.sqp-leaderboard h3{color:#041e42;font-size:1rem;margin-bottom:12px}.sqp-lb-table{border-collapse:collapse;width:100%}.sqp-lb-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.75rem;letter-spacing:.5px;padding:8px 10px;text-align:left;text-transform:uppercase}.sqp-lb-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:8px 10px}.sqp-lb-you{background:#f0f4ff;font-weight:600}.sqp-lb-you td{color:#041e42}@media (max-width:600px){.sqp-container{padding:10px}.sqp-header{font-size:.8125rem}.sqp-title{font-size:.875rem}.sqp-question{padding:16px}.sqp-question h2{font-size:1rem}.sqp-score-big{font-size:2.25rem}}.notification-bell{align-items:center;display:flex;position:relative}.notification-bell-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:4px;position:relative;transition:background .15s}.notification-bell-btn:hover{background:rgba(139,157,195,.25)}.notification-bell-icon{align-items:center;display:flex;justify-content:center;line-height:1}.notification-badge{background:#dc3545;border-radius:50%;box-shadow:0 0 0 2px #041e42;height:8px;position:absolute;right:2px;top:2px;width:8px}.notification-dropdown{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px 10px}.notification-header-title{color:var(--navy);font-size:15px;font-weight:700}.notification-mark-all{background:none;border:none;border-radius:4px;color:var(--navy);cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px;transition:background .15s}.notification-mark-all:hover{background:var(--bg-hover)}.notification-list{flex:1 1;max-height:360px;overflow-y:auto}.notification-item{align-items:flex-start;background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:12px 16px;text-align:left;transition:background .12s;width:100%}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--section-bg);border-left:3px solid var(--navy);padding-left:13px}.notification-type-icon{flex-shrink:0;font-size:18px;margin-top:1px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--navy);font-size:13px;font-weight:700;margin-bottom:2px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.notification-time{color:var(--text-muted);font-size:11px;margin-top:4px}.notification-empty{color:var(--text-muted);font-size:13px;padding:32px 16px;text-align:center}@media (max-width:480px){.notification-dropdown{right:-60px;width:calc(100vw - 24px)}}.legal-page{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-strong);max-width:800px;padding:40px;width:100%}.legal-content h1{color:var(--navy);font-size:2rem;margin:0 0 4px}.legal-updated{color:var(--text-muted);font-size:.88rem;margin:0 0 32px}.legal-section{margin-bottom:28px}.legal-section h2{color:var(--navy);font-size:1.15rem;margin:0 0 10px}.legal-section p{color:var(--text-primary);font-size:.95rem;line-height:1.7;margin:0 0 10px}.legal-section ul{margin:8px 0;padding-left:24px}.legal-section li{color:var(--text-primary);font-size:.93rem;line-height:1.7;margin-bottom:4px}.legal-notice{background:var(--bg-hover);border-left:3px solid var(--navy);border-radius:8px;margin-top:32px;padding:16px}.legal-notice p{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:0}.legal-page .back-btn{background:var(--badge-bg);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:all .2s}.legal-page .back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:768px){.legal-page{padding:20px}.legal-content h1{font-size:1.5rem}}
/*# sourceMappingURL=main.302bcf61.css.map*/