.type-card{position:relative;padding:1.5rem;border-radius:20px;text-align:center;min-width:180px;max-width:220px;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:all .3s ease;border:3px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;flex-shrink:0;-webkit-user-select:none;user-select:none}.type-card.animated{animation:fadeIn .5s ease-out}.type-card.attacking{transform:scale(1.02);border-color:#ff6b6b99}.type-card.defending{border-color:#4ecdc499}.type-card:hover{transform:scale(1.03);box-shadow:0 8px 24px #0006!important}.type-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--bg-dark);padding:.2rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(255,255,255,.3);white-space:nowrap}.type-icon{width:80px;height:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center;flex-shrink:0}.type-icon img{width:100%;height:100%;object-fit:contain}.type-name{font-size:1.4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1.5px}@media (max-width: 1200px){.type-card{min-width:140px;max-width:170px;min-height:170px;padding:1rem;gap:.5rem}.type-icon{width:60px;height:60px}.type-name{font-size:1.2rem}.type-label{font-size:.65rem;padding:.15rem .6rem}}@media (max-width: 768px){.type-card{min-width:100px;max-width:120px;min-height:125px;padding:.7rem;gap:.5rem}.defending-types:not(:has(.type-card+.type-card)) .type-card,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-card{min-width:115px;max-width:140px;min-height:140px;padding:.8rem;gap:.6rem}.type-icon{width:45px;height:45px}.defending-types:not(:has(.type-card+.type-card)) .type-icon,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-icon{width:52px;height:52px}.type-name{font-size:.9rem}.defending-types:not(:has(.type-card+.type-card)) .type-name,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-name{font-size:1rem}.type-label{font-size:.65rem;padding:.15rem .6rem}.defending-types:has(.type-card+.type-card) .type-label{font-size:.45rem;padding:.06rem .3rem;letter-spacing:.2px}}@media (max-width: 480px){.type-card{min-width:75px;max-width:90px;min-height:95px;padding:.5rem;gap:.3rem;border-width:2px}.defending-types:not(:has(.type-card+.type-card)) .type-card,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-card{min-width:95px;max-width:115px;min-height:115px;padding:.65rem;gap:.45rem}.type-icon{width:32px;height:32px}.defending-types:not(:has(.type-card+.type-card)) .type-icon,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-icon{width:42px;height:42px}.type-name{font-size:.7rem;letter-spacing:.3px}.defending-types:not(:has(.type-card+.type-card)) .type-name,.type-cards-container:has(.defending-types:not(:has(.type-card+.type-card))) .type-name{font-size:.85rem;letter-spacing:.4px}.type-label{font-size:.55rem;padding:.1rem .4rem;top:-7px}.defending-types:has(.type-card+.type-card) .type-label{font-size:.4rem;padding:.05rem .25rem;top:-6px;letter-spacing:.1px}}@media (max-height: 800px){.type-card{min-width:140px;max-width:160px;min-height:160px;padding:.75rem;gap:.4rem}.type-icon{width:55px;height:55px}.type-name{font-size:1.1rem}.type-label{font-size:.6rem}}@media (max-height: 700px){.type-card{min-width:110px;max-width:130px;min-height:130px;padding:.5rem;gap:.3rem}.type-icon{width:45px;height:45px}.type-name{font-size:.95rem}.type-label{font-size:.55rem;padding:.1rem .4rem;top:-8px}}.score-display{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:1rem;background:#1a1a2ecc;border-radius:20px;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .5s ease-out;flex-shrink:0;-webkit-user-select:none;user-select:none}.score-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:15px;min-width:110px;transition:all .2s ease;will-change:transform}.score-item:hover{background:#ffffff1a;transform:scale(1.02)}.score-main{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:2px solid rgba(255,255,255,.3)}.score-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.score-main .score-label{color:#fff;font-weight:700}.score-value{font-size:1.8rem;font-weight:700;color:var(--text-light)}.streak-value{color:var(--accent-gold)}@media (max-width: 768px){.score-display{gap:.3rem;padding:.4rem;border-radius:10px}.score-item{min-width:65px;padding:.35rem .5rem;border-radius:8px;gap:.2rem}.score-value{font-size:1.1rem}.score-label{font-size:.55rem}}@media (max-width: 480px){.score-display{gap:.25rem;padding:.3rem;border-radius:8px}.score-item{min-width:55px;padding:.25rem .4rem;border-radius:6px;gap:.15rem}.score-value{font-size:.95rem}.score-label{font-size:.5rem;letter-spacing:.3px}}.answer-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1000px;margin:1rem auto;padding:0;flex-shrink:0;-webkit-user-select:none;user-select:none}.answer-buttons.has-five{grid-template-columns:repeat(6,1fr);max-width:1000px}.answer-buttons.has-five .answer-btn:nth-child(1),.answer-buttons.has-five .answer-btn:nth-child(2),.answer-buttons.has-five .answer-btn:nth-child(3){grid-column:span 2}.answer-buttons.has-five .answer-btn:nth-child(4){grid-column:2 / 4}.answer-buttons.has-five .answer-btn:nth-child(5){grid-column:4 / 6}.answer-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2rem 1.5rem 1.25rem;font-size:1rem;font-weight:700;border:3px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff0d;color:var(--text-light);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;will-change:transform;min-height:75px}.answer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.answer-btn:hover:before{left:100%}.answer-btn:hover:not(:disabled){transform:scale(1.03);border-color:#ffffff80}.answer-btn:active:not(:disabled){transform:scale(.98)}.answer-btn:disabled{opacity:.5;cursor:not-allowed}.answer-btn.super-effective{background:linear-gradient(135deg,#ff922b,#e8590c);border-color:#ff922b;box-shadow:0 4px 12px #ff922b4d}.answer-btn.super-effective:hover:not(:disabled){box-shadow:0 6px 20px #ff922b99;background:linear-gradient(135deg,#ffa94d,#fd7e14)}.answer-btn.normal{background:linear-gradient(135deg,#51cf66,#2f9e44);border-color:#51cf66;box-shadow:0 4px 12px #51cf664d}.answer-btn.normal:hover:not(:disabled){box-shadow:0 6px 20px #51cf6699;background:linear-gradient(135deg,#69db7c,#37b24d)}.answer-btn.not-very-effective{background:linear-gradient(135deg,#4dabf7,#1c7ed6);border-color:#4dabf7;color:var(--text-light);box-shadow:0 4px 12px #4dabf74d}.answer-btn.not-very-effective:hover:not(:disabled){box-shadow:0 6px 20px #4dabf799;background:linear-gradient(135deg,#74c0fc,#228be6)}.answer-btn.not-very-effective .answer-shortcut{background:#00000080;border-color:#0000004d}.answer-btn.double-resist{background:linear-gradient(135deg,#5f3dc4,#4c2a9d);border-color:#5f3dc4;box-shadow:0 4px 12px #5f3dc44d}.answer-btn.double-resist:hover:not(:disabled){box-shadow:0 6px 20px #5f3dc499;background:linear-gradient(135deg,#7048e8,#5f3dc4)}.answer-btn.double-weakness{background:linear-gradient(135deg,#c92a2a,#a61e1e);border-color:#c92a2a;box-shadow:0 4px 12px #c92a2a4d}.answer-btn.double-weakness:hover:not(:disabled){box-shadow:0 6px 20px #c92a2a99;background:linear-gradient(135deg,#e03131,#c92a2a)}.answer-label{font-size:1rem;letter-spacing:.6px}.answer-multiplier{font-size:1.1rem;font-weight:700;opacity:.95}.answer-shortcut{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;background:#00000080;padding:.25rem .5rem;border-radius:6px;font-weight:600;border:1px solid rgba(255,255,255,.3);font-family:monospace;color:var(--text-light);z-index:1}@media (max-width: 1200px){.answer-buttons{gap:.75rem;max-width:900px}.answer-buttons.has-five{max-width:900px}.answer-btn{padding:1.5rem 1rem 1rem;min-height:65px;border-radius:14px}.answer-label{font-size:.9rem}.answer-multiplier{font-size:1rem}.answer-shortcut{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 900px){.answer-buttons{grid-template-columns:1fr;gap:.75rem;max-width:100%}.answer-buttons.has-five{grid-template-columns:1fr}.answer-buttons.has-five .answer-btn:nth-child(4),.answer-buttons.has-five .answer-btn:nth-child(5){grid-column:1}.answer-btn{padding:.75rem 1.5rem;min-height:55px}}@media (max-width: 768px){.answer-buttons{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem auto}.answer-buttons.has-five{grid-template-columns:repeat(6,1fr)}.answer-buttons.has-five .answer-btn:nth-child(1){grid-column:1 / 3}.answer-buttons.has-five .answer-btn:nth-child(2){grid-column:3 / 5}.answer-buttons.has-five .answer-btn:nth-child(3){grid-column:5 / 7}.answer-buttons.has-five .answer-btn:nth-child(4){grid-column:1 / 4}.answer-buttons.has-five .answer-btn:nth-child(5){grid-column:4 / 7}.answer-btn{padding:1.25rem .75rem .6rem;min-height:48px;border-radius:14px}.answer-label{font-size:.85rem}.answer-multiplier{font-size:.9rem}.answer-shortcut{display:none}}@media (max-width: 480px){.answer-buttons{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.4rem auto}.answer-buttons.has-five{grid-template-columns:repeat(6,1fr)}.answer-buttons.has-five .answer-btn:nth-child(1){grid-column:1 / 3}.answer-buttons.has-five .answer-btn:nth-child(2){grid-column:3 / 5}.answer-buttons.has-five .answer-btn:nth-child(3){grid-column:5 / 7}.answer-buttons.has-five .answer-btn:nth-child(4){grid-column:1 / 4}.answer-buttons.has-five .answer-btn:nth-child(5){grid-column:4 / 7}.answer-btn{padding:.45rem .4rem;gap:.15rem;min-height:38px;border-radius:10px;border-width:2px}.answer-label{font-size:.7rem;letter-spacing:.1px}.answer-multiplier{font-size:.75rem}.answer-shortcut{display:none}}@media (max-height: 800px){.answer-buttons{gap:.5rem;margin:.5rem auto}.answer-btn{padding:.5rem 1rem;min-height:50px;gap:.2rem;border-radius:12px}.answer-label{font-size:.85rem}.answer-multiplier{font-size:.9rem}.answer-shortcut{font-size:.65rem;padding:.15rem .35rem;top:.3rem;right:.3rem}}@media (max-height: 700px){.answer-buttons{gap:.4rem;margin:.3rem auto}.answer-btn{padding:.4rem .75rem;min-height:42px;gap:.15rem;border-radius:10px}.answer-label{font-size:.75rem}.answer-multiplier{font-size:.8rem}.answer-shortcut{display:none}}.feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none}.feedback-overlay.correct{background:#51cf6633}.feedback-overlay.incorrect{background:#ff6b6b33}.feedback-content{background:var(--bg-dark);padding:3rem 4rem;border-radius:30px;text-align:center;border:3px solid;animation:slideIn .5s ease-out;box-shadow:0 20px 60px #00000080}.feedback-overlay.correct .feedback-content{border-color:var(--success);box-shadow:0 20px 60px #51cf6666}.feedback-overlay.incorrect .feedback-content{border-color:var(--danger);box-shadow:0 20px 60px #ff6b6b66;animation:shake .5s ease-out}.feedback-icon{font-size:5rem;margin-bottom:1rem;animation:pulse 1s infinite}.feedback-title{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.feedback-overlay.correct .feedback-title{color:var(--success)}.feedback-overlay.incorrect .feedback-title{color:var(--danger)}.feedback-points{font-size:2rem;font-weight:700;color:var(--accent-gold);margin-bottom:2rem;animation:fadeIn .5s ease-out .3s backwards}.continue-btn{padding:1rem 3rem;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0000004d}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006}.continue-btn:active{transform:translateY(-1px)}@media (max-width: 768px){.feedback-content{padding:2rem 2.5rem;margin:0 1rem}.feedback-icon{font-size:4rem}.feedback-title{font-size:2rem}.feedback-points{font-size:1.5rem;margin-bottom:1.5rem}.continue-btn{padding:.85rem 2.5rem;font-size:1.1rem}}@media (max-width: 480px){.feedback-content{padding:1.5rem 2rem;margin:0 .75rem;border-radius:20px}.feedback-icon{font-size:3rem;margin-bottom:.75rem}.feedback-title{font-size:1.5rem;margin-bottom:.75rem}.feedback-points{font-size:1.25rem;margin-bottom:1.25rem}.continue-btn{padding:.75rem 2rem;font-size:1rem}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-user-select:none;user-select:none}.settings-modal{background:linear-gradient(135deg,var(--card-bg-dark) 0%,var(--card-bg) 100%);border-radius:20px;box-shadow:0 20px 60px #00000080;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.settings-header h2{margin:0;font-size:2rem;color:var(--text-light)}.close-btn{background:none;border:none;font-size:2rem;color:var(--text-dim);cursor:pointer;transition:all .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{color:var(--text-light);background:#ffffff1a;transform:rotate(90deg)}.settings-content{padding:2rem 2.5rem}.settings-content h3{margin:0 0 1rem;font-size:1.5rem;color:var(--text-light)}.settings-hint{margin:0 0 2rem;color:var(--text-dim);font-size:.9rem}.shortcut-list{display:flex;flex-direction:column;gap:1rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:10px;transition:background .2s ease}.shortcut-item:hover{background:#ffffff14}.shortcut-item label{color:var(--text-light);font-size:1.1rem;font-weight:500}.shortcut-btn{min-width:100px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:var(--text-light);cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.shortcut-btn:hover{border-color:var(--accent-primary);background:#ffffff26;transform:translateY(-2px)}.shortcut-btn.editing{border-color:var(--accent-secondary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #8b5cf6b3}50%{box-shadow:0 0 0 10px #8b5cf600}}.settings-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2.5rem;border-top:2px solid rgba(255,255,255,.1)}.settings-reset-btn,.settings-save-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;flex:1}.settings-reset-btn{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.3)}.settings-reset-btn:hover{background:#ff6b6b4d;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b4d}.settings-save-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b5cf666}@media (max-width: 768px){.settings-modal{width:95%;max-height:90vh}.settings-header,.settings-content,.settings-footer{padding:1.25rem}.settings-header h2{font-size:1.4rem}.settings-content h3{font-size:1.2rem}.settings-hint{font-size:.85rem}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-item label{font-size:.95rem}.shortcut-btn{width:100%;padding:.75rem}.settings-footer{flex-direction:column;gap:.75rem}.settings-footer button{width:100%}}@media (max-width: 480px){.settings-modal{width:98%;max-height:92vh}.settings-header,.settings-content,.settings-footer{padding:1rem}.settings-header h2{font-size:1.2rem}.close-btn{width:32px;height:32px;font-size:1.2rem}.settings-content h3{font-size:1.1rem}.settings-hint{font-size:.8rem}.shortcut-item{gap:.4rem}.shortcut-item label{font-size:.9rem}.shortcut-btn{padding:.6rem;font-size:.9rem}.settings-footer button{padding:.7rem 1.5rem;font-size:.95rem}}.summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-user-select:none;user-select:none}.summary-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:0;max-width:800px;width:90%;max-height:85vh;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;display:flex;flex-direction:column}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid rgba(255,255,255,.1);flex-shrink:0}.summary-header h2{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.summary-content{padding:2rem;overflow-y:auto;flex:1}.summary-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.1rem}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff14;border-color:var(--accent-primary);transform:translateY(-3px)}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.summary-section{margin-top:2rem}.summary-section h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--text-light)}.section-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.mistakes-list{display:flex;flex-direction:column;gap:1rem}.mistake-item{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.mistake-item:hover{background:#ff6b6b26;border-color:#ff6b6b80;transform:translate(5px)}.mistake-count{background:#ff6b6b4d;color:#ff6b6b;font-weight:700;font-size:1.1rem;padding:.5rem .75rem;border-radius:8px;min-width:45px;text-align:center}.mistake-matchup{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mistake-type-img{width:32px;height:32px;border-radius:6px;box-shadow:0 2px 8px #0000004d}.mistake-type-img-secondary{margin-left:-8px}.mistake-arrow{font-size:1.2rem;color:var(--text-muted)}.mistake-defending{display:flex;align-items:center}.mistake-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.mistake-wrong{font-size:.85rem;color:#ff8787}.mistake-correct{font-size:.85rem;color:#51cf66}.weak-types-list{display:flex;flex-direction:column;gap:.75rem}.weak-type-item{background:#ffa94d1a;border:2px solid rgba(255,169,77,.3);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.weak-type-item:hover{background:#ffa94d26;border-color:#ffa94d80;transform:translate(5px)}.weak-type-img{width:40px;height:40px;border-radius:8px;box-shadow:0 2px 8px #0000004d}.weak-type-info{flex:1}.weak-type-name{font-weight:700;font-size:1rem;color:var(--text-light);margin-bottom:.25rem}.weak-type-stats{font-size:.85rem;color:var(--text-muted)}.summary-footer{padding:1.5rem 2rem;border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:center;flex-shrink:0}.summary-close-btn{padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:50px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0000004d}.summary-close-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006}.summary-close-btn:active{transform:translateY(-1px)}@media (max-width: 768px){.summary-modal{width:95%;max-height:90vh}.summary-header{padding:1rem 1.5rem}.summary-header h2{font-size:1.5rem}.summary-content{padding:1.5rem}.summary-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:2rem}.mistake-item{flex-direction:column;align-items:flex-start}.mistake-matchup{align-self:center}}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-user-select:none;user-select:none}.history-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:0;max-width:600px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;display:flex;flex-direction:column}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid rgba(255,255,255,.1);flex-shrink:0}.history-modal-header h2{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#4ecdc4,#44a3d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-modal-actions{display:flex;gap:.75rem;align-items:center}.summary-btn-modal{padding:.5rem 1rem;font-size:.9rem;font-weight:700;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:var(--text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap}.summary-btn-modal:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-2px)}.close-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:#fff3;transform:scale(1.1)}.history-modal-content{padding:1.5rem 2rem;overflow-y:auto;flex:1}.history-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,255,255,.1);transition:all .2s ease;animation:slideInRight .3s ease-out}.history-item:hover{background:#ffffff14;transform:translate(5px)}.history-item.correct{border-color:#51cf6666;background:#51cf660d}.history-item.incorrect{border-color:#ff6b6b66;background:#ff6b6b0d}.history-types{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.history-defending{display:flex;align-items:center;gap:.25rem}.history-answer{font-size:.95rem;font-weight:600;color:var(--text-light);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-correct-answer{font-size:.8rem;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.history-modal{width:95%;max-height:85vh}.history-modal-header{padding:1.25rem 1.5rem}.history-modal-header h2{font-size:1.5rem}.summary-btn-modal{padding:.4rem .75rem;font-size:.85rem}.history-modal-content{padding:1.25rem 1.5rem}.history-type-img{width:32px;height:32px}.history-type-img-secondary{width:28px;height:28px}}@media (max-width: 480px){.history-modal{width:98%;max-height:90vh}.history-modal-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.history-modal-header h2{font-size:1.3rem}.history-modal-actions{gap:.5rem}.summary-btn-modal{padding:.35rem .65rem;font-size:.75rem}.close-btn{width:32px;height:32px;font-size:1.2rem}.history-modal-content{padding:1rem}.history-item{padding:.6rem;gap:.75rem}.history-type-img{width:28px;height:28px}.history-type-img-secondary{width:24px;height:24px}.history-arrow{font-size:1.2rem}.history-answer{font-size:.85rem}.history-correct-answer{font-size:.75rem}.history-points{font-size:.8rem}}.app{height:100vh;width:100vw;padding:0;margin:0;position:relative;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.app-header{text-align:center;padding:1rem 1rem .5rem;flex-shrink:0;background:#1a1a2e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative}.app-title{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.settings-btn{position:absolute;right:2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:#fff3;border-color:var(--accent-primary);transform:scale(1.1)}.settings-btn img{width:24px;height:24px;filter:brightness(0) invert(1)}.title-icon{font-size:1.8rem;animation:pulse 2s infinite}.app-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:500}.app-main{flex:1;display:flex;width:100%;padding:1rem;min-height:0;box-sizing:border-box}.game-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;width:100%;height:100%;min-height:0;max-width:2000px;margin:0 auto}.game-section{display:flex;flex-direction:column;gap:1rem;min-height:0}.game-board{background:#1a1a2e99;border-radius:24px;padding:1.5rem;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .8s ease-out;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.question-display{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.question-text{font-size:1.5rem;font-weight:600;line-height:1.5;color:var(--text-light)}.highlight-attacking{color:var(--accent-primary);font-weight:700;text-shadow:0 0 10px var(--accent-primary)}.highlight-defending{color:var(--accent-secondary);font-weight:700;text-shadow:0 0 10px var(--accent-secondary)}.type-cards-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0;flex:1;min-height:0}.vs-badge{font-size:2.5rem;font-weight:700;color:var(--accent-gold);background:var(--bg-darker);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--accent-gold);box-shadow:0 0 30px #ffd93d80;animation:pulse 2s infinite;flex-shrink:0}.arrow-divider{animation:pulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arrow-divider svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));width:60px;height:60px;flex-shrink:0}.keyboard-hints{margin-top:auto;padding:.6rem 1rem;background:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;color:#fffc;text-align:center;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.keyboard-hints kbd{display:inline-block;padding:.25rem .5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-family:monospace;font-size:.85rem;margin:0 .15rem;box-shadow:0 2px 4px #0003}.defending-types{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.game-controls{display:flex;gap:1rem;flex-shrink:0}.dual-type-toggle{flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background:#4ecdc433;color:var(--text-light);border:2px solid rgba(78,205,196,.4);border-radius:50px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.dual-type-toggle:hover{background:#4ecdc44d;border-color:#4ecdc499;transform:scale(1.02)}.dual-type-toggle.active{background:#4ecdc466;border-color:#4ecdc4cc;color:var(--accent-secondary);font-weight:700}.history-btn{display:none;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background:#4ecdc433;color:var(--accent-secondary);border:2px solid rgba(78,205,196,.4);border-radius:50px;cursor:pointer;transition:all .3s ease;flex-shrink:0;text-align:center;justify-content:center;align-items:center}.history-btn:hover{background:#4ecdc44d;color:var(--text-light);border-color:#4ecdc499;transform:scale(1.02)}.reset-btn{flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background:#6c757d4d;color:var(--text-muted);border:2px solid rgba(108,117,125,.5);border-radius:50px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.reset-btn:hover{background:#6c757d80;color:var(--text-light);border-color:#6c757dcc;transform:scale(1.02)}@media (max-width: 768px){.app{padding:1rem}.app-title{font-size:2rem}.title-icon{font-size:1.5rem}.app-subtitle{font-size:1rem}.game-board{padding:1.5rem}.question-text{font-size:1.3rem}.type-cards-container{gap:1.5rem}.vs-badge{font-size:2rem;width:70px;height:70px}.keyboard-hints{font-size:.75rem;padding:.5rem 1rem}.keyboard-hints kbd{font-size:.75rem}}.history-section{display:flex;flex-direction:column;min-height:0}.history-panel{background:#1a1a2e99;border-radius:24px;padding:1.5rem;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;display:flex;flex-direction:column;min-height:0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem;flex-shrink:0;gap:1rem}.history-title{font-size:1.4rem;font-weight:700;color:var(--text-light);margin:0}.summary-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:700;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:var(--text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.summary-btn:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-2px)}.summary-btn:disabled{opacity:.5;cursor:not-allowed}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem;min-height:0}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#0003;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#fff6}.history-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-style:italic}.history-item{background:#0000004d;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem;border:2px solid transparent;transition:all .3s ease;animation:slideInRight .3s ease-out;flex-shrink:0}.history-item.correct{border-color:#4caf5080;background:#4caf501a}.history-item.incorrect{border-color:#f4433680;background:#f443361a}.history-types{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.history-defending{display:flex;gap:.2rem;align-items:center}.history-type-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.history-type-img-secondary{width:32px;height:32px;opacity:.9}.history-arrow{font-size:1.4rem;color:#fff9}.history-details{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.history-answer{font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-correct-answer{font-size:.6rem;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-points{font-size:.9rem;font-weight:700;color:var(--accent-gold)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1400px){.game-layout{grid-template-columns:1fr 320px;gap:1rem}.game-board{padding:1rem}.type-cards-container{gap:1.25rem;margin:1rem 0}.vs-badge{font-size:2rem;width:60px;height:60px;border-width:3px}.arrow-divider svg{width:50px;height:50px}.question-text{font-size:1.3rem}.history-panel{padding:1rem}.history-title{font-size:1.2rem}}@media (max-width: 1200px){.game-layout{grid-template-columns:1fr}.history-section{display:none}.history-btn{display:flex}}@media (max-width: 1024px){.app-title{font-size:1.8rem}.game-board{padding:1.5rem}}@media (max-width: 768px){.app{height:100vh;height:100dvh}.app-header{padding:.5rem .75rem .25rem}.header-content{gap:.5rem}.app-title{font-size:1.3rem;gap:.4rem}.title-icon{font-size:1.2rem}.app-subtitle{font-size:.75rem}.settings-btn{right:.75rem;width:36px;height:36px}.settings-btn img{width:18px;height:18px}.app-main{padding:.5rem;overflow:hidden}.game-layout{gap:.5rem;min-height:auto}.game-section{overflow:visible}.game-board{padding:.5rem;gap:.5rem}.question-display{margin-bottom:.3rem}.question-text{font-size:.85rem;line-height:1.2}.type-cards-container{flex-direction:row;gap:.5rem;padding:.75rem .25rem;margin:.5rem 0;flex-wrap:wrap}.arrow-divider{display:flex;background:#ffffff1a;border-radius:50%;padding:.5rem}.arrow-divider svg{width:50px;height:50px;filter:drop-shadow(0 0 10px rgba(255,255,255,1))}.arrow-divider svg path{stroke:#fff;stroke-width:5}.arrow-divider svg circle{stroke:#fff;stroke-width:3}.defending-types{gap:.5rem}.game-controls{flex-direction:row;gap:.5rem;flex-wrap:wrap}.dual-type-toggle,.history-btn,.reset-btn{flex:1;min-width:45%;padding:.6rem 1rem;font-size:.85rem}.keyboard-hints,.settings-btn{display:none}.history-section{order:-1}.history-panel{padding:.75rem;max-height:180px}.history-header{gap:.5rem;margin-bottom:.5rem;padding-bottom:.4rem}.history-title{font-size:1rem}.summary-btn{padding:.35rem .65rem;font-size:.75rem}.history-item{padding:.5rem;gap:.5rem}.history-type-img{width:24px;height:24px}.history-type-img-secondary{width:22px;height:22px}.history-answer{font-size:.8rem}.history-correct-answer{font-size:.7rem}.history-points{font-size:.75rem}}@media (max-width: 480px){.app-header{padding:.4rem .5rem .25rem}.app-title{font-size:1.1rem;gap:.3rem}.title-icon{font-size:1rem}.app-subtitle{font-size:.7rem}.settings-btn{right:.5rem;width:32px;height:32px}.settings-btn img{width:16px;height:16px}.app-main{padding:.3rem}.game-board{padding:.4rem;gap:.4rem}.question-text{font-size:.8rem;line-height:1.2}.question-display{margin-bottom:.2rem}.type-cards-container{flex-direction:row;gap:.25rem;margin:.2rem 0;padding:.3rem .15rem;flex-wrap:wrap}.arrow-divider{background:#ffffff1a;border-radius:50%;padding:.3rem}.arrow-divider svg{width:35px;height:35px;filter:drop-shadow(0 0 8px rgba(255,255,255,1))}.arrow-divider svg path{stroke:#fff;stroke-width:5}.arrow-divider svg circle{stroke:#fff;stroke-width:3}.defending-types{gap:.25rem}.game-controls{gap:.4rem}.dual-type-toggle,.history-btn,.reset-btn{padding:.5rem .75rem;font-size:.8rem}.keyboard-hints,.settings-btn{display:none}.history-panel{padding:.5rem;max-height:150px}.history-header{margin-bottom:.4rem;padding-bottom:.3rem}.history-title{font-size:.9rem}.summary-btn{padding:.3rem .5rem;font-size:.7rem}.history-item{padding:.4rem;gap:.4rem}.history-type-img{width:20px;height:20px}.history-type-img-secondary{width:18px;height:18px}.history-arrow{font-size:1rem}.history-answer{font-size:.75rem}.history-correct-answer{font-size:.65rem}.history-points{font-size:.7rem}}@media (max-height: 800px){.app-header{padding:.5rem 1rem .25rem}.app-title{font-size:1.8rem}.app-subtitle{font-size:.85rem}.app-main{padding:.5rem}.game-board{padding:1rem}.question-display{margin-bottom:.75rem}.question-text{font-size:1.2rem}.type-cards-container{gap:1.25rem;margin:.75rem 0}.vs-badge{font-size:2rem;width:60px;height:60px;border-width:3px}.arrow-divider svg{width:45px;height:45px}.keyboard-hints{padding:.4rem .75rem;font-size:.8rem}.game-controls{gap:.75rem}.dual-type-toggle,.history-btn,.reset-btn{padding:.6rem 1rem;font-size:.9rem}}@media (max-height: 700px){.app-header{padding:.3rem .75rem .15rem}.app-title{font-size:1.5rem;gap:.5rem}.title-icon{font-size:1.2rem}.app-subtitle{font-size:.75rem}.app-main{padding:.3rem}.game-board{padding:.75rem;gap:.5rem}.question-display{margin-bottom:.5rem}.question-text{font-size:1rem}.type-cards-container{gap:1rem;margin:.5rem 0}.vs-badge{font-size:1.75rem;width:50px;height:50px;border-width:2px}.arrow-divider svg{width:40px;height:40px}.keyboard-hints{padding:.3rem .5rem;font-size:.75rem}.game-controls{gap:.5rem}.dual-type-toggle,.history-btn,.reset-btn{padding:.5rem .75rem;font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:2rem;box-shadow:0 20px 60px #00000080;max-width:90%;max-height:90vh;overflow-y:auto;width:450px;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chrono-ready{text-align:center;color:#fff}.chrono-ready h2{margin-bottom:1rem;font-size:2rem;color:#fff}.chrono-ready p{margin-bottom:1.5rem;font-size:1.1rem;color:#aaa}.chrono-rules{background:#ffffff1a;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.chrono-type-mode-selector{margin-bottom:1.5rem}.type-mode-label{display:block;font-size:.9rem;color:#aaa;margin-bottom:.75rem}.type-mode-options{display:flex;gap:.5rem;justify-content:center}.type-mode-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#ccc;padding:.6rem 1.2rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s}.type-mode-btn:hover{background:#ffffff26;border-color:#ffffff4d}.type-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.rule-item{padding:.5rem;font-size:1rem;color:#ddd}.ready-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;font-size:1.5rem;border-radius:12px;cursor:pointer;margin-bottom:1rem;transition:transform .2s}.ready-btn:hover{transform:scale(1.05)}.chrono-results{text-align:center;max-width:400px;color:#fff}.chrono-results h2{margin-bottom:1rem;font-size:2rem;color:#a0b4ff}.chrono-final-score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.final-score-label{display:block;font-size:.9rem;opacity:.9;margin-bottom:.5rem}.final-score-value{display:block;font-size:3.5rem;font-weight:700}.chrono-stats{margin:1rem 0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin:.5rem 0;background:#ffffff1a;border-radius:8px}.stat-label{font-size:1rem;color:#ccc}.stat-value{font-size:1.3rem;font-weight:700;color:#fff}.stat-value.correct{color:#4ade80}.stat-value.wrong{color:#f87171}.stat-value.excellent{color:#4ade80}.stat-value.good{color:#fbbf24}.stat-value.streak{color:#ff6b35}.chrono-history{margin:1.5rem 0;text-align:left}.chrono-history h3{font-size:1rem;color:#aaa;margin-bottom:.75rem;text-align:center}.chrono-history-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:.5rem}.chrono-history-list::-webkit-scrollbar{width:6px}.chrono-history-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chrono-history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chrono-history-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:#ffffff0d;border-radius:6px;border-left:3px solid transparent}.chrono-history-item.correct{border-left-color:#4ade80}.chrono-history-item.incorrect{border-left-color:#f87171}.chrono-history-types{display:flex;align-items:center;gap:.3rem}.chrono-history-type-img{width:24px;height:24px;border-radius:4px}.chrono-history-arrow{color:#888;font-size:.8rem;margin:0 .2rem}.chrono-history-answer{display:flex;flex-direction:column;align-items:flex-start;flex:1;margin-left:.5rem;min-width:0}.chrono-history-user-answer{font-size:.75rem;text-transform:capitalize}.chrono-history-user-answer.correct{color:#4ade80}.chrono-history-user-answer.incorrect{color:#f87171}.chrono-history-correct-answer{font-size:.65rem;color:#888;text-transform:capitalize}.chrono-history-result{font-weight:700;font-size:1rem;margin-left:.5rem}.chrono-history-result.correct{color:#4ade80}.chrono-history-result.incorrect{color:#f87171}.chrono-result-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.close-btn{background:#666;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .2s}.close-btn:hover{background:#555}.chrono-hud{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.75rem;border-radius:16px;box-shadow:0 8px 32px #0006;min-width:140px}.chrono-hud .chrono-timer{background:#fff3;padding:.5rem 1.25rem;border-radius:10px;font-size:1.75rem;font-weight:700;width:100%;text-align:center}.chrono-hud .chrono-timer.warning{background:#ff6b6b80;animation:pulse .5s infinite}.chrono-hud-stats{display:flex;gap:1rem;width:100%;justify-content:space-around}.chrono-cancel-btn{position:absolute;top:8px;right:8px;background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chrono-cancel-btn:hover{background:#ff646480}.chrono-hud-stat{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:.65rem;opacity:.8;text-transform:uppercase;letter-spacing:.3px}.hud-value{font-size:1.25rem;font-weight:700}.hud-value.correct{color:#90ee90}.hud-value.streak{color:gold}@media (max-width: 768px){.modal-content{padding:1.25rem;max-height:85vh}.chrono-hud{top:10px;right:10px;padding:.6rem .8rem;min-width:110px;gap:.5rem}.chrono-hud .chrono-timer{font-size:1.3rem;padding:.4rem .8rem}.chrono-hud-stats{gap:.75rem}.hud-value{font-size:1rem}.hud-label{font-size:.55rem}.ready-btn{padding:.75rem 2rem;font-size:1.2rem}.chrono-ready h2,.chrono-results h2{font-size:1.5rem}.chrono-final-score{padding:.75rem;margin-bottom:1rem}.final-score-value{font-size:2rem}.chrono-stats{margin:.75rem 0}.stat-item{padding:.5rem .75rem;margin:.3rem 0}.stat-label{font-size:.85rem}.stat-value{font-size:1rem}.chrono-history{margin:1rem 0}.chrono-history-list{max-height:120px}.chrono-result-actions{margin-top:1rem;gap:.5rem}.chrono-rules{padding:.75rem}.rule-item{font-size:.9rem;padding:.3rem}}:root{--bg-dark: #1a1a2e;--bg-darker: #0f0f1e;--accent-primary: #ff6b6b;--accent-secondary: #4ecdc4;--accent-gold: #ffd93d;--text-light: #f8f9fa;--text-muted: #adb5bd;--success: #51cf66;--danger: #ff6b6b;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);color:var(--text-light);height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}#root{width:100%;height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-primary)}50%{box-shadow:0 0 40px var(--accent-primary),0 0 60px var(--accent-secondary)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}.pulse{animation:pulse 2s infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (max-width: 768px){::-webkit-scrollbar{width:6px}body{font-size:16px}}@media screen and (orientation: landscape){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}}