*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f13;--color-surface:#1a1a24;--color-surface-raised:#22223a;--color-border:#2e2e4a;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#ede9fe;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f97316;--color-text:#f1f0ff;--color-text-muted:#8b8aad;--radius:8px;--radius-lg:12px;--shadow:0 4px 24px #0006}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.page{min-height:100vh;padding:24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow);padding:32px}.card-title{color:var(--color-primary);margin-bottom:4px;font-size:24px;font-weight:700}.card-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:14px}.form-group{margin-bottom:16px}.label{color:var(--color-text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);outline:none;padding:10px 14px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-error);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-full{width:100%;margin-top:8px}.btn-sm{padding:6px 12px;font-size:13px}.alert{border-radius:var(--radius);margin-bottom:16px;padding:10px 14px;font-size:14px}.alert-error{border:1px solid var(--color-error);color:var(--color-error);background:#ef44441a}.alert-success{border:1px solid var(--color-success);color:var(--color-success);background:#22c55e1a}.text-muted{color:var(--color-text-muted);font-size:14px}.text-sm{font-size:13px}.text-lg{font-size:18px;font-weight:600}.text-xl{font-size:24px;font-weight:700}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-primary{color:var(--color-primary);background:#7c3aed33}.badge-success{color:var(--color-success);background:#22c55e33}.badge-error{color:var(--color-error);background:#ef444433}.badge-warning{color:var(--color-warning);background:#f9731633}.divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pack-list{flex-direction:column;gap:8px;display:flex}.pack-item{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:12px 16px;transition:border-color .15s}.pack-item:hover{border-color:var(--color-primary)}.pack-item-selected{border-color:var(--color-primary);background:#7c3aed1a}.pack-item-name{margin-bottom:2px;font-weight:600}.pack-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.pack-row:last-child{border-bottom:none}.game-control-grid{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.question-row{border-bottom:1px solid var(--color-border);align-items:center;padding:10px 0;display:flex}.question-row:last-child{border-bottom:none}.leaderboard-row{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 0;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{color:var(--color-text-muted);width:24px;font-size:13px}.leaderboard-score{color:var(--color-primary);font-weight:700}.display-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);flex-direction:column;padding:48px;display:flex}.display-center{text-align:center;justify-content:center;align-items:center;gap:24px}.display-logo{color:var(--color-primary);letter-spacing:-1px;font-size:48px;font-weight:800}.display-subtitle{color:var(--color-text-muted);font-size:24px}.display-message{color:var(--color-text-muted);font-size:28px}.display-pin-card{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);text-align:center;padding:32px 64px}.display-pin{color:var(--color-primary);letter-spacing:8px;margin:8px 0;font-size:80px;font-weight:800;line-height:1}.display-pin-label{color:var(--color-text-muted);font-size:16px}.display-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.display-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:600}.display-points{color:var(--color-text-muted);font-size:20px;font-weight:600}.display-question-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;display:flex}.display-question-number{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-size:16px}.display-question{max-width:900px;font-size:48px;font-weight:700;line-height:1.2}.display-options{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:800px;display:grid}.display-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px 24px;font-size:22px;display:flex}.display-logo-img{filter:brightness(0)invert();width:300px;height:auto}.team-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.team-waiting{text-align:center;max-width:480px;padding:48px 32px}.team-question-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.team-question-number{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px}.team-question{margin-bottom:24px;font-size:22px;font-weight:700;line-height:1.3}.team-options{flex-direction:column;gap:10px;display:flex}.team-option{background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text);text-align:left;align-items:center;gap:16px;width:100%;padding:16px;font-size:16px;transition:border-color .15s,background .15s;display:flex}.team-option:hover:not(:disabled){border-color:var(--color-primary)}.team-option-selected{border-color:var(--color-primary);background:#7c3aed26}.team-option:disabled{opacity:.6;cursor:not-allowed}.team-option-letter{color:var(--color-primary);flex-shrink:0;width:24px;font-size:16px;font-weight:800}.team-text-answer{flex-direction:column;gap:12px;display:flex}.grading-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;display:flex}.grading-row:last-child{border-bottom:none}.grading-team{flex-direction:column;min-width:140px;display:flex}.grading-answer{flex:1;font-size:16px}.grading-status{align-items:center;gap:8px;display:flex}.grading-actions{gap:8px;display:flex}.display-leaderboard{flex-direction:column;gap:12px;width:100%;max-width:800px;margin:0 auto;display:flex}.display-lb-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:24px;padding:20px 28px;font-size:22px;display:flex}.display-lb-first{border-color:var(--color-primary);background:#7c3aed1a}.display-lb-rank{color:var(--color-text-muted);width:40px;font-size:18px}.display-lb-name{flex:1;font-weight:700}.display-lb-players{color:var(--color-text-muted);font-size:16px}.display-lb-score{color:var(--color-primary);font-size:28px;font-weight:800}.display-option-letter{color:var(--color-primary);width:32px;font-size:20px;font-weight:800}.display-revealed{color:var(--color-success);border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:16px 32px;font-size:24px;font-weight:700}.display-option-correct{border-color:var(--color-success);background:#22c55e26}.display-correct-answer{text-align:center;margin-top:24px}.display-correct-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:16px}.display-correct-text{color:var(--color-success);font-size:48px;font-weight:800}.scoreboard-table{border-collapse:collapse;width:100%;font-size:14px}.scoreboard-table th{background:var(--color-surface);text-align:center;border:1px solid var(--color-border);color:var(--color-text-muted);padding:10px 12px;font-weight:600}.scoreboard-team-col{min-width:140px;text-align:left!important}.scoreboard-q-col{min-width:60px}.scoreboard-q-pts{color:var(--color-text-muted);font-size:11px;font-weight:400}.scoreboard-total-col{min-width:60px;color:var(--color-primary)!important}.scoreboard-adjust-col{min-width:60px}.scoreboard-table td{border:1px solid var(--color-border);text-align:center;vertical-align:middle;padding:10px 12px}.scoreboard-team-cell{background:var(--color-surface);text-align:left!important}.scoreboard-total-cell{color:var(--color-primary);font-size:16px;font-weight:800}.scoreboard-cell{cursor:pointer;transition:background .1s}.scoreboard-cell:hover{background:var(--color-surface-raised)}.scoreboard-cell-correct{background:#22c55e14}.scoreboard-cell-incorrect{background:#ef444414}.scoreboard-cell-ungraded{background:#f9731614}.scoreboard-cell-empty{background:0 0}.scoreboard-pts{font-size:15px;font-weight:700}.scoreboard-pts-correct{color:var(--color-success)}.scoreboard-pts-incorrect{color:var(--color-error)}.scoreboard-pts-ungraded,.scoreboard-pts-partial{color:var(--color-warning)}.pack-store-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-width:1000px;display:grid}.pack-store-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;transition:border-color .15s;display:flex}.pack-store-card:hover{border-color:var(--color-primary)}.pack-store-icon{color:var(--color-primary)}.pack-store-name{margin-bottom:4px;font-size:18px;font-weight:700}.pack-store-desc{color:var(--color-text-muted);margin-bottom:8px;font-size:14px}.pack-store-meta{gap:8px;display:flex}.pack-store-info{flex:1}