:root{--bg: #f5f4f0;--surface: #ffffff;--border: #e0dfd8;--text: #1a1a1a;--text-muted: #555;--text-faint: #888;--primary: #7c3aed;--primary-light: #ede9fe;--primary-text: #4c1d95;--warn: #ef9f27;--danger: #e24b4a;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{max-width:600px;margin:0 auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1rem 1rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card h2,.card h3{margin-bottom:.5rem}h1{font-size:26px;font-weight:600;color:var(--text);margin-bottom:.5rem}h2{font-size:20px;font-weight:600;color:var(--text)}h3{font-size:16px;font-weight:600;color:var(--text)}p{font-size:15px;color:var(--text-muted);line-height:1.6}.subtitle{color:var(--text-faint);font-size:14px;margin-bottom:1rem}button{cursor:pointer;border:1px solid #ccc;background:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;color:var(--text);font-family:inherit;transition:background .15s}button:hover{background:var(--bg)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#dbeafe;color:#1e40af;border-color:#93c5fd;font-weight:500}.btn-primary:hover{background:#bfdbfe}.btn-success{background:#dcfce7;color:#166534;border-color:#86efac}.btn-success:hover{background:#bbf7d0}.btn-danger{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.btn-danger:hover{background:#fecaca}.btn-solo{background:#ede9fe;color:#4c1d95;border-color:#c4b5fd;font-weight:500}.btn-solo:hover{background:#ddd6fe}.btn-block{display:block;width:100%;text-align:center}.btn-lg{padding:12px 20px;font-size:16px}.badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:6px;font-weight:500;white-space:nowrap}.badge-gesch{background:#ede9fe;color:#4c1d95}.badge-mod{background:#fef3c7;color:#92400e}.badge-bet{background:#d1fae5;color:#065f46}.badge-rec{background:#fee2e2;color:#991b1b}.badge-task{background:#eeedfe;color:#3c3489}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1rem 0}.mode-card{border:2px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;cursor:pointer;transition:all .2s;background:#fff;font-family:inherit}.mode-card:hover,.mode-card.selected{border-color:var(--primary);background:#faf5ff}.mode-card .mode-icon{font-size:36px;margin-bottom:.5rem}.mode-card h3{font-size:15px;margin-bottom:.25rem}.mode-card p{font-size:13px;color:var(--text-faint)}.team-row{display:flex;gap:12px;margin-bottom:1rem;flex-wrap:wrap}.team-card{flex:1;min-width:100px;background:var(--bg);border-radius:var(--radius-sm);padding:1rem;text-align:center;border:2px solid transparent;transition:border .2s}.team-card.active-team{border-color:var(--primary);background:#ede9fe}.team-score{font-size:28px;font-weight:700;color:var(--text)}.team-name-label{font-size:12px;color:var(--text-faint);margin-top:2px}.task-icon{font-size:40px;text-align:center;padding:1rem 0}.question-text{font-size:17px;font-weight:600;color:var(--text);line-height:1.5;margin:1rem 0}.answer-reveal{background:#dcfce7;border:1px solid #86efac;border-radius:var(--radius-sm);padding:1rem;margin-top:1rem}.answer-reveal p{color:#166534}.timer-bar-wrap{background:#e5e5e5;border-radius:4px;height:8px;margin:.75rem 0;overflow:hidden}.timer-bar{height:8px;border-radius:4px;background:var(--primary);transition:width .1s linear}.timer-bar.warn{background:var(--warn)}.timer-bar.danger-bar{background:var(--danger)}.timer-num{font-size:22px;font-weight:700;text-align:center;color:var(--text)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:1rem 0}.cat-btn{padding:10px;font-size:13px;text-align:center;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);transition:background .15s}.cat-btn:hover{background:var(--bg)}.sep{border:none;border-top:1px solid var(--border);margin:1rem 0}.flex-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:8px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.score-row:last-child{border-bottom:none}input[type=text],input[type=number],input[type=password],textarea,select{border:1px solid #ccc;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-family:inherit;background:#fff;color:var(--text);width:100%;margin-bottom:8px}textarea{min-height:80px;resize:vertical}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px;font-weight:500}.hint-box{background:var(--bg);border-radius:var(--radius-sm);padding:.75rem;margin-top:.75rem;font-size:13px;color:var(--text-muted)}.solo-progress{font-size:13px;color:var(--text-faint);text-align:center;margin-bottom:.5rem}.solo-stats{display:flex;gap:12px;justify-content:center;margin:1rem 0}.solo-stat{text-align:center;background:var(--bg);border-radius:var(--radius-sm);padding:.75rem 1.25rem;flex:1}.solo-stat-num{font-size:28px;font-weight:700}.solo-stat-label{font-size:12px;color:var(--text-faint)}.solo-stat.correct .solo-stat-num{color:#166534}.solo-stat.wrong .solo-stat-num{color:#991b1b}.error-msg{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;margin-bottom:8px}.info-msg{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;margin-bottom:8px}.success-msg{background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;margin-bottom:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-box{background:#fff;border-radius:var(--radius);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;border:1px solid var(--border)}.modal-box h2{margin-bottom:1rem}.admin-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.admin-row:last-child{border-bottom:none}.admin-row .body{flex:1;min-width:0}.admin-row .body .q{font-weight:500;margin:4px 0;color:var(--text)}.admin-row .body .a{font-size:13px;color:var(--text-muted)}.admin-row .actions{display:flex;flex-direction:column;gap:6px}.admin-row .actions button{padding:6px 10px;font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.tag-list{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.muted{color:var(--text-faint);font-size:13px}.center{text-align:center}