*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0b1f3a,#123d2b);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Arial,sans-serif;display:flex}.logo-container{text-align:center;width:100%;margin-bottom:20px}.logo{width:450px;height:auto}.page-wrapper{flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:20px;display:flex}.login-container,.quiz-container,.content-card{color:#fff;text-align:center;background:#0f2a4d;border-radius:12px;width:100%;max-width:500px;padding:40px;box-shadow:0 10px 30px #0006}.title{margin-bottom:5px;font-size:28px}.subtitle{color:#9adbb3;margin-bottom:20px;font-size:14px}.login-form,.quiz-form{text-align:left;flex-direction:column;gap:12px;display:flex}.form-group{margin-bottom:15px}label{color:#fff;margin-bottom:5px;font-size:14px;display:block}h2{color:#9adbb3;margin-bottom:20px}input[type=text],input[type=email],input[type=password]{color:#fff;background:#1b3b6b;border:none;border-radius:6px;width:100%;padding:10px}input:focus{outline:2px solid #3ad29f}.question{margin:20px 0;font-size:18px}.answer-card{cursor:pointer;text-align:center;background:#1b3b6b;border:2px solid #0000;border-radius:8px;padding:14px;transition:all .2s}.answer-card:hover{background:#244c85}.answer-card.selected{background:#2a5c8f;border:2px solid #2ecc71}.answers-grid{gap:10px;margin-top:20px;display:grid}.btn-login,.btn-primary{color:#0b1f3a;cursor:pointer;text-align:center;background:#2ecc71;border:none;border-radius:6px;margin-top:10px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-block}.btn-login:hover,.btn-primary:hover{background:#27ae60}.btn-secondary{color:#2ecc71;background:0 0;border:2px solid #2ecc71;border-radius:6px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-block}.btn-secondary:hover{color:#0b1f3a;background:#2ecc71}.link{color:#9adbb3;font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}.error{color:#ff6b6b;margin-top:5px;font-size:12px}.status{color:#0b1f3a;background:#2ecc71;border-radius:6px;margin-bottom:15px;padding:10px;font-weight:700}.home-container{text-align:center;color:#fff;max-width:900px}.home-subtitle{color:#9adbb3;margin-bottom:30px;font-size:16px}.home-buttons{margin-bottom:40px}.home-features{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.feature-card{background:#0f2a4d;border-radius:12px;width:250px;padding:20px;box-shadow:0 10px 20px #0000004d}.feature-card p{color:#cfe9dc;font-size:14px}.start-quiz-btn{color:#0b1f3a;background:#2ecc71;border-radius:10px;padding:14px 24px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.start-quiz-btn:hover{background:#27ae60;transform:scale(1.05)}.home-container{text-align:center;padding:40px}.home-title{margin-bottom:10px;font-size:32px}.home-subtitle{color:#666;margin-bottom:20px}.section-title{margin-top:30px}.btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;margin:10px;padding:10px 16px;text-decoration:none;display:inline-block}.btn:hover{background:#4338ca}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.games-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:15px;display:flex}.game-card{text-align:center}.game-circle{cursor:pointer;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;font-weight:700;transition:all .2s;display:flex}.game-circle:hover{transform:scale(1.1)}.game-circle.pending{border:3px solid purple}.game-username{margin-top:8px}.modal{background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:10px;width:300px;margin:10% auto;padding:20px}.close{float:right;cursor:pointer;font-size:20px}.modal-actions{margin-top:20px}.score-board{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.score-card{text-align:center;background:#1b3b6b;border:2px solid #0000;border-radius:10px;padding:14px 10px;transition:border-color .3s}.score-card.active-player{border-color:#2ecc71;box-shadow:0 0 12px #2ecc714d}.score-card h3{color:#9adbb3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:13px}.score-card .score-value{color:#fff;font-size:26px;font-weight:700;line-height:1}.score-card .score-label{color:#6a9ec0;margin-top:3px;font-size:11px}.timer-wrapper{margin:10px 0 16px}.timer-label{color:#9adbb3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px}.timer{color:#2ecc71;font-size:48px;font-weight:700;line-height:1;transition:color .3s}.timer.urgent{color:#e74c3c;animation:.5s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.turn-badge{letter-spacing:.04em;border-radius:20px;margin-bottom:14px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-block}.turn-badge.your-turn{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc71}.turn-badge.waiting{color:#9adbb3;background:#9adbb31a;border:1px solid #9adbb3}.waiting-box{color:#9adbb3;background:#1b3b6b;border:1px dashed #2a4d7a;border-radius:10px;margin:20px 0;padding:40px 20px;font-size:16px}.waiting-box .waiting-icon{margin-bottom:12px;font-size:36px}.waiting-dots span{color:#2ecc71;font-size:22px;animation:1.4s infinite blink}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.question{color:#e8f4ff;margin:16px 0 4px;font-size:17px;line-height:1.5}.vs-divider{color:#6a9ec0;align-self:center;font-size:11px;font-weight:700}.reports-page{box-sizing:border-box;background:linear-gradient(135deg,#0b1f3a 0%,#1a3a5c 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.reports-page .page-wrapper{width:100%;max-width:1200px;padding:20px}.reports-page .content-card{text-align:left;background:0 0;width:100%;max-width:1200px;margin:0 auto;padding:30px}.reports-page .report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.reports-page .back-link{margin-bottom:12px}.reports-page .back-link-anchor{color:#6a9ec0;align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.reports-page .title-container{align-items:center;gap:14px;display:flex}.reports-page .report-icon{font-size:32px}.reports-page .open-counter{text-align:center;background:linear-gradient(135deg,#1a3a5c,#0d2137);border:1px solid #e74c3c4d;border-radius:14px;min-width:150px;padding:20px 24px;box-shadow:0 4px 15px #e74c3c26}.reports-page .counter-value{color:#e74c3c;font-size:32px;font-weight:700}.reports-page .counter-label{color:#9adbb3;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:13px}.reports-page .success-message{color:#fff;background:linear-gradient(135deg,#1e6e40,#27ae60);border:none;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:16px 20px;animation:.3s slideIn;display:flex;box-shadow:0 4px 12px #2ecc7133}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reports-page .filter-tabs{border-bottom:1px solid #1a3a5c;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding-bottom:15px;display:flex}.reports-page .filter-tab{color:#fff;cursor:pointer;background:#1a3a5c;border:1px solid #2a4a6a;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.reports-page .filter-tab:hover{background:#ffffff1a}.reports-page .filter-tab.active{background:#2a4a6a}.reports-page .filter-tab.active.all{background:#2a4a6a;border-color:#2a4a6a}.reports-page .filter-tab.active.open{background:#e74c3c;border-color:#e74c3c}.reports-page .filter-tab.active.reviewed{background:#2ecc71;border-color:#2ecc71}.reports-page .filter-tab.active.dismissed{background:#888;border-color:#888}.reports-page .filter-tab-badge{color:#fff;background:#e74c3c;border-radius:999px;margin-left:4px;padding:3px 10px;font-size:11px;font-weight:700}.reports-page .empty-state{text-align:center;background:linear-gradient(135deg,#0d2137,#1a3a5c);border:1px solid #2a4a6a;border-radius:16px;padding:80px 40px;box-shadow:0 8px 20px #0003}.reports-page .empty-state-emoji{margin-bottom:16px;font-size:64px}.reports-page .empty-state-title{color:#fff;margin:0 0 12px;font-size:24px;font-weight:600}.reports-page .empty-state-text{color:#9adbb3;max-width:400px;margin:0 auto;font-size:15px}.reports-page .reports-list{gap:20px;display:grid}.reports-page .report-card{background:linear-gradient(135deg,#0d2137,#1a3a5c);border:1px solid #2a4a6a;border-radius:16px;padding:28px;transition:all .3s;box-shadow:0 4px 12px #00000026}.reports-page .report-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.reports-page .report-card.open{border-color:#e74c3c4d}.reports-page .report-card.reviewed{border-color:#2ecc714d}.reports-page .report-card.dismissed{border-color:#8888884d}.reports-page .report-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.reports-page .report-card-info{flex:1;min-width:250px}.reports-page .status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.reports-page .status-badge.open{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c}.reports-page .status-badge.reviewed{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc71}.reports-page .status-badge.dismissed{color:#888;background:#8888881a;border:1px solid #888}.reports-page .round-badge{color:#9adbb3;background:#1a3a5c;border-radius:8px;padding:6px 12px;font-size:12px}.reports-page .report-card-user{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.reports-page .report-card-time{color:#6a9ec0;font-size:13px}.reports-page .game-id-card{text-align:center;background:#1a3a5c;border:1px solid #2a4a6a;border-radius:12px;min-width:100px;padding:14px 18px}.reports-page .game-id-label{color:#6a9ec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.reports-page .game-id-value{color:#fff;font-size:18px;font-weight:700}.reports-page .question-container{background:#1a3a5c;border:1px solid #2a4a6a;border-radius:12px;margin-bottom:20px;padding:20px}.reports-page .question-label{color:#6a9ec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.reports-page .question-text{color:#fff;font-size:16px;line-height:1.5}.reports-page .reason-container{margin-bottom:20px}.reports-page .reason-label{color:#9adbb3;font-size:13px;font-weight:500}.reports-page .reason-badge{color:#fff;background:#1a3a5c;border:1px solid #2a4a6a;border-radius:999px;padding:8px 16px;font-size:14px}.reports-page .details-container{color:#c5d4e3;background:#0f2a4d;border-left:4px solid #6a9ec0;border-radius:0 8px 8px 0;margin-bottom:16px;padding:16px 20px;font-style:italic}.reports-page .details-label{color:#6a9ec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.reports-page .actions-container{border-top:1px solid #1a3a5c;flex-wrap:wrap;gap:12px;padding-top:20px;display:flex}.reports-page .action-form{flex:1;min-width:120px}.reports-page .action-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.reports-page .action-btn:hover{transform:scale(1.02)}.reports-page .action-btn.review{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc71}.reports-page .action-btn.dismiss{color:#aaa;background:#8888881a;border:1px solid #888}.reports-page .action-btn.delete{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c}.reports-page .title{color:#fff;margin:0;font-size:28px;font-weight:700}.reports-page .subtitle{color:#9adbb3;margin:4px 0 0;font-size:15px}