*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #4F46E5;--color-primary-light: #818CF8;--color-primary-dark: #3730A3;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-text: #1E293B;--color-text-light: #64748B;--color-border: #E2E8F0;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:24px 16px;display:flex;flex-direction:column}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:32px;padding:0 8px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-light);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s}.sidebar-link:hover{background:#f1f5f9;color:var(--color-text)}.sidebar-link.active{background:#eef2ff;color:var(--color-primary)}.main-content{flex:1;padding:32px;max-width:1200px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;text-align:center}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-value.success{color:var(--color-success)}.stat-value.warning{color:var(--color-warning)}.stat-value.danger{color:var(--color-danger)}.stat-value.primary{color:var(--color-primary)}.stat-label{font-size:.85rem;color:var(--color-text-light);margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:#f1f5f9}.btn-lg{padding:14px 28px;font-size:1.1rem}.btn-sm{padding:6px 12px;font-size:.8rem}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--color-text)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.form-select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;background:#fff}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}th{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.facts-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.facts-grid-header{background:#f1f5f9;font-size:.75rem;font-weight:700;text-align:center;padding:8px 4px;border-radius:4px}.fact-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:transform .1s}.fact-cell:hover{transform:scale(1.15);z-index:1}.fact-cell.automatise{background:#d1fae5;color:#065f46}.fact-cell.en_cours{background:#fef3c7;color:#92400e}.fact-cell.non_acquis{background:#fee2e2;color:#991b1b}.training-container{max-width:600px;margin:0 auto;text-align:center}.question-display{font-size:3rem;font-weight:700;margin:40px 0 20px;color:var(--color-text)}.answer-input{font-size:2.5rem;text-align:center;width:160px;padding:12px;border:3px solid var(--color-primary);border-radius:var(--radius);font-family:inherit;font-weight:700}.answer-input:focus{outline:none;box-shadow:0 0 0 4px #4f46e533}.feedback{margin:24px 0;padding:16px 24px;border-radius:var(--radius);font-size:1.2rem;font-weight:600}.feedback.correct{background:#d1fae5;color:#065f46}.feedback.incorrect{background:#fee2e2;color:#991b1b}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:24px}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.timer{font-size:.85rem;color:var(--color-text-light);margin-top:8px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:440px}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--color-text-light);text-align:center;margin-bottom:28px;font-size:.9rem}.auth-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f1f5f9;border-radius:var(--radius-sm);padding:4px}.auth-tab{flex:1;padding:8px 16px;text-align:center;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--color-text-light);background:transparent;border:none;transition:all .15s}.auth-tab.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow)}.error-message{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px}.mobile-header{display:none}@media (max-width: 768px){.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mobile-header-logo{font-size:1rem;font-weight:700;color:var(--color-primary)}.app-layout{flex-direction:column}}@media (max-width: 768px){.sidebar{display:none}.main-content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.facts-grid{font-size:.6rem}.question-display{font-size:2rem}.answer-input{font-size:1.8rem;width:120px}}.session-summary{max-width:500px;margin:0 auto;text-align:center}.summary-score{font-size:4rem;font-weight:800;margin:20px 0}.summary-detail{display:flex;justify-content:center;gap:32px;margin:24px 0}.summary-detail-item{text-align:center}.summary-detail-value{font-size:1.5rem;font-weight:700}.summary-detail-label{font-size:.8rem;color:var(--color-text-light)}.student-home{max-width:600px;margin:0 auto;padding:20px}.welcome-message{font-size:1.6rem;font-weight:700;margin-bottom:24px}.mode-cards{display:grid;gap:16px}.mode-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:all .15s;text-align:left}.mode-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.mode-card-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}.mode-card-desc{font-size:.85rem;color:var(--color-text-light)}.game-home{width:100%;min-height:100vh;padding:24px 32px;background:linear-gradient(180deg,#0f172a,#1e293b 30%,#334155);color:#fff}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.game-header-left{display:flex;align-items:center;gap:0}.game-player-name{font-size:1.1rem;font-weight:700}.game-header .btn-outline{color:#94a3b8;border-color:#475569}.game-hero-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 0 30px #6366f11a}.game-hero-top{display:flex;gap:16px;align-items:center;margin-bottom:16px}.game-avatar-big{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 0 20px #6366f166}.game-hero-info{flex:1}.game-hero-student-name{font-size:1.35rem;font-weight:800;color:#f8fafc;margin-bottom:8px}.game-title-badge{display:inline-flex;align-items:center;gap:6px;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:3px 12px;margin-bottom:6px}.game-title-icon{font-size:.85rem}.game-title-text{font-size:.8rem;font-weight:600;color:#a5b4fc}.game-level{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:8px}.game-xp-bar-container{width:100%}.game-xp-bar{height:10px;background:#1e293b;border-radius:5px;overflow:hidden;border:1px solid #475569}.game-xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:5px;transition:width .5s ease;box-shadow:0 0 10px #8b5cf680}.game-xp-text{font-size:.75rem;color:#94a3b8;margin-top:4px}.game-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.game-quick-stat{text-align:center;padding:10px 4px;background:#ffffff0d;border-radius:10px}.game-quick-stat-value{font-size:1rem;font-weight:700}.game-quick-stat-label{font-size:.65rem;color:#94a3b8;margin-top:2px}.game-section-title{font-size:1.1rem;font-weight:700;margin-bottom:12px}.game-mode-cards{display:grid;gap:10px;margin-bottom:24px}.game-mode-card{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #475569;border-radius:14px;cursor:pointer;transition:all .2s}.game-mode-card:hover{border-color:var(--mode-color, #6366F1);background:linear-gradient(135deg,#6366f11a,#6366f105);transform:translate(4px);box-shadow:0 0 20px #6366f126}.game-mode-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mode-gradient, linear-gradient(135deg, #6366F1, #8B5CF6))}.game-mode-content{flex:1}.game-mode-title{font-size:.95rem;font-weight:700}.game-mode-desc{font-size:.78rem;color:#94a3b8;margin-top:2px}.game-mode-arrow{font-size:1.2rem;color:#64748b}.game-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.game-nav-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#ffffff0d;border:1px solid #475569;border-radius:12px;color:#cbd5e1;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.game-nav-btn:hover{background:#6366f11a;border-color:#6366f1;color:#fff}.game-nav-icon{font-size:1.4rem}.game-training-select{width:100%;min-height:100vh;padding:40px 32px;text-align:center;background:linear-gradient(180deg,#0f172a,#1e293b 50%);color:#fff}.game-training-mode-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:20px}.game-training-title{font-size:1.6rem;font-weight:800;margin-bottom:8px}.game-training-subtitle{color:#94a3b8;margin-bottom:32px}.game-type-cards{display:grid;gap:12px}.game-type-card{display:flex;align-items:center;gap:14px;padding:18px;background:#ffffff0d;border:2px solid #475569;border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.game-type-card:hover{border-color:#6366f1;transform:scale(1.02);box-shadow:0 0 25px #6366f133}.game-type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.3rem;color:#fff}.game-type-info{flex:1}.game-type-label{font-size:1rem;font-weight:700}.game-type-desc{font-size:.78rem;color:#94a3b8}.game-training-select .btn-outline{color:#94a3b8;border-color:#475569}.game-training-container{width:100%;min-height:100vh;padding:24px 32px;text-align:center;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;position:relative;overflow:hidden}.game-training-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem}.game-training-mode-small{font-weight:600}.game-streak-fire{font-weight:700;animation:pulse .5s ease}.game-training-xp-total{color:#a78bfa;font-weight:700}.game-progress-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden;margin-bottom:6px;position:relative}.game-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.game-progress-segments{display:flex;gap:3px;margin-bottom:4px}.game-progress-segment{height:4px;flex:1;border-radius:2px;background:#475569;transition:background .3s}.game-progress-segment.correct{background:var(--color-success)}.game-progress-segment.incorrect{background:var(--color-danger)}.game-progress-segment.current{background:#6366f1;animation:pulse 1s infinite}.game-progress-text{font-size:.8rem;color:#64748b;margin-bottom:20px}.game-question-area{margin:30px 0}.game-question-display{display:flex;align-items:center;justify-content:center;gap:16px;font-size:3rem;font-weight:800}.game-operand{color:#fff}.game-operator{color:#a78bfa;font-size:2.2rem}.game-equals{color:#64748b;font-size:2.2rem}.game-mystery{color:#f59e0b;animation:pulse 1.5s infinite;text-shadow:0 0 20px rgba(245,158,11,.4)}.game-input-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.game-answer-input{font-size:2.5rem;text-align:center;width:160px;padding:12px;border:3px solid #6366F1;border-radius:14px;font-family:inherit;font-weight:700;background:#ffffff0d;color:#fff;caret-color:#a78bfa}.game-answer-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 20px #6366f14d}.game-answer-input::placeholder{color:#475569}.game-submit-btn{padding:14px 36px;font-size:1.1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #6366f166}.game-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.game-submit-btn:disabled{opacity:.4;cursor:default}.game-feedback{margin:20px 0;padding:16px 28px;border-radius:14px;font-size:1.2rem;font-weight:700;animation:slideIn .3s ease}.game-feedback.correct{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.game-feedback.incorrect{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.game-xp-popup{position:fixed;top:40%;right:20%;font-size:1.5rem;font-weight:800;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.5);animation:xpFloat 1s ease forwards;pointer-events:none;z-index:100}.game-combo-text{position:fixed;top:25%;left:50%;transform:translate(-50%);font-weight:900;text-transform:uppercase;letter-spacing:2px;animation:comboScale .8s ease forwards;pointer-events:none;z-index:100;text-shadow:0 0 20px currentColor}.game-badge-popup{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #F59E0B;border-radius:16px;padding:14px 24px;animation:slideUp .5s ease,fadeOut .5s ease 1.5s forwards;z-index:100;box-shadow:0 0 30px #f59e0b4d}.game-badge-popup-icon{font-size:2rem}.game-badge-popup-title{font-size:.7rem;color:#f59e0b;text-transform:uppercase;font-weight:700;letter-spacing:1px}.game-badge-popup-name{font-size:1rem;font-weight:700;color:#fff}.game-levelup-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 50px;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border:3px solid #A78BFA;border-radius:20px;animation:levelUp 2.5s ease forwards;z-index:200;box-shadow:0 0 60px #6366f180}.game-levelup-icon{font-size:3rem;animation:bounceIn .5s ease}.game-levelup-text{font-size:1.4rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px}.game-victory-screen{width:100%;min-height:100vh;padding:30px 32px;text-align:center;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}.game-victory-header h2{font-size:1.6rem;font-weight:800;margin-bottom:12px}.game-victory-stars{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.game-star{font-size:2.5rem;transition:all .3s}.game-star.earned{color:#f59e0b;text-shadow:0 0 15px rgba(245,158,11,.5);animation:starPop .5s ease}.game-star.empty{color:#475569}.game-victory-score{font-size:4rem;font-weight:900;margin:12px 0;text-shadow:0 0 30px currentColor}.game-victory-stats{display:flex;justify-content:center;gap:24px;margin:20px 0}.game-victory-stat{text-align:center;padding:12px 16px;background:#ffffff0d;border-radius:12px;min-width:100px}.game-victory-stat-icon{font-size:1.4rem;margin-bottom:4px}.game-victory-stat-value{font-size:1.3rem;font-weight:700}.game-victory-stat-label{font-size:.7rem;color:#94a3b8}.game-victory-badges{margin:24px 0;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:14px}.game-victory-badges h3{font-size:1rem;margin-bottom:12px;color:#f59e0b}.game-badge-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.game-badge-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border-radius:10px}.game-badge-item.game-badge-new{border:1px solid #F59E0B;animation:badgeGlow 1.5s ease infinite}.game-badge-icon-big{font-size:1.4rem}.game-badge-name{font-size:.85rem;font-weight:600}.game-victory-results{margin:20px 0;text-align:left}.game-result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #334155}.game-result-fact{font-weight:600}.game-result-info{display:flex;align-items:center;gap:10px}.game-result-time{font-size:.8rem;color:#64748b}.game-result-badge{padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:600}.game-result-badge.correct{background:#10b98126;color:#6ee7b7}.game-result-badge.incorrect{background:#ef444426;color:#fca5a5}.game-result-xp{font-size:.75rem;font-weight:700;color:#a78bfa}.game-victory-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.game-btn-primary{padding:14px 28px;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #6366f14d}.game-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f166}.game-btn-secondary{padding:14px 28px;font-size:1rem;font-weight:700;font-family:inherit;background:transparent;color:#94a3b8;border:1px solid #475569;border-radius:14px;cursor:pointer;transition:all .15s}.game-btn-secondary:hover{background:#ffffff0d;color:#fff}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.game-loading-spinner{font-size:3rem;animation:spin 1s ease infinite;margin-bottom:16px}.game-victory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.game-victory-icon{font-size:4rem;margin-bottom:16px}.game-victory-empty h2{margin-bottom:8px}.game-victory-empty p{color:#94a3b8;margin-bottom:24px}.game-rewards-page{width:100%;min-height:100vh;padding:24px 32px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}.game-rewards-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.game-rewards-header h2{flex:1;font-size:1.2rem}.game-rewards-header .btn-outline{color:#94a3b8;border-color:#475569}.game-rewards-count{font-size:.9rem;font-weight:700;color:#f59e0b}.game-rewards-progress{margin-bottom:20px}.game-rewards-progress-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden;margin-bottom:6px}.game-rewards-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#eab308);border-radius:4px;transition:width .5s}.game-rewards-progress-text{font-size:.8rem;color:#94a3b8}.game-rewards-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.game-reward-stat{display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:#ffffff0d;border:1px solid #475569;border-radius:12px}.game-reward-stat-icon{font-size:1.4rem;margin-bottom:6px}.game-reward-stat-value{font-size:1.1rem;font-weight:700}.game-reward-stat-label{font-size:.7rem;color:#94a3b8;margin-top:2px}.game-rewards-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.game-filter-btn{padding:6px 14px;font-size:.78rem;font-weight:600;font-family:inherit;background:#ffffff0d;border:1px solid #475569;border-radius:20px;color:#94a3b8;cursor:pointer;transition:all .15s}.game-filter-btn.active{background:#6366f133;border-color:#6366f1;color:#fff}.game-filter-btn:hover{border-color:#6366f1}.game-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.game-badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;border-radius:14px;transition:all .2s}.game-badge-card.unlocked{background:#ffffff0d;border:1px solid #475569}.game-badge-card.locked{background:#0003;border:1px solid #334155;opacity:.5}.game-badge-card-icon{font-size:2.2rem;margin-bottom:8px}.game-badge-card-name{font-size:.85rem;font-weight:700;margin-bottom:4px}.game-badge-card-desc{font-size:.7rem;color:#94a3b8;line-height:1.3}.game-badge-card-date{font-size:.65rem;color:#64748b;margin-top:6px}.game-leaderboard-page{width:100%;min-height:100vh;padding:24px 32px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}.game-leaderboard-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.game-leaderboard-header h2{flex:1;font-size:1.2rem}.game-leaderboard-header .btn-outline{color:#94a3b8;border-color:#475569}.game-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-bottom:30px}.game-podium-item{display:flex;flex-direction:column;align-items:center;text-align:center}.game-podium-crown{font-size:1.3rem;margin-bottom:4px;animation:bounceIn .5s ease}.game-podium-avatar{font-size:2rem;margin-bottom:6px}.game-podium-name{font-size:.85rem;font-weight:700;margin-bottom:4px}.game-podium-xp{font-size:.75rem;color:#a78bfa;font-weight:600;margin-bottom:8px}.game-podium-bar{width:80px;border-radius:8px 8px 0 0}.game-podium-item.first .game-podium-bar{background:linear-gradient(180deg,#f59e0b,#d97706)}.game-podium-item.second .game-podium-bar{background:linear-gradient(180deg,#94a3b8,#64748b)}.game-podium-item.third .game-podium-bar{background:linear-gradient(180deg,#cd7f32,sienna)}.game-leaderboard-list{display:grid;gap:6px}.game-leaderboard-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid #334155;border-radius:12px;transition:all .15s}.game-leaderboard-row.is-me{background:#6366f11a;border-color:#6366f1}.game-leaderboard-rank{font-size:1.1rem;font-weight:800;min-width:36px;text-align:center}.game-leaderboard-info{flex:1}.game-leaderboard-name{font-size:.9rem;font-weight:700}.game-leaderboard-details{font-size:.7rem;color:#94a3b8;margin-top:2px}.game-leaderboard-xp{font-size:.9rem;font-weight:700;color:#a78bfa}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@keyframes comboScale{0%{opacity:0;transform:translate(-50%) scale(.3)}30%{opacity:1;transform:translate(-50%) scale(1.2)}60%{transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-30px)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes levelUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes starPop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0) translateY(10px)}60%{transform:scale(1.2) translateY(-5px)}to{transform:scale(1) translateY(0)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 5px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b66}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes monsterHit{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.85);filter:brightness(2) hue-rotate(30deg)}to{transform:scale(1);filter:brightness(1)}}@keyframes monsterDefeat{0%{opacity:1;transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-5deg)}60%{opacity:.5;transform:scale(.5) rotate(15deg)}to{opacity:0;transform:scale(0) rotate(30deg) translateY(40px)}}@keyframes monsterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bossFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.02)}50%{transform:translateY(-4px) scale(1)}75%{transform:translateY(-12px) scale(1.03)}}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--angle))*80px),calc(sin(var(--angle))*80px)) scale(0)}}@keyframes heartLose{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.6)}to{transform:scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInQuestion{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes bossEntrance{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.15) rotate(3deg)}70%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes defeatMsgAnim{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(10px)}30%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-5px)}60%{transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-20px)}}@keyframes powerUpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-15deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(3deg)}60%{transform:translate(-50%,-50%) scale(.95) rotate(-1deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-20px)}}@keyframes bossGlow{0%,to{box-shadow:0 0 20px #f59e0b33}50%{box-shadow:0 0 50px #f59e0b80,0 0 80px #ef444433}}.game-shake{animation:shake .5s ease}.game-hearts{display:flex;gap:4px;font-size:1.2rem}.game-heart{transition:all .3s}.game-heart.alive{animation:heartBeat 2s infinite}.game-heart.lost{animation:heartLose .5s ease;filter:grayscale(.5)}.game-victory-hearts{display:flex;justify-content:center;gap:6px;margin-bottom:16px;font-size:1.6rem}.game-victory-heart.lost{filter:grayscale(.5);opacity:.6}.game-power-bar{display:flex;align-items:center;justify-content:center;gap:16px;min-height:28px;margin-bottom:10px}.game-active-powerup{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:20px;font-size:.8rem;font-weight:700;color:#fcd34d;animation:badgeGlow 1.5s ease infinite}.game-timer-container{display:flex;align-items:center;gap:10px;margin-bottom:16px;max-width:400px;margin-left:auto;margin-right:auto}.game-timer-bar{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.game-timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background .5s}.game-timer-text{font-size:.85rem;font-weight:700;min-width:48px;text-align:right}.game-timer-text[style*="color: #EF4444"]{animation:timerPulse .5s infinite}.game-monster-area{margin:16px 0 8px}.game-monster-area.game-enter{animation:slideInQuestion .4s ease}.game-monster-area.game-boss{animation:bossEntrance .7s ease}.game-monster{display:flex;flex-direction:column;align-items:center;gap:4px}.game-monster-emoji{font-size:4rem;animation:monsterFloat 2s ease infinite;transition:all .3s}.game-boss .game-monster-emoji{font-size:5rem;animation:bossFloat 3s ease infinite}.game-monster-hit .game-monster-emoji{animation:monsterHit .3s ease!important}.game-monster-defeat .game-monster-emoji{animation:monsterDefeat .8s ease forwards!important}.game-boss-label{display:inline-block;padding:3px 14px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:2px;color:#fff;text-transform:uppercase;animation:bossGlow 2s ease infinite}.game-monster-name{font-size:.85rem;font-weight:700}.game-defeat-msg{position:fixed;top:35%;left:50%;font-size:1.3rem;font-weight:900;color:#fcd34d;text-shadow:0 0 15px rgba(252,211,77,.5);animation:defeatMsgAnim 1s ease forwards;pointer-events:none;z-index:100}.game-particle{position:fixed;font-size:1.4rem;animation:particleBurst .8s ease forwards;pointer-events:none;z-index:100}.game-question-area.game-enter{animation:slideInQuestion .4s ease}.game-powerup-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:18px 28px;background:linear-gradient(135deg,#f59e0bf2,#eab308f2);border:2px solid #FCD34D;border-radius:18px;animation:powerUpAppear 1.5s ease forwards;z-index:200;box-shadow:0 0 40px #f59e0b66}.game-powerup-popup-icon{font-size:2.5rem}.game-powerup-popup-name{font-size:1.1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}.game-powerup-popup-desc{font-size:.85rem;color:#ffffffd9;font-weight:600}.game-type-monsters{font-size:.9rem;margin-top:4px;letter-spacing:2px}.game-result-monster{font-size:1.2rem;min-width:28px}@media (min-width: 769px){.game-home{padding:32px 48px}.game-hero-card,.game-section-title,.game-mode-cards,.game-bottom-nav,.game-header{max-width:900px;margin-left:auto;margin-right:auto}.game-training-select .game-type-cards,.game-training-select .game-training-title,.game-training-select .game-training-subtitle,.game-training-select .game-training-mode-badge,.game-training-select .btn-outline{max-width:800px;margin-left:auto;margin-right:auto}.game-training-container .game-training-top,.game-training-container .game-progress-bar,.game-training-container .game-progress-segments,.game-training-container .game-progress-text{max-width:700px;margin-left:auto;margin-right:auto}.game-victory-screen .game-victory-header,.game-victory-screen .game-victory-score,.game-victory-screen .game-victory-stats,.game-victory-screen .game-victory-badges,.game-victory-screen .game-victory-actions{max-width:800px;margin-left:auto;margin-right:auto}.game-rewards-header,.game-rewards-progress,.game-rewards-stats,.game-rewards-filters,.game-badge-grid,.game-leaderboard-header,.game-podium,.game-leaderboard-list{max-width:900px;margin-left:auto;margin-right:auto}.game-hero-card{padding:28px}.game-hero-top{gap:24px}.game-avatar-big{font-size:3.5rem;width:90px;height:90px}.game-level{font-size:1.5rem}.game-quick-stats{gap:12px}.game-quick-stat{padding:14px 8px}.game-quick-stat-value{font-size:1.2rem}.game-quick-stat-label{font-size:.75rem}.game-mode-cards{grid-template-columns:repeat(2,1fr);gap:14px}.game-mode-card{padding:20px}.game-mode-icon{font-size:2rem;width:56px;height:56px}.game-mode-title{font-size:1.05rem}.game-mode-desc{font-size:.85rem}.game-bottom-nav{gap:14px}.game-nav-btn{padding:18px 12px;font-size:.9rem}.game-nav-icon{font-size:1.6rem}.game-type-cards{grid-template-columns:repeat(3,1fr);gap:16px}.game-type-card{flex-direction:column;text-align:center;padding:24px 18px}.game-type-icon{width:64px;height:64px;font-size:1.6rem}.game-question-display{font-size:4rem;gap:24px;margin:50px 0}.game-operator,.game-equals{font-size:3rem}.game-answer-input{font-size:3rem;width:200px;padding:16px}.game-submit-btn{padding:16px 48px;font-size:1.2rem}.game-feedback{font-size:1.4rem;padding:20px 36px}.game-victory-header h2{font-size:2rem}.game-star{font-size:3.5rem}.game-victory-score{font-size:5rem}.game-victory-stats{gap:32px}.game-victory-stat{padding:18px 28px;min-width:140px}.game-victory-stat-icon{font-size:1.8rem}.game-victory-stat-value{font-size:1.6rem}.game-victory-stat-label{font-size:.8rem}.game-victory-results{max-width:600px;margin:20px auto}.game-result-row{padding:12px 18px;font-size:1rem}.game-victory-actions{gap:16px;margin-top:32px}.game-btn-primary,.game-btn-secondary{padding:16px 36px;font-size:1.1rem}.game-rewards-stats{grid-template-columns:repeat(3,1fr);gap:16px}.game-reward-stat{padding:20px 12px}.game-reward-stat-icon{font-size:1.6rem}.game-reward-stat-value{font-size:1.3rem}.game-badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.game-badge-card{padding:24px 16px}.game-badge-card-icon{font-size:2.8rem}.game-badge-card-name{font-size:.95rem}.game-badge-card-desc{font-size:.78rem}.game-podium{gap:20px;margin-bottom:40px}.game-podium-avatar{font-size:2.5rem}.game-podium-name{font-size:1rem}.game-podium-bar{width:120px}.game-podium-item.first .game-podium-bar{height:130px!important}.game-podium-item.second .game-podium-bar{height:100px!important}.game-podium-item.third .game-podium-bar{height:75px!important}.game-leaderboard-row{padding:18px 24px}.game-leaderboard-rank{font-size:1.3rem;min-width:48px}.game-leaderboard-name{font-size:1rem}.game-leaderboard-details{font-size:.8rem}.game-leaderboard-xp{font-size:1.1rem}.game-progress-segments{gap:4px}.game-progress-segment{height:6px;border-radius:3px}.game-monster-emoji{font-size:5rem}.game-boss .game-monster-emoji{font-size:6.5rem}.game-monster-name{font-size:1rem}.game-timer-container{max-width:500px}.game-hearts{font-size:1.5rem;gap:6px}.game-victory-hearts{font-size:2rem;gap:8px}}@media (min-width: 481px) and (max-width: 768px){.game-home,.game-rewards-page,.game-leaderboard-page,.games-page,.tournament-page{padding:20px 24px}.games-grid{grid-template-columns:1fr}.tournament-tab{min-width:calc(50% - 4px)}.game-mode-cards{grid-template-columns:repeat(2,1fr)}.game-type-cards{grid-template-columns:repeat(3,1fr)}.game-question-display{font-size:3.2rem}.game-badge-grid{grid-template-columns:repeat(3,1fr)}.game-podium-bar{width:90px}}@media (max-width: 480px){.game-home,.game-training-container,.game-training-select,.game-victory-screen,.game-rewards-page,.game-leaderboard-page,.games-page,.tournament-page{padding:16px}.games-header,.tournament-header{align-items:flex-start}.games-grid{grid-template-columns:1fr}.game-card-big{min-height:0;padding:16px;gap:12px}.game-card-big-icon{width:52px;height:52px;border-radius:16px;font-size:1.6rem}.game-card-big-arrow{font-size:1.2rem}.tournament-tabs{gap:6px}.tournament-tab{min-width:100%}.tournament-card,.tournament-empty-state,.tournament-lb-row,.tournament-ranking-row{padding:14px}.tournament-card-info,.tournament-card-actions{gap:8px}.tournament-lb-score,.tournament-ranking-stats{width:100%;margin-left:0;text-align:left}.game-question-display{font-size:2.2rem;gap:10px}.game-operator,.game-equals{font-size:1.6rem}.game-answer-input{font-size:2rem;width:130px}.game-submit-btn{padding:12px 28px;font-size:1rem}.game-quick-stats{grid-template-columns:repeat(2,1fr)}.game-hero-top{gap:12px}.game-avatar-big{font-size:2.2rem;width:56px;height:56px}.game-level{font-size:1.1rem}.game-mode-card{padding:14px}.game-mode-icon{width:40px;height:40px;font-size:1.4rem}.game-victory-stats{flex-wrap:wrap;gap:10px}.game-victory-stat{min-width:80px;padding:10px 12px}.game-victory-score{font-size:3rem}.game-star{font-size:2rem}.game-podium-bar{width:60px}.game-podium-name{font-size:.75rem}.game-badge-grid{grid-template-columns:repeat(2,1fr)}.game-badge-card{padding:14px 10px}.game-badge-card-icon{font-size:1.8rem}.game-monster-emoji{font-size:3rem}.game-boss .game-monster-emoji{font-size:4rem}.game-monster-name{font-size:.75rem}.game-hearts{font-size:1rem}.game-timer-container{max-width:280px}.game-defeat-msg{font-size:1rem}.game-type-card{padding:14px}.game-type-icon{width:40px;height:40px;font-size:1.1rem}.game-leaderboard-row{padding:12px;gap:10px}.game-btn-primary,.game-btn-secondary{padding:12px 20px;font-size:.9rem}.game-victory-actions{flex-direction:column}}.auth-page{display:flex;min-height:100vh;width:100%}.auth-page-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.auth-brand{margin-bottom:48px}.auth-brand-icon{font-size:3rem;margin-bottom:12px}.auth-brand-title{font-size:2.2rem;font-weight:800;margin:0 0 8px}.auth-brand-tagline{font-size:1.1rem;opacity:.85;line-height:1.5;margin:0}.auth-features{display:flex;flex-direction:column;gap:24px}.auth-feature{display:flex;gap:16px;align-items:flex-start}.auth-feature-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:12px}.auth-feature strong{display:block;font-size:.95rem;margin-bottom:2px}.auth-feature p{margin:0;font-size:.85rem;opacity:.8;line-height:1.4}.auth-page-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#f8fafc}.auth-card-modern{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000014}.auth-card-header{text-align:center;margin-bottom:32px}.auth-card-header h2{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0 0 4px}.auth-card-header p{margin:0;color:#64748b;font-size:.9rem}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;z-index:1}.form-input-icon{padding-left:42px!important}.auth-links{margin-top:24px;text-align:center;font-size:.85rem;color:#64748b}.auth-links a{color:#4f46e5;font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links p{margin:8px 0}.auth-link-student{display:inline-block;margin-top:8px;padding:8px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;border-radius:10px;font-size:.85rem;transition:transform .15s,box-shadow .15s}.auth-link-student:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d;text-decoration:none!important}@media (max-width: 768px){.auth-page{flex-direction:column}.auth-page-left{padding:32px 24px;min-height:auto}.auth-features{display:none}.auth-page-right{padding:24px 16px}.auth-card-modern{padding:28px 24px}}.student-login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);position:relative;overflow:hidden;padding:20px}.student-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.student-login-stars{position:absolute;font-size:2rem;top:10%;left:15%;animation:pulse 3s infinite;opacity:.3}.student-login-stars:after{content:"⭐";position:absolute;font-size:1.5rem;top:200px;left:400px;animation:pulse 4s infinite 1s}.student-login-stars:before{content:"💫";position:absolute;font-size:1.2rem;top:100px;left:600px;animation:pulse 5s infinite 2s}.student-login-card{position:relative;z-index:1;width:100%;max-width:400px;background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);border-radius:24px;padding:40px 32px;text-align:center}.student-login-avatar{font-size:4rem;margin-bottom:8px;animation:bounceIn .6s ease}.student-login-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 4px;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.student-login-subtitle{color:#94a3b8;font-size:.9rem;margin:0 0 28px}.student-form-label{display:block;text-align:left;color:#cbd5e1;font-size:.85rem;font-weight:600;margin-bottom:6px}.student-form-input{width:100%;padding:12px 16px;background:#0f172a99;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.student-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.student-form-input::placeholder{color:#475569}.student-login-btn{width:100%;padding:14px;margin-top:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.student-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.student-login-btn:disabled{opacity:.6;cursor:not-allowed}.student-login-footer{margin-top:24px}.student-login-footer a{color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .15s}.student-login-footer a:hover{color:#a78bfa}.student-login-card .form-group{margin-bottom:16px}.student-login-card .error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;margin-bottom:20px}.teacher-layout{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#f0f4ff,#e8ecf9,#f5f3ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.teacher-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#64748b;font-size:1.1rem;background:linear-gradient(135deg,#f0f4ff,#f5f3ff)}.teacher-sidebar{width:270px;background:linear-gradient(180deg,#1e1b4b,#312e81);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;box-shadow:4px 0 24px #1e1b4b26;z-index:20}.teacher-sidebar-brand{display:flex;align-items:center;gap:12px;padding:28px 24px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.teacher-sidebar-logo{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(165,148,249,.4))}.teacher-sidebar-name{font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.02em}.teacher-sidebar-nav{padding:16px 12px;flex:1}.teacher-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#ffffff8c;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;margin-bottom:4px}.teacher-nav-link:hover{background:#ffffff14;color:#ffffffe6}.teacher-nav-link.active{background:linear-gradient(135deg,#6366f166,#8b5cf64d);color:#fff;font-weight:600;box-shadow:0 2px 12px #6366f133}.teacher-nav-icon{font-size:1.15rem}.teacher-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.08)}.teacher-sidebar-footer .btn{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;transition:all .2s}.teacher-sidebar-footer .btn:hover{background:#ffffff1f;color:#fff}.teacher-user-info{display:flex;align-items:center;gap:12px;margin-bottom:14px}.teacher-user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.teacher-user-details{min-width:0}.teacher-user-name{font-weight:600;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-user-role{font-size:.75rem;color:#ffffff73}.teacher-mobile-header{display:none;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#1e1b4b,#312e81);position:sticky;top:0;z-index:10}.teacher-mobile-header .teacher-sidebar-logo{font-size:1.4rem}.teacher-mobile-header .teacher-sidebar-name{color:#fff;font-size:.95rem}.teacher-mobile-header .btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.teacher-main{flex:1;padding:36px 40px;min-width:0;max-width:1200px}.teacher-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.teacher-page-header .btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-weight:600;padding:10px 20px;border-radius:12px;box-shadow:0 4px 14px #6366f14d;transition:all .2s}.teacher-page-header .btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.teacher-page-title{font-size:1.75rem;font-weight:800;color:#1e1b4b;margin:0 0 6px;letter-spacing:-.03em}.teacher-page-subtitle{color:#6b7280;font-size:.95rem;margin:0}.teacher-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8;margin-bottom:16px}.teacher-breadcrumb a{color:#6366f1;text-decoration:none;font-weight:500}.teacher-breadcrumb a:hover{text-decoration:underline}.teacher-breadcrumb-sep{color:#cbd5e1}.teacher-card{background:#fff;border:2px solid #C7D2FE;border-radius:20px;padding:28px;box-shadow:0 4px 16px #1e1b4b14,0 2px 4px #00000008;margin-bottom:24px;transition:box-shadow .2s}.teacher-card:hover{box-shadow:0 8px 24px #0000000f,0 2px 6px #00000008}.teacher-card-title{font-size:1.05rem;font-weight:700;color:#1e1b4b;letter-spacing:-.01em}.teacher-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.teacher-create-form{border:2px dashed rgba(99,102,241,.25);background:#eef2ff80}.teacher-form-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-top:16px}.teacher-form-row .form-input,.teacher-form-row .form-select{border-radius:10px;border:1.5px solid #E0E7FF;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.teacher-form-row .form-input:focus,.teacher-form-row .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.teacher-form-row .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:10px 24px;font-weight:600;box-shadow:0 3px 10px #10b98140}.teacher-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px}.teacher-stat-card{background:#fff;border:2px solid #C7D2FE;border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 14px #1e1b4b14,0 2px 4px #00000008;transition:transform .2s,box-shadow .2s}.teacher-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.teacher-stat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.teacher-stat-content{min-width:0}.teacher-stat-value{font-size:1.65rem;font-weight:800;color:#1e1b4b;line-height:1;letter-spacing:-.02em}.teacher-stat-label{font-size:.82rem;color:#6b7280;margin-top:4px;font-weight:500}.teacher-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.teacher-class-card{background:#fff;border:2px solid #C7D2FE;border-radius:20px;padding:28px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 4px 16px #1e1b4b1a,0 2px 6px #0000000a}.teacher-class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);opacity:0;transition:opacity .25s}.teacher-class-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f12e,0 6px 16px #0000000f;border-color:#c7d2fe}.teacher-class-card:hover:before{opacity:1}.teacher-class-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.teacher-class-level-badge{display:inline-flex;align-items:center;padding:5px 14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;border-radius:10px;font-size:.8rem;font-weight:800;letter-spacing:.02em}.teacher-class-year{font-size:.8rem;color:#94a3b8;font-weight:500}.teacher-class-name{font-size:1.2rem;font-weight:800;color:#1e1b4b;margin:0 0 14px;letter-spacing:-.02em}.teacher-class-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6b7280}.teacher-class-students{display:flex;align-items:center;gap:6px;font-weight:500}.teacher-class-code{font-family:JetBrains Mono,Courier New,monospace;color:#6366f1;font-size:.82rem;font-weight:600;background:#6366f10f;padding:2px 8px;border-radius:6px}.teacher-class-action{margin-top:18px;padding-top:14px;border-top:1px solid rgba(99,102,241,.08);font-size:.85rem;font-weight:700;color:#6366f1;display:flex;align-items:center;gap:6px;transition:gap .2s}.teacher-class-card:hover .teacher-class-action{gap:10px}.teacher-class-header-meta{display:flex;align-items:center;gap:12px;margin-top:8px}.teacher-class-code-inline{font-size:.85rem;color:#6b7280;font-family:JetBrains Mono,Courier New,monospace;background:#6366f10f;padding:3px 10px;border-radius:8px}.teacher-empty-state{text-align:center;padding:80px 24px;color:#6b7280}.teacher-empty-icon{font-size:4rem;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(99,102,241,.15))}.teacher-empty-state h3{font-size:1.2rem;color:#1e1b4b;margin-bottom:8px;font-weight:700}.teacher-empty-state p{margin-bottom:24px;font-size:.95rem;max-width:400px;margin-left:auto;margin-right:auto}.teacher-empty-state .btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:12px 28px;border-radius:12px;font-weight:600;box-shadow:0 4px 14px #6366f14d}.teacher-progress-inline{display:flex;align-items:center;gap:10px}.teacher-progress-bar-mini{width:90px;height:7px;background:#6366f114;border-radius:4px;overflow:hidden}.teacher-progress-bar-mini-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:4px;transition:width .4s ease}.teacher-progress-value{font-size:.85rem;font-weight:700;color:#1e1b4b}.teacher-code-text{font-size:.82rem;background:#6366f10f;padding:3px 10px;border-radius:8px;color:#6366f1;font-family:JetBrains Mono,Courier New,monospace;font-weight:600}.teacher-detail-btn{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.15);padding:7px 16px;border-radius:10px;font-size:.82rem;font-weight:700;color:#6366f1;cursor:pointer;transition:all .2s}.teacher-detail-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 3px 10px #6366f140}.teacher-tabs{display:flex;gap:4px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px;border-radius:14px;margin-bottom:28px;width:fit-content;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(255,255,255,.8)}.teacher-tab{padding:10px 22px;border:none;background:transparent;border-radius:10px;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.teacher-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;box-shadow:0 3px 10px #6366f140}.teacher-tab:hover:not(.active){background:#6366f10f;color:#4338ca}.teacher-alert-card{border-left:4px solid #F59E0B;background:#fffc}.teacher-alert-section{margin-top:14px}.teacher-alert-heading{font-size:.88rem;margin-bottom:10px;font-weight:700}.teacher-alert-heading.danger{color:#dc2626}.teacher-alert-heading.warning{color:#d97706}.teacher-badge-list{display:flex;gap:8px;flex-wrap:wrap}.teacher-alert-stagnation{margin-top:14px;font-size:.85rem;color:#94a3b8;font-weight:500}.teacher-grid-legend{margin-top:14px;display:flex;gap:20px;font-size:.82rem;color:#6b7280;font-weight:500}.teacher-card table{width:100%;border-collapse:collapse}.teacher-card th{text-align:left;padding:14px 18px;font-size:.78rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(99,102,241,.08);background:#f8fafc80}.student-passport-page{width:100%;padding:24px 32px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}.passport-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.passport-header h2{font-size:1.4rem;font-weight:800}.passport-back-btn{padding:8px 16px;background:#ffffff14;border:1px solid #475569;border-radius:8px;color:#94a3b8;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.passport-back-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff6}.passport-tabs{display:flex;gap:8px;margin-bottom:24px}.passport-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff0d;border:1px solid #475569;border-radius:10px;color:#fff9;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.passport-tab:hover{background:#ffffff14;color:#fff}.passport-tab.active{background:#6366f133;border-color:#6366f1;color:#fff}.passport-tab-icon{font-size:1.1rem}.passport-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#fff9}.passport-loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.passport-progress{margin-bottom:20px;padding:16px;background:#ffffff0d;border:1px solid #475569;border-radius:12px}.passport-progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.85rem;color:#ffffffb3}.passport-progress-pct{font-weight:800;color:#10b981;font-size:1rem}.passport-progress-bar{height:10px;background:#334155;border-radius:5px;overflow:hidden}.passport-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;transition:width .5s ease}.passport-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.passport-stat{display:flex;flex-direction:column;align-items:center;padding:16px 10px;background:#ffffff0d;border:1px solid #475569;border-radius:12px;position:relative}.passport-stat-green{border-color:#10b9814d}.passport-stat-yellow{border-color:#f59e0b4d}.passport-stat-red{border-color:#ef44444d}.passport-stat-value{font-size:1.5rem;font-weight:800;margin-bottom:4px}.passport-stat-green .passport-stat-value{color:#10b981}.passport-stat-yellow .passport-stat-value{color:#f59e0b}.passport-stat-red .passport-stat-value{color:#ef4444}.passport-stat-label{font-size:.75rem;color:#fff9}.passport-stat-dot{width:8px;height:8px;border-radius:50%;margin-top:8px}.passport-stat-dot.green{background:#10b981}.passport-stat-dot.yellow{background:#f59e0b}.passport-stat-dot.red{background:#ef4444}.passport-grid-container{background:#ffffff08;border:1px solid #475569;border-radius:12px;padding:16px;overflow-x:auto}.passport-grid{display:grid;gap:2px}.passport-grid-header{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fffc;padding:4px;background:#ffffff14;border-radius:3px}.passport-grid-corner{color:#ffffff80;font-size:.8rem}.passport-grid-row-header{background:#ffffff14}.passport-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:.6rem;font-weight:700;cursor:default;transition:transform .15s,box-shadow .15s}.passport-cell:hover{transform:scale(1.2);z-index:2;box-shadow:0 2px 8px #0006}.passport-cell-green{background:#10b9814d;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.passport-cell-yellow{background:#f59e0b4d;color:#fde68a;border:1px solid rgba(245,158,11,.4)}.passport-cell-red{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.passport-legend{display:flex;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.passport-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#fff9}.passport-legend-dot{width:10px;height:10px;border-radius:3px}.passport-legend-dot.green{background:#10b98180;border:1px solid #10B981}.passport-legend-dot.yellow{background:#f59e0b80;border:1px solid #F59E0B}.passport-legend-dot.red{background:#ef444466;border:1px solid #EF4444}.passport-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.passport-list-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border-radius:6px;font-size:.75rem}.passport-list-op{font-weight:700}.passport-list-result{font-size:.7rem;opacity:.8}.hero-select-container,.hero-upgrade-container{width:100%;padding:24px 32px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b 30%,#334155);color:#fff}.hero-select-container .btn-outline,.hero-upgrade-container .btn-outline{color:#94a3b8;border-color:#475569}.hero-select-container .hero-detail-element,.hero-select-container .hero-detail-desc,.hero-upgrade-container .hero-upgrade-card-desc,.hero-upgrade-container .hero-upgrade-card-level,.hero-upgrade-container .hero-stat-label{color:#94a3b8}.hero-select-header,.hero-upgrade-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hero-select-title{font-size:1.5rem;font-weight:800}.hero-coins-display{background:linear-gradient(135deg,#f59e0b,#eab308);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.9rem}.hero-message{padding:12px 18px;border-radius:var(--radius-sm);margin-bottom:16px;font-weight:600;text-align:center;animation:heroSlideDown .3s ease}@keyframes heroSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-message.success{background:#d1fae5;color:#065f46}.hero-message.error{background:#fee2e2;color:#991b1b}.hero-detail-panel{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:24px;margin-bottom:24px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.hero-detail-sprite{width:110px;height:110px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.hero-detail-emoji{font-size:2.5rem}.hero-detail-info{flex:1;min-width:200px}.hero-detail-name{font-size:1.3rem;font-weight:800}.hero-detail-rarity{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-detail-element{font-size:.85rem;color:var(--color-text-light);margin:4px 0}.hero-detail-desc{font-size:.85rem;color:var(--color-text-light);margin:8px 0}.hero-detail-stats{display:flex;gap:12px;margin-top:8px}.hero-stat{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600}.hero-detail-level{margin-top:8px;font-size:.85rem;font-weight:600;color:var(--color-primary)}.hero-detail-actions{display:flex;flex-direction:column;gap:8px}.hero-btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.hero-btn.select{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.hero-btn.unlock{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.hero-btn.upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hero-btn.active{background:#d1fae5;color:#065f46}.hero-btn.locked{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;font-size:.75rem}.hero-btn.cancel{background:#f1f5f9;color:var(--color-text)}.hero-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.hero-card{background:#ffffff0d;border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;border:2px solid #475569}.hero-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px #0006;border-color:#64748b}.hero-card.selected{border-color:var(--hero-color);box-shadow:0 0 0 3px #6366f14d}.hero-card.active{border-color:#10b981;background:#10b9811a}.hero-card.locked{opacity:.5;filter:grayscale(.3)}.hero-card-rarity-bar{position:absolute;top:0;left:0;right:0;height:3px}.hero-card-lock{position:absolute;top:-5px;right:-5px;font-size:.9rem;z-index:2}.hero-card-name{font-weight:700;font-size:.85rem;margin-top:8px}.hero-card-element{font-size:.75rem;margin-top:4px}.hero-card-active-badge{position:absolute;top:8px;right:8px;font-size:1rem}.hero-card-level{font-size:.7rem;color:var(--color-primary);font-weight:600;margin-top:4px}.hero-mini{display:flex;align-items:center;justify-content:center;margin:0 auto}.hero-card-sprite{position:relative;margin:8px auto;display:flex;align-items:center;justify-content:center;min-height:60px}.hero-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hero-confirm-dialog{background:#1e293b;border:1px solid #475569;border-radius:var(--radius);padding:32px;text-align:center;max-width:360px;color:#fff;box-shadow:0 20px 60px #00000080}.hero-confirm-sprite{font-size:3rem;margin-bottom:12px}.hero-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.hero-upgrade-hero-card{background:#ffffff0d;border-radius:var(--radius);padding:24px;border:2px solid #475569;margin-bottom:24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-upgrade-sprite{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;transition:all .3s}.hero-upgrade-sprite.hero-glow{box-shadow:0 0 30px #f59e0b99;animation:heroGlow .5s ease}@keyframes heroGlow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero-upgrade-info{flex:1;min-width:180px}.hero-upgrade-name{font-size:1.2rem;font-weight:800}.hero-upgrade-level{font-size:.85rem;color:var(--color-primary);font-weight:600}.hero-upgrade-xp-bar{position:relative;height:12px;background:#1e293b;border-radius:6px;margin-top:8px;overflow:hidden;border:1px solid #475569}.hero-upgrade-xp-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:6px;transition:width .4s ease;box-shadow:0 0 10px #8b5cf680}.hero-upgrade-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-upgrade-stats-summary{display:flex;flex-direction:column;gap:6px;min-width:200px}.hero-stat-bar{display:flex;align-items:center;gap:6px;position:relative}.hero-stat-icon{font-size:.8rem;width:20px}.hero-stat-label{font-size:.7rem;font-weight:600;width:30px;color:var(--color-text-light)}.hero-stat-bar-fill{height:8px;border-radius:4px;flex:1;transition:width .4s ease}.hero-stat-value{font-size:.75rem;font-weight:700;width:30px;text-align:right}.hero-upgrade-section-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.hero-upgrade-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.hero-upgrade-card{background:#ffffff0d;border-radius:var(--radius);padding:18px;border:2px solid #475569;transition:all .3s}.hero-upgrade-card.upgraded{border-color:var(--stat-color);box-shadow:0 0 12px #6366f14d;animation:upgradeFlash .5s ease}@keyframes upgradeFlash{0%,to{transform:scale(1)}50%{transform:scale(1.02);background:#10b9811a}}.hero-upgrade-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hero-upgrade-card-icon{font-size:1.2rem}.hero-upgrade-card-name{font-weight:700;flex:1}.hero-upgrade-card-level{font-size:.75rem;color:var(--color-text-light);font-weight:600}.hero-upgrade-card-desc{font-size:.8rem;color:var(--color-text-light);margin-bottom:10px}.hero-upgrade-card-progress{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hero-upgrade-card-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.hero-upgrade-card-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.hero-upgrade-card-bonus{font-size:.8rem;font-weight:700;color:var(--stat-color)}.hero-upgrade-btn{width:100%;padding:10px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:all .2s}.hero-upgrade-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.hero-upgrade-btn.disabled{background:#e2e8f0;color:#9ca3af;cursor:not-allowed}.hero-upgrade-btn.max{background:#d1fae5;color:#065f46;cursor:default}.hero-upgrade-empty{text-align:center;padding:60px 20px}.runner-select-screen{width:100%;min-height:100vh;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;overscroll-behavior:none}.runner-select-screen>*{max-width:600px;width:100%}.runner-select-title{font-size:1.8rem;font-weight:800;margin-bottom:8px;color:#fff}.runner-select-subtitle{color:#ffffffb3;margin-bottom:24px}.runner-hero-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);margin-bottom:24px}.runner-hero-sprite-big{font-size:2.5rem}.runner-hero-name{font-weight:700;font-size:1.1rem;color:#fff}.runner-select-arena{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:#fff}.runner-type-cards{display:flex;flex-direction:column;gap:12px}.runner-type-card{display:flex;align-items:center;gap:16px;padding:18px;background:#ffffff0d;border-radius:var(--radius);cursor:pointer;transition:all .2s;border:2px solid #475569}.runner-type-card:hover{border-color:var(--type-color);transform:translate(4px);box-shadow:0 4px 20px #0000004d}.runner-type-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.runner-type-info{text-align:left}.runner-type-label{font-weight:700;font-size:1rem;color:#fff}.runner-type-desc{font-size:.8rem;color:#fff9}.runner-select-screen .btn-outline{color:#fff;border-color:#fff6;background:#ffffff14;font-weight:700;padding:12px 24px;font-size:1rem}.runner-select-screen .btn-outline:hover{background:#ffffff26;border-color:#fff9}.runner-container{position:fixed;top:0;left:0;right:0;height:100dvh;height:100%;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;touch-action:manipulation;overscroll-behavior:none}.runner-quit-btn{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#0006;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.runner-quit-btn:hover{background:#ef4444b3;border-color:#ef4444;transform:scale(1.1)}.runner-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;gap:8px}.runner-hud-left,.runner-hud-center,.runner-hud-right{display:flex;align-items:center;gap:10px}.runner-hp-bar{width:120px;height:16px;background:#fff3;border-radius:8px;overflow:hidden;position:relative}.runner-hp-fill{height:100%;border-radius:8px;transition:width .3s ease}.runner-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.runner-distance,.runner-streak,.runner-xp,.runner-progress{color:#fff;font-weight:700;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.runner-scene{flex:1;position:relative;overflow:hidden}.runner-ground{position:absolute;bottom:0;left:0;right:0;height:20%;overflow:hidden;z-index:2}.runner-ground-scroll{position:absolute;bottom:0;left:0;width:200%;height:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0px,transparent 2px,transparent 40px)}.runner-theme-forest .runner-ground-scroll{background:repeating-linear-gradient(90deg,rgba(74,222,128,.15) 0px,transparent 2px,transparent 50px,rgba(74,222,128,.08) 50px,transparent 52px,transparent 80px)}.runner-theme-shadow .runner-ground-scroll{background:repeating-linear-gradient(90deg,rgba(99,102,241,.15) 0px,transparent 2px,transparent 45px,rgba(139,92,246,.08) 45px,transparent 47px,transparent 70px)}.runner-theme-volcanic .runner-ground-scroll{background:repeating-linear-gradient(90deg,rgba(249,115,22,.15) 0px,transparent 2px,transparent 55px,rgba(234,88,12,.08) 55px,transparent 57px,transparent 90px)}.runner-ground-scroll.scrolling{animation:runnerGroundScroll 2s linear infinite}@keyframes runnerGroundScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.runner-bg-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.runner-bg-mountains{position:absolute;bottom:15%;left:0;width:200%;height:40%;z-index:0;opacity:.6}.runner-bg-mountains.scrolling{animation:parallaxSlow 20s linear infinite}.runner-bg-trees{display:none}.runner-bg-trees.scrolling{animation:parallaxMed 4s linear infinite}@keyframes parallaxSlow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes parallaxMed{0%{transform:translate(0)}to{transform:translate(-50%)}}.runner-theme-forest .runner-bg-sky{background:linear-gradient(180deg,#38bdf8,#7dd3fc,#bae6fd 60%,#d9f99d)}.runner-theme-forest .runner-bg-mountains{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Ccircle cx='1050' cy='40' r='35' fill='%23FDE047' opacity='0.8'/%3E%3Cpath d='M0,200 L80,100 L160,160 L280,50 L400,140 L520,70 L640,150 L780,40 L920,130 L1060,60 L1200,120 L1200,200 Z' fill='%23166534'/%3E%3Cpath d='M0,200 L120,120 L240,170 L380,80 L520,160 L680,90 L840,150 L1000,70 L1200,130 L1200,200 Z' fill='%2315803D' opacity='0.8'/%3E%3Ccircle cx='150' cy='100' r='25' fill='%2322C55E' opacity='0.6'/%3E%3Ccircle cx='350' cy='70' r='30' fill='%2316A34A' opacity='0.5'/%3E%3Ccircle cx='600' cy='90' r='22' fill='%2322C55E' opacity='0.6'/%3E%3Ccircle cx='850' cy='60' r='28' fill='%2316A34A' opacity='0.5'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%}.runner-theme-forest .runner-ground{background:linear-gradient(0deg,#166534,#15803d 40%,#22c55e 90%);border-top:3px solid #4ADE80}.runner-theme-shadow .runner-bg-sky{background:linear-gradient(180deg,#020617,#0f0720,#1e1b4b 50%,#312e81 80%,#4338ca)}.runner-theme-shadow .runner-bg-mountains{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Ccircle cx='200' cy='30' r='3' fill='%23E9D5FF' opacity='0.8'/%3E%3Ccircle cx='400' cy='50' r='2' fill='%23C4B5FD' opacity='0.6'/%3E%3Ccircle cx='600' cy='20' r='2.5' fill='%23E9D5FF' opacity='0.7'/%3E%3Ccircle cx='800' cy='45' r='2' fill='%23A78BFA' opacity='0.5'/%3E%3Ccircle cx='1000' cy='25' r='3' fill='%23E9D5FF' opacity='0.6'/%3E%3Ccircle cx='100' cy='60' r='1.5' fill='%23C4B5FD' opacity='0.5'/%3E%3Ccircle cx='700' cy='35' r='1.5' fill='%23DDD6FE' opacity='0.4'/%3E%3Cpath d='M0,200 L60,110 L120,180 L200,60 L300,150 L400,80 L500,170 L620,50 L740,140 L860,70 L980,160 L1100,40 L1200,130 L1200,200 Z' fill='%231E1B4B'/%3E%3Cpath d='M0,200 L100,130 L220,180 L360,90 L480,160 L600,100 L740,170 L880,80 L1020,150 L1200,100 L1200,200 Z' fill='%23312E81' opacity='0.7'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%}.runner-theme-shadow .runner-ground{background:linear-gradient(0deg,#0f0720,#1e1b4b 50%,#312e81 90%);border-top:3px solid #6366F1}.runner-theme-volcanic .runner-bg-sky{background:linear-gradient(180deg,#0c0a09,#292524 20%,#78350f 50%,#b91c1c,#f97316)}.runner-theme-volcanic .runner-bg-mountains{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cpath d='M0,200 L100,80 L180,150 L300,30 L420,130 L540,50 L660,140 L800,20 L940,120 L1080,40 L1200,100 L1200,200 Z' fill='%23451A03'/%3E%3Cpath d='M0,200 L150,110 L300,170 L450,70 L600,160 L780,80 L960,150 L1200,90 L1200,200 Z' fill='%2378350F' opacity='0.8'/%3E%3Cpath d='M290,30 L300,20 L310,30' fill='%23F97316' opacity='0.8'/%3E%3Cpath d='M295,25 L300,15 L305,25' fill='%23FBBF24' opacity='0.6'/%3E%3Cpath d='M790,20 L800,8 L810,20' fill='%23EF4444' opacity='0.7'/%3E%3Cpath d='M795,14 L800,5 L805,14' fill='%23F97316' opacity='0.5'/%3E%3Ccircle cx='500' cy='170' r='4' fill='%23F97316' opacity='0.4'/%3E%3Ccircle cx='900' cy='160' r='3' fill='%23EF4444' opacity='0.3'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%}.runner-theme-volcanic .runner-ground{background:linear-gradient(0deg,#1c1917,#44403c 30%,#78350f 70%,#92400e);border-top:3px solid #F97316}.hero-character{position:relative;display:inline-block;line-height:0}.hero-svg{display:block}.hero-svg-running .hero-svg .hero-legs{animation:svgLegsRun .35s ease infinite;transform-origin:center top}.hero-svg-running .hero-svg .hero-arms{animation:svgArmsRun .35s ease infinite alternate;transform-origin:center top}.hero-svg-running .hero-svg .hero-body-group{animation:svgBodyBounce .35s ease infinite}.hero-svg-running .hero-svg .hero-head{animation:svgHeadBounce .35s ease infinite}.hero-svg-running .hero-svg .hero-cape{animation:svgCapeRun .5s ease-in-out infinite;transform-origin:top center}@keyframes svgLegsRun{0%{transform:skew(-8deg)}50%{transform:skew(8deg)}to{transform:skew(-8deg)}}@keyframes svgArmsRun{0%{transform:rotate(12deg) translate(-3px)}to{transform:rotate(-12deg) translate(3px)}}@keyframes svgBodyBounce{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes svgHeadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes svgCapeRun{0%,to{transform:skew(3deg) scaleY(1.02)}50%{transform:skew(-2deg) scaleY(.98)}}.hero-runner-sprite.hero-svg-running .hero-svg .hero-leg-front{animation:runnerLegFront .35s ease infinite;transform-origin:42px 64px}.hero-runner-sprite.hero-svg-running .hero-svg .hero-leg-back{animation:runnerLegBack .35s ease infinite;transform-origin:36px 64px}.hero-runner-sprite.hero-svg-running .hero-svg .hero-arm-front{animation:runnerArmFront .35s ease infinite;transform-origin:50px 36px}.hero-runner-sprite.hero-svg-running .hero-svg .hero-arm-back{animation:runnerArmBack .35s ease infinite;transform-origin:30px 36px}.hero-runner-sprite.hero-svg-running .hero-svg .hero-body-group{animation:runnerBodySide .35s ease infinite}.hero-runner-sprite.hero-svg-running .hero-svg .hero-head{animation:runnerHeadSide .35s ease infinite}.hero-runner-sprite.hero-svg-running .hero-svg .hero-cape{animation:runnerCapeFlow .5s ease-in-out infinite;transform-origin:30px 32px}.hero-runner-sprite.hero-svg-running .hero-svg .hero-legs,.hero-runner-sprite.hero-svg-running .hero-svg .hero-arms{animation:none}@keyframes runnerLegFront{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes runnerLegBack{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes runnerArmFront{0%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes runnerArmBack{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}@keyframes runnerBodySide{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-3px) translate(1px)}}@keyframes runnerHeadSide{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-4px) translate(1px)}}@keyframes runnerCapeFlow{0%,to{transform:rotate(5deg) scaleX(1.05)}50%{transform:rotate(-3deg) scaleX(.95)}}.hero-svg-idle .hero-svg .hero-body-group{animation:svgBodyIdle 2s ease-in-out infinite}.hero-svg-idle .hero-svg .hero-arms{animation:svgArmsIdle 2s ease-in-out infinite}@keyframes svgBodyIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes svgArmsIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.hero-svg-jumping .hero-svg .hero-legs{animation:svgLegsJump .8s ease forwards}.hero-svg-jumping .hero-svg .hero-arms{animation:svgArmsJump .8s ease forwards}@keyframes svgLegsJump{0%{transform:translateY(0)}30%{transform:translateY(5px) scaleY(.8)}60%{transform:translateY(-5px) scaleY(1.1)}to{transform:translateY(0) scaleY(1)}}@keyframes svgArmsJump{0%{transform:rotate(0)}30%{transform:rotate(-10deg) translateY(-5px)}60%{transform:rotate(5deg) translateY(-3px)}to{transform:rotate(0)}}.runner-hero{position:absolute;left:18%;bottom:calc(20% - 12px);z-index:5;transition:left .3s ease}.runner-hero.running{animation:svgRunnerBounce .3s ease infinite}.runner-hero.stopped{animation:none}.runner-hero.jumping{animation:runnerHeroJump .9s ease forwards}.runner-hero.hit{animation:runnerHeroHit .5s ease}.runner-hero.jumping.clearing{animation:runnerHeroJumpOver .9s ease forwards}@keyframes svgRunnerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes runnerHeroJumpOver{0%{transform:translate(0)}25%{transform:translate(60px,-110px)}50%{transform:translate(100px,-100px)}75%{transform:translate(80px,-30px)}to{transform:translate(0)}}@keyframes runnerHeroJump{0%{transform:translate(0)}30%{transform:translate(40px,-100px)}60%{transform:translate(70px,-80px)}85%{transform:translate(90px,-20px)}to{transform:translate(0)}}@keyframes runnerHeroHit{0%,to{transform:translate(0);opacity:1}20%{transform:translate(-12px);opacity:.4}40%{transform:translate(12px);opacity:.6}60%{transform:translate(-6px);opacity:.4}80%{transform:translate(6px);opacity:.7}}.runner-hero.hit .hero-svg{filter:hue-rotate(320deg) saturate(2) brightness(1.2)}.runner-speed-lines{position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.8;animation:runnerSpeedLines .25s ease infinite}@keyframes runnerSpeedLines{0%,to{opacity:.4;transform:translateY(-50%) translate(0)}50%{opacity:.9;transform:translateY(-50%) translate(-8px)}}.runner-obstacle{position:absolute;bottom:20%;z-index:4;display:flex;flex-direction:column;align-items:center}.runner-obs-visual{position:relative}.obs-layer{display:block;position:absolute;pointer-events:none}.runner-obs-fire .runner-obs-visual{width:60px;height:70px;position:relative;filter:drop-shadow(0 0 8px rgba(255,80,0,.7)) drop-shadow(0 0 20px rgba(255,150,0,.4))}.runner-obs-fire .obs-layer-1{position:absolute;bottom:-4px;left:5px;width:50px;height:20px;background:radial-gradient(ellipse,rgba(255,100,0,.8),rgba(255,50,0,.4),transparent);border-radius:50%;animation:fireBaseGlow .8s ease-in-out infinite alternate}.runner-obs-fire .obs-layer-2{position:absolute;bottom:2px;left:10px;width:12px;height:12px;background:#fff8e0;border-radius:50%/60% 60% 40% 40%;box-shadow:0 -14px 10px 4px #fff3b0,0 -22px 14px 2px #ffe066,-4px -30px 12px 3px #ffb300,4px -28px 12px 3px #ff8c00,-8px -38px 14px 2px #f60,8px -36px 12px 2px #f50,0 -44px 16px 4px #f40,-2px -50px 14px 2px #e63900,4px -54px 10px 1px #c20,0 -58px 8px #b4140099,14px -10px 8px 3px #fff3b0,14px -20px 10px 2px #ffb300,14px -30px 12px 2px #f60,14px -40px 10px 1px #e63900,28px -8px 6px 2px #ffe066,28px -18px 8px 2px #ff8c00,28px -28px 10px 1px #f40,28px -36px 8px #c8280080;animation:fireRealistic .4s ease-in-out infinite alternate}.runner-obs-fire .obs-layer-3{position:absolute;top:2px;left:15px;width:4px;height:4px;background:gold;border-radius:50%;animation:fireEmbers 1.2s ease-in-out infinite;box-shadow:12px -4px 2px #ff8c00,24px 2px 1px #ffb300,6px -8px 2px orange}.runner-obs-fire .obs-layer-4{position:absolute;top:-8px;left:8px;width:44px;height:20px;background:linear-gradient(0deg,rgba(255,200,0,.1),transparent);border-radius:50%;animation:fireHeatWave 1.5s ease-in-out infinite}.runner-obs-fire .runner-obs-visual:before{content:"";position:absolute;bottom:4px;left:18px;width:24px;height:50px;background:radial-gradient(ellipse at center bottom,rgba(255,255,200,.3),rgba(255,150,0,.1),transparent);border-radius:50% 50% 30% 30%;animation:fireRealistic .35s ease-in-out infinite alternate-reverse}.runner-obs-fire .runner-obs-visual:after{content:"";position:absolute;bottom:-6px;left:3px;width:54px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%}@keyframes fireRealistic{0%{transform:scaleX(1) scaleY(1) translateY(0)}25%{transform:scaleX(.95) scaleY(1.04) translateY(-1px)}50%{transform:scaleX(1.03) scaleY(.97) translateY(0)}75%{transform:scaleX(.97) scaleY(1.02) translateY(-1px)}to{transform:scaleX(1.02) scaleY(.98) translateY(0)}}@keyframes fireBaseGlow{0%{transform:scaleX(1) scaleY(1);opacity:.7}to{transform:scaleX(1.15) scaleY(1.2);opacity:1}}@keyframes fireEmbers{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-12px) translate(3px);opacity:.8}to{transform:translateY(-24px) translate(-2px);opacity:0}}@keyframes fireHeatWave{0%,to{transform:scaleX(1) translateY(0);opacity:.3}50%{transform:scaleX(1.1) translateY(-4px);opacity:.6}}@keyframes fireFlicker{0%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(.9) scaleY(1.1) rotate(-2deg)}to{transform:scaleX(1.05) scaleY(.95) rotate(2deg)}}.runner-obs-fire-tall .runner-obs-visual{width:70px;height:90px;position:relative;filter:drop-shadow(0 0 12px rgba(255,60,0,.8)) drop-shadow(0 0 30px rgba(255,120,0,.5))}.runner-obs-fire-tall .obs-layer-1{position:absolute;bottom:-5px;left:2px;width:66px;height:24px;background:radial-gradient(ellipse,rgba(255,80,0,.9),rgba(200,30,0,.5),transparent);border-radius:50%;animation:fireBaseGlow .6s ease-in-out infinite alternate}.runner-obs-fire-tall .obs-layer-2{position:absolute;bottom:4px;left:14px;width:14px;height:14px;background:#fffbe6;border-radius:50%/60% 60% 40% 40%;box-shadow:0 -16px 12px 5px #fff8c4,0 -28px 16px 4px #ffe066,-5px -38px 14px 4px #ffb300,5px -36px 14px 4px #ff8c00,-10px -48px 16px 3px #f60,10px -46px 14px 3px #f50,0 -56px 18px 5px #f40,-4px -64px 16px 3px #e63900,6px -68px 12px 2px #c20,0 -74px 10px 1px #a00a00b3,-12px -78px 8px #82000066,18px -12px 10px 4px #fff3b0,18px -26px 12px 3px #ffb300,18px -38px 14px 3px #f60,18px -50px 12px 2px #e63900,18px -60px 8px 1px #b4140080,36px -10px 8px 3px #ffe066,36px -22px 10px 3px #ff8c00,36px -34px 12px 2px #f40,36px -44px 10px 1px #c20,36px -52px 8px #960a0066;animation:fireTallRealistic .35s ease-in-out infinite alternate}.runner-obs-fire-tall .obs-layer-3{position:absolute;top:-4px;left:12px;width:5px;height:5px;background:#fbbf24;border-radius:50%;animation:fireEmbersLarge 1.5s ease-in-out infinite;box-shadow:16px -6px 2px #ff8c00,32px 0 2px #ffb300,8px -10px 1px orange,24px -8px 2px 1px #f60,40px -4px 1px #ef4444}.runner-obs-fire-tall .obs-layer-4{position:absolute;top:-14px;left:6px;width:58px;height:24px;background:linear-gradient(0deg,rgba(255,180,0,.15),rgba(255,100,0,.05),transparent);border-radius:50%;animation:fireHeatWave 1.2s ease-in-out infinite}.runner-obs-fire-tall .runner-obs-visual:before{content:"";position:absolute;bottom:6px;left:22px;width:28px;height:65px;background:radial-gradient(ellipse at center bottom,rgba(255,255,200,.25),rgba(255,150,0,.08),transparent);border-radius:50% 50% 30% 30%;animation:fireTallRealistic .3s ease-in-out infinite alternate-reverse}.runner-obs-fire-tall .runner-obs-visual:after{content:"";position:absolute;bottom:-8px;left:0;width:70px;height:12px;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent);border-radius:50%}@keyframes fireTallRealistic{0%{transform:scaleX(1) scaleY(1) translateY(0)}33%{transform:scaleX(.96) scaleY(1.03) translateY(-1px)}66%{transform:scaleX(1.02) scaleY(.98) translateY(0)}to{transform:scaleX(.98) scaleY(1.02) translateY(-1px)}}@keyframes fireEmbersLarge{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-16px) translate(4px);opacity:.7}to{transform:translateY(-32px) translate(-3px);opacity:0}}.runner-obs-rock .runner-obs-visual{width:65px;height:58px;position:relative;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.runner-obs-rock .obs-layer-1{position:absolute;bottom:0;left:4px;width:58px;height:50px;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(0,0,0,.15) 0%,transparent 30%),linear-gradient(160deg,#a8a29e,#78716c,#57534e,#44403c,#292524);border-radius:42% 55% 35% 28%/50% 45% 55% 40%;box-shadow:inset -5px -6px 12px #00000080,inset 4px 4px 8px #ffffff14,0 6px 12px #0006}.runner-obs-rock .obs-layer-2{position:absolute;bottom:12px;left:20px;width:24px;height:3px;background:#1c1917;border-radius:1px;transform:rotate(-8deg);box-shadow:6px 8px 0 1px #1c191799,-4px -12px #1c191766}.runner-obs-rock .obs-layer-3{position:absolute;bottom:2px;left:8px;width:18px;height:8px;background:radial-gradient(ellipse,#4ADE80 0%,#16A34A 60%,transparent 100%);border-radius:50%;opacity:.7;box-shadow:30px 4px 0 -1px #4ade8080}.runner-obs-rock .obs-layer-4{position:absolute;bottom:-2px;left:-4px;width:10px;height:7px;background:radial-gradient(ellipse,#78716c,#57534e);border-radius:50% 60% 40% 50%;box-shadow:56px 2px 0 2px #6b7280,48px -1px #57534e,22px 3px 0 1px #78716c}.runner-obs-cactus .runner-obs-visual{width:52px;height:80px;position:relative;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.runner-obs-cactus .obs-layer-1{position:absolute;bottom:0;left:18px;width:18px;height:72px;background:linear-gradient(90deg,#065f46,#059669 20%,#10b981,#059669 70%,#047857);border-radius:10px 10px 4px 4px;box-shadow:inset -3px 0 6px #0000004d,inset 3px 0 4px #ffffff1a,inset 0 -4px 8px #0003}.runner-obs-cactus .obs-layer-2{position:absolute;bottom:30px;left:0;width:20px;height:14px;border:7px solid transparent;border-bottom:7px solid #059669;border-radius:0 0 50% 50%;transform:rotate(0);box-shadow:0 4px 0 -2px #047857}.runner-obs-cactus .obs-layer-3{position:absolute;bottom:40px;right:2px;width:14px;height:28px;background:linear-gradient(90deg,#047857,#10b981 50%,#059669);border-radius:8px 8px 0 0;box-shadow:inset -2px 0 3px #0003,inset 2px 0 3px #ffffff1a}.runner-obs-cactus .obs-layer-4{position:absolute;bottom:10px;left:19px;width:2px;height:2px;background:#fef9c3;border-radius:50%;box-shadow:3px -8px #fef9c3,8px -18px #fef9c3,2px -28px #fef9c3,10px -38px #fef9c3,4px -48px #fef9c3,12px -56px #fef9c3,6px -62px #fef9c3,-2px -20px #fef9c3,-3px -40px #fef9c3,-1px -55px #fef9c3}.runner-obs-cactus .runner-obs-visual:before{content:"";position:absolute;bottom:4px;left:20px;width:14px;height:66px;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(4,120,87,.4) 3px,rgba(4,120,87,.4) 4px);border-radius:8px}.runner-obs-cactus .runner-obs-visual:after{content:"";position:absolute;bottom:-2px;left:10px;width:34px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%}.runner-obs-pit .runner-obs-visual{width:80px;height:40px;position:relative;filter:drop-shadow(0 0 14px rgba(100,0,180,.5))}.runner-obs-pit .obs-layer-1{position:absolute;bottom:0;left:0;width:80px;height:32px;background:radial-gradient(ellipse at center,#000 0%,#0a0015 30%,#150030 55%,#2d1b69 80%,transparent 100%);border-radius:50%;box-shadow:inset 0 0 20px #000000e6,0 0 20px #50009680,0 0 40px #3c00784d}.runner-obs-pit .obs-layer-2{position:absolute;bottom:4px;left:8px;width:64px;height:24px;border:2px solid rgba(139,92,246,.6);border-radius:50%;background:transparent;animation:pitSwirl 2s linear infinite}.runner-obs-pit .obs-layer-3{position:absolute;bottom:10px;left:20px;width:6px;height:6px;background:#a78bfa;border-radius:50%;animation:pitParticle 1.5s ease-in-out infinite;box-shadow:18px 4px 3px 1px #8b5cf699,30px -2px 2px #a78bfa66,8px 6px 2px #c4b5fd80}.runner-obs-pit .obs-layer-4{position:absolute;bottom:20px;left:4px;width:72px;height:12px;background:transparent;border-top:2px solid rgba(88,28,135,.5);border-radius:50%}.runner-obs-pit .runner-obs-visual:before{content:"";position:absolute;bottom:14px;left:16px;width:48px;height:14px;background:radial-gradient(ellipse,rgba(139,92,246,.4),transparent);border-radius:50%;animation:pitPulse 1.5s ease-in-out infinite}.runner-obs-pit .runner-obs-visual:after{content:"";position:absolute;bottom:-3px;left:20px;width:40px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent);border-radius:50%}@keyframes pitPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}@keyframes pitSwirl{0%{transform:rotateX(60deg) rotate(0)}to{transform:rotateX(60deg) rotate(360deg)}}@keyframes pitParticle{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-6px) scale(1.3);opacity:1}}.runner-obs-wave .runner-obs-visual{width:75px;height:65px;position:relative;filter:drop-shadow(0 0 10px rgba(37,99,235,.5)) drop-shadow(0 0 20px rgba(59,130,246,.3))}.runner-obs-wave .obs-layer-1{position:absolute;bottom:0;left:0;width:70px;height:55px;background:linear-gradient(0deg,#1e3a8a,#1d4ed8,#2563eb 40%,#3b82f6,#60a5fa,#93c5fd,#dbeafe);border-radius:55% 65% 30% 25%/60% 50% 40% 35%;box-shadow:inset -4px -6px 12px #0000004d,inset 3px 3px 8px #ffffff26,0 4px 12px #1e40af66;animation:waveRealisticMove 1.2s ease-in-out infinite}.runner-obs-wave .obs-layer-2{position:absolute;top:4px;left:14px;width:44px;height:18px;background:radial-gradient(ellipse at 60% 80%,rgba(255,255,255,.9) 0%,rgba(219,234,254,.6) 50%,transparent 80%);border-radius:50% 60% 30% 20%;animation:waveRealisticMove 1.2s ease-in-out infinite .1s}.runner-obs-wave .obs-layer-3{position:absolute;top:0;left:28px;width:5px;height:5px;background:#fffc;border-radius:50%;animation:waveSpray 1.2s ease-in-out infinite;box-shadow:8px 4px 0 1px #fff9,-6px 6px #ffffff80,12px 8px 0 -1px #dbeafeb3,-10px 10px 0 1px #fff6,16px 2px #ffffff4d}.runner-obs-wave .obs-layer-4{position:absolute;bottom:-3px;left:-4px;width:78px;height:14px;background:radial-gradient(ellipse,rgba(30,58,138,.6) 0%,rgba(37,99,235,.3) 60%,transparent 100%);border-radius:50%}.runner-obs-wave .runner-obs-visual:before{content:"";position:absolute;bottom:10px;left:5px;width:60px;height:20px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.08) 8px,rgba(255,255,255,.08) 10px);border-radius:50%;animation:waveRealisticMove 1.2s ease-in-out infinite .3s}.runner-obs-wave .runner-obs-visual:after{content:"";position:absolute;bottom:22px;right:4px;width:14px;height:18px;background:#93c5fd66;border-radius:50% 50% 30% 30%;animation:waveSplash 1.2s ease-in-out infinite .5s}@keyframes waveRealisticMove{0%,to{transform:translate(0) scaleY(1) rotate(0)}30%{transform:translate(2px) scaleY(1.05) rotate(1deg)}60%{transform:translate(-2px) scaleY(.97) rotate(-1deg)}}@keyframes waveSpray{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}@keyframes waveSplash{0%,to{transform:translateY(0) scaleY(1);opacity:.4}50%{transform:translateY(-4px) scaleY(1.3);opacity:.7}}.runner-obs-lightning .runner-obs-visual{width:44px;height:90px;position:relative;filter:drop-shadow(0 0 12px rgba(251,191,36,.8)) drop-shadow(0 0 25px rgba(234,179,8,.5))}.runner-obs-lightning .obs-layer-1{position:absolute;top:0;left:8px;width:28px;height:85px;background:linear-gradient(180deg,#fffde7,#fff9c4,#fde047 30%,#fbbf24,#f59e0b 70%,#d97706,#92400e);clip-path:polygon(45% 0%,70% 0%,80% 30%,60% 30%,90% 55%,60% 55%,100% 85%,55% 85%,70% 100%,30% 100%,50% 85%,0% 85%,45% 55%,15% 55%,50% 30%,25% 30%);animation:lightningBolt .3s ease infinite}.runner-obs-lightning .obs-layer-2{position:absolute;top:5px;left:12px;width:20px;height:75px;background:linear-gradient(180deg,#ffffffe6,#fef08a99,#fbbf244d);clip-path:polygon(45% 0%,70% 0%,80% 30%,60% 30%,90% 55%,60% 55%,100% 85%,55% 85%,70% 100%,30% 100%,50% 85%,0% 85%,45% 55%,15% 55%,50% 30%,25% 30%);animation:lightningBolt .3s ease infinite .05s;filter:blur(2px)}.runner-obs-lightning .obs-layer-3{position:absolute;top:20px;left:0;width:8px;height:3px;background:#fde047;border-radius:2px;animation:lightningSpark .4s ease infinite;box-shadow:34px 10px 0 1px #fbbf24,-2px 25px #fde047,36px 35px #f59e0b,2px 45px 0 1px #fde047,38px 50px #fbbf24}.runner-obs-lightning .obs-layer-4{position:absolute;bottom:-4px;left:2px;width:40px;height:14px;background:radial-gradient(ellipse,rgba(251,191,36,.9) 0%,rgba(245,158,11,.5) 40%,transparent 80%);border-radius:50%;animation:lightningGroundNew .3s ease infinite}.runner-obs-lightning .runner-obs-visual:before{content:"";position:absolute;top:-5px;left:14px;width:16px;height:16px;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(254,240,138,.5),transparent);border-radius:50%;animation:lightningBolt .3s ease infinite}.runner-obs-lightning .runner-obs-visual:after{display:none}@keyframes lightningBolt{0%,50%,to{opacity:1;transform:scaleX(1)}25%{opacity:.7;transform:scaleX(.96)}75%{opacity:.85;transform:scaleX(1.03)}}@keyframes lightningSpark{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(.5)}}@keyframes lightningGroundNew{0%,50%,to{opacity:.9;transform:scaleX(1) scaleY(1)}25%{opacity:.5;transform:scaleX(.85) scaleY(.8)}75%{opacity:1;transform:scaleX(1.1) scaleY(1.1)}}.runner-obs-wall .runner-obs-visual{width:56px;height:72px;position:relative;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.runner-obs-wall .obs-layer-1{position:absolute;bottom:0;left:0;width:56px;height:66px;background:repeating-linear-gradient(0deg,#a3541a,#8b4513 4px,#7c3510 10px,#6b2d0e 12px,#4a2508 12px,#4a2508 14px);border-radius:2px 3px 1px 1px;box-shadow:inset 0 0 12px #0006,inset 0 3px 4px #ffc8961a,0 5px 10px #0006}.runner-obs-wall .obs-layer-2{position:absolute;bottom:0;left:0;width:56px;height:66px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 24px,#3D1F08 24px,#3D1F08 26px);border-radius:2px}.runner-obs-wall .obs-layer-3{position:absolute;top:8px;left:12px;width:20px;height:2px;background:#1c0f04;transform:rotate(-15deg);border-radius:1px;box-shadow:10px 22px #1c0f04,-4px 38px #1c0f04}.runner-obs-wall .obs-layer-4{position:absolute;top:-4px;left:0;width:56px;height:10px;background:linear-gradient(90deg,#7c3510,#8b4513,#6b2d0e,#7c3510);clip-path:polygon(0% 100%,5% 40%,15% 80%,25% 20%,35% 60%,45% 10%,55% 50%,65% 0%,75% 40%,85% 20%,95% 70%,100% 100%)}.runner-obs-wall .runner-obs-visual:before{content:"";position:absolute;bottom:0;left:-3px;width:16px;height:10px;background:linear-gradient(135deg,#6b2d0e,#4a2508);border-radius:2px;transform:rotate(8deg);box-shadow:46px 2px 0 -1px #5c2a0a}.runner-obs-wall .runner-obs-visual:after{content:"";position:absolute;bottom:-3px;left:8px;width:40px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%}.runner-obs-spikes .runner-obs-visual{width:70px;height:58px;position:relative;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.runner-obs-spikes .obs-layer-1{position:absolute;bottom:8px;left:0;width:70px;height:50px;background:linear-gradient(0deg,#374151,#6b7280,#9ca3af 60%,#d1d5db 80%,#f3f4f6 95%,#fff);clip-path:polygon(0% 100%,7% 25%,14% 100%,21% 15%,28% 100%,35% 8%,42% 100%,50% 12%,57% 100%,64% 5%,71% 100%,78% 18%,85% 100%,93% 22%,100% 100%);box-shadow:inset 0 0 8px #0000004d}.runner-obs-spikes .obs-layer-2{position:absolute;bottom:8px;left:2px;width:66px;height:50px;background:linear-gradient(0deg,transparent 0%,transparent 60%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.6) 95%);clip-path:polygon(0% 100%,7% 25%,14% 100%,21% 15%,28% 100%,35% 8%,42% 100%,50% 12%,57% 100%,64% 5%,71% 100%,78% 18%,85% 100%,93% 22%,100% 100%);opacity:.6}.runner-obs-spikes .obs-layer-3{position:absolute;bottom:20px;left:14px;width:6px;height:6px;background:radial-gradient(circle,#92400E,transparent);border-radius:50%;opacity:.7;box-shadow:18px 8px 2px 1px #92400e80,36px -4px 2px 2px #78350f66,50px 6px 1px 1px #92400e4d}.runner-obs-spikes .obs-layer-4{position:absolute;bottom:0;left:-2px;width:74px;height:12px;background:linear-gradient(0deg,#1f2937,#374151 50%,#4b5563 80%,#6b7280);border-radius:2px;box-shadow:inset 0 -2px 4px #0006,inset 0 2px 2px #ffffff1a,0 3px 6px #0006}.runner-obs-spikes .runner-obs-visual:before{content:"";position:absolute;bottom:10px;left:0;width:70px;height:2px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.15) 8px,rgba(255,255,255,.15) 9px)}.runner-obs-spikes .runner-obs-visual:after{content:"";position:absolute;bottom:-3px;left:6px;width:58px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%}.runner-obstacle.approaching{animation:runnerObstacleApproach 1.3s ease-out forwards}.runner-obstacle.stopped{left:34%;right:auto;opacity:1;transform:scale(1);animation:runnerObstaclePulse 1.5s ease-in-out infinite}@keyframes runnerObstacleApproach{0%{left:90%;opacity:0;transform:scale(.3)}to{left:34%;opacity:1;transform:scale(1)}}@keyframes runnerObstaclePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.runner-obstacle.cleared{animation:runnerObstacleCleared .9s ease forwards!important}@keyframes runnerObstacleCleared{0%{left:34%;opacity:1;transform:scale(1)}40%{left:20%;opacity:.8;transform:scale(.9)}to{left:-10%;opacity:0;transform:scale(.6)}}.runner-theme-forest .runner-obs-rock .runner-obs-visual{filter:drop-shadow(0 2px 8px rgba(0,0,0,.6)) drop-shadow(0 0 4px rgba(255,255,255,.3))}.runner-theme-forest .runner-obs-cactus .runner-obs-visual{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,255,255,.2))}.runner-theme-shadow .runner-obs-pit .runner-obs-visual{filter:drop-shadow(0 0 12px rgba(139,92,246,.8)) drop-shadow(0 0 24px rgba(99,102,241,.4))}.runner-theme-shadow .runner-obs-wave .runner-obs-visual{filter:drop-shadow(0 0 10px rgba(96,165,250,.7)) drop-shadow(0 0 20px rgba(59,130,246,.5))}.runner-theme-shadow .runner-obs-lightning .runner-obs-visual{filter:drop-shadow(0 0 14px rgba(251,191,36,.9)) drop-shadow(0 0 28px rgba(234,179,8,.5))}.runner-theme-volcanic .runner-obs-wall .runner-obs-visual{filter:drop-shadow(0 3px 8px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(255,200,100,.3))}.runner-theme-volcanic .runner-obs-spikes .runner-obs-visual{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(200,200,200,.3))}.runner-theme-volcanic .runner-obs-fire-tall .runner-obs-visual{filter:drop-shadow(0 0 16px rgba(255,60,0,.9)) drop-shadow(0 0 35px rgba(255,120,0,.6))}.runner-question-panel{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-top:3px solid var(--color-primary);z-index:20;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:background .3s ease,border-color .3s ease}.runner-panel-running{background:#0000004d;border-top:3px solid rgba(255,255,255,.1);align-items:center}.runner-panel-running .runner-dots{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.runner-timer{display:flex;align-items:center;gap:10px;margin-bottom:6px}.runner-timer-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.runner-timer-fill{height:100%;border-radius:3px;transition:width 1s linear}.runner-timer-text{font-weight:700;font-size:.8rem}.runner-question-overlay{position:absolute;top:12%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 24px;border-radius:14px;border:2px solid rgba(255,255,255,.2);z-index:15;animation:questionAppear .3s ease}.runner-question-overlay .runner-operand{font-size:1.8rem;font-weight:800;color:#fff}.runner-question-overlay .runner-operator{font-size:1.3rem;font-weight:700;color:#818cf8}.runner-question-overlay .runner-equals{font-size:1.3rem;color:#fff9}.runner-question-overlay .runner-mystery{font-size:1.8rem;font-weight:800;color:#818cf8;background:#6366f133;padding:2px 14px;border-radius:8px}@keyframes questionAppear{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.runner-input-area{display:flex;gap:12px;max-width:400px;margin:0 auto;width:100%}.runner-answer-input{flex:1;padding:10px 16px;border:2px solid #E2E8F0;border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;outline:none;transition:border-color .2s}.runner-answer-input:focus{border-color:var(--color-primary)}.runner-submit-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.runner-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.runner-submit-btn:disabled{opacity:.5;cursor:not-allowed}.runner-feedback{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:var(--radius);font-weight:700;font-size:1.1rem;z-index:15;animation:runnerFeedback 1.2s ease forwards}.runner-feedback.correct{background:#10b981e6;color:#fff}.runner-feedback.incorrect{background:#ef4444e6;color:#fff}@keyframes runnerFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}.runner-xp-popup{position:absolute;top:30%;right:20%;font-size:1.2rem;font-weight:800;color:#f59e0b;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:runnerXpFloat 1s ease forwards;z-index:15}@keyframes runnerXpFloat{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-40px)}}.runner-combo{position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:1.4rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:runnerCombo 1.2s ease forwards;z-index:15}@keyframes runnerCombo{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.runner-run-message{position:absolute;top:35%;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:runnerFadeInOut 1.5s ease forwards;z-index:12}@keyframes runnerFadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.runner-victory-screen,.runner-gameover-screen{max-width:500px;margin:0 auto;padding:30px 20px;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a,#1e293b)}.character-page{width:100%;padding:24px 32px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b 30%,#334155);color:#fff}.character-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.character-header .btn-outline{color:#94a3b8;border-color:#475569}.character-header h2{font-size:1.3rem;font-weight:700}.character-display{border-radius:20px;padding:32px 20px;text-align:center;position:relative;overflow:hidden;margin-bottom:24px}.character-aura{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:characterPulse 2s ease-in-out infinite}@keyframes characterPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.character-emoji{font-size:5rem;margin-bottom:8px;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.character-name{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.character-level-badge{display:inline-block;background:#ffffff40;color:#fff;padding:4px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:8px;position:relative;z-index:1}.character-section-title{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:#fff}.character-gender-toggle{display:flex;gap:8px;justify-content:center;margin-top:12px;position:relative;z-index:1}.character-stats{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 0 30px #6366f114}.character-stat-grid{display:flex;flex-direction:column;gap:12px}.character-stat{display:grid;grid-template-columns:30px 70px 1fr 40px;align-items:center;gap:8px}.character-stat-icon{font-size:1.2rem}.character-stat-name{font-size:.85rem;font-weight:600;color:#94a3b8}.character-stat-value{font-size:.85rem;font-weight:700;color:#fff;text-align:right}.character-stat-bar-container{height:8px;background:#1e293b;border:1px solid #475569;border-radius:4px;overflow:hidden}.character-stat-bar{height:100%;border-radius:4px;transition:width .6s ease}.character-mastery{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 0 30px #6366f114}.character-mastery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.character-mastery-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius-sm);gap:4px}.character-mastery-item.total{grid-column:1 / -1;background:linear-gradient(135deg,#6366f138,#8b5cf62e);border-color:#a5b4fc59}.character-mastery-icon{font-size:1.5rem}.character-mastery-count{font-size:1.1rem;font-weight:700;color:#fff}.character-mastery-label{font-size:.75rem;color:#94a3b8}.character-evolution{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 0 30px #6366f114}.character-next-stage{background:linear-gradient(135deg,#f59e0b2e,#eab30829);border:1px solid rgba(245,158,11,.28);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.9rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff}.character-next-emoji{font-size:1.3rem}.character-next-name{font-weight:700}.character-next-level{color:#cbd5e1}.character-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.character-timeline-item{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:var(--radius-sm);text-align:center;transition:all .2s;border:1px solid transparent}.character-timeline-item.unlocked{background:#10b9811f;border-color:#10b9813d}.character-timeline-item.current{background:#6366f133;border-color:#818cf8;box-shadow:0 0 18px #6366f12e}.character-timeline-item.locked{background:#0f172a80;border-color:#334155;opacity:.7}.character-timeline-emoji{font-size:1.5rem;margin-bottom:4px}.character-timeline-name{font-size:.7rem;font-weight:600;color:#fff}.character-timeline-level{font-size:.65rem;color:#94a3b8}.games-page{width:100%;padding:24px 32px;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 24%),radial-gradient(circle at left 18%,rgba(139,92,246,.22),transparent 30%),linear-gradient(180deg,#0f172a,#111c34 24%,#1e293b,#334155);color:#fff}.games-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.04) 0%,transparent 40%),repeating-linear-gradient(135deg,rgba(148,163,184,.035) 0 1px,transparent 1px 18px);pointer-events:none;opacity:.8}.games-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.games-header .btn-outline{color:#94a3b8;border-color:#475569}.games-header h2{font-size:1.3rem;font-weight:700}.games-subtitle{color:#94a3b8;font-size:.9rem;margin-bottom:24px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.game-card-big{display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:20px;min-height:220px;box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:all .2s;border-left:5px solid transparent;border-image:var(--game-gradient) 1}.game-card-big:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 42%,rgba(15,23,42,.16) 100%);pointer-events:none}.game-card-big:hover{transform:translateY(-4px);border-color:#a5b4fc66;box-shadow:0 10px 30px #0f172a4d}.game-card-big-icon{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:20px;background:linear-gradient(135deg,#ffffff38,#ffffff0a);box-shadow:inset 0 1px #ffffff1f}.game-card-big-content{position:relative;z-index:1;flex:1}.game-card-big-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.game-card-big-desc{font-size:.8rem;color:#94a3b8;margin-bottom:8px}.game-card-big-types{display:flex;gap:8px;flex-wrap:wrap}.game-card-big-type{font-size:.7rem;background:#ffffff14;border:1px solid rgba(148,163,184,.18);padding:2px 8px;border-radius:12px;color:#cbd5e1}.game-card-big-stats{display:flex;gap:12px;margin-top:8px;font-size:.75rem;color:#a5b4fc;font-weight:600}.game-card-big-arrow{position:relative;z-index:1;align-self:center;font-size:1.5rem;color:#94a3b8;margin-left:auto}.connect4-page{width:100%;padding:20px 24px;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,rgba(239,68,68,.18),transparent 24%),radial-gradient(circle at left 18%,rgba(59,130,246,.16),transparent 28%),linear-gradient(180deg,#0f172a,#111c34 26%,#1e293b 62%,#334155);color:#fff}.connect4-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.04) 0%,transparent 38%),repeating-linear-gradient(135deg,rgba(148,163,184,.035) 0 1px,transparent 1px 18px);pointer-events:none}.connect4-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.connect4-header .btn-outline{color:#94a3b8;border-color:#475569}.connect4-header h2{font-size:1.2rem;font-weight:700}.connect4-score{margin-left:auto;font-weight:700;color:#6ee7b7}.connect4-subtitle{text-align:center;color:#94a3b8;margin-bottom:24px}.connect4-type-select{text-align:center}.connect4-type-select h3{margin-bottom:16px}.connect4-type-cards{display:flex;gap:16px;justify-content:center}.connect4-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:all .2s;font-weight:600}.connect4-type-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f172a4d}.connect4-type-icon{font-size:2rem}.connect4-board-wrapper{display:flex;justify-content:center;margin-bottom:16px}.connect4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#1e40af;padding:8px;border-radius:12px;max-width:350px;width:100%}.connect4-cell{aspect-ratio:1;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:all .2s}.connect4-cell:hover{background:#3b82f6}.connect4-cell.win{animation:connect4Win .5s ease infinite alternate}@keyframes connect4Win{0%{transform:scale(1)}to{transform:scale(1.1)}}.connect4-token{width:80%;height:80%;border-radius:50%;transition:all .3s}.connect4-token.dropping{animation:connect4Drop .65s cubic-bezier(.2,.9,.25,1) both}.player-token{background:radial-gradient(circle at 35% 35%,#fca5a5,#ef4444);box-shadow:inset 0 -2px 4px #0003}.ai-token{background:radial-gradient(circle at 35% 35%,#fde68a,#f59e0b);box-shadow:inset 0 -2px 4px #0003}@keyframes connect4Drop{0%{transform:translateY(calc((var(--drop-rows, 0) + 1) * -118%)) scale(.92);opacity:.9}70%{transform:translateY(8%) scale(1.02)}to{transform:translateY(0) scale(1);opacity:1}}.connect4-question-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.connect4-question-card{background:#0f172aeb;border:1px solid #475569;border-radius:var(--radius);padding:32px;text-align:center;box-shadow:0 24px 60px #00000073;min-width:280px;color:#fff}.connect4-question-text{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--color-primary)}.connect4-input{font-size:1.5rem;text-align:center;padding:12px;border:2px solid #475569;background:#0f172a;color:#fff;border-radius:var(--radius-sm);width:120px;margin-right:8px;outline:none}.connect4-input:focus{border-color:var(--color-primary)}.connect4-submit{font-size:1rem;padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.connect4-submit:hover{background:var(--color-primary-dark)}.connect4-feedback{text-align:center;padding:12px;border-radius:var(--radius-sm);font-weight:600;margin-bottom:12px;animation:feedbackPop .3s ease}.connect4-feedback.correct{background:#d1fae5;color:#065f46}.connect4-feedback.incorrect{background:#fee2e2;color:#991b1b}.connect4-player-turn{text-align:center;margin-bottom:12px;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#22c55e33,#3b82f62e);border:1px solid rgba(110,231,183,.4);color:#dcfce7;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 24px #0f172a2e}.connect4-ai-turn{text-align:center;padding:16px;font-size:1.1rem;color:#94a3b8;animation:pulse 1s ease infinite}@keyframes feedbackPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.connect4-gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.connect4-gameover-card{background:#0f172aeb;border:1px solid #475569;border-radius:var(--radius);padding:32px;text-align:center;box-shadow:0 24px 60px #00000073;color:#fff}.connect4-gameover-icon{font-size:4rem;margin-bottom:12px}.connect4-gameover-card h3{font-size:1.3rem;margin-bottom:12px}.connect4-gameover-stats{color:#94a3b8;margin-bottom:20px}.connect4-gameover-actions{display:flex;gap:12px;justify-content:center}.sumo-page{width:100%;padding:20px 24px;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,rgba(245,158,11,.18),transparent 24%),radial-gradient(circle at left 18%,rgba(239,68,68,.14),transparent 28%),linear-gradient(180deg,#0f172a,#111c34 26%,#1e293b 62%,#334155);color:#fff}.sumo-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.04) 0%,transparent 40%),repeating-linear-gradient(160deg,rgba(148,163,184,.035) 0 1px,transparent 1px 18px);pointer-events:none}.sumo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.sumo-header .btn-outline{color:#94a3b8;border-color:#475569}.sumo-header h2{font-size:1.2rem;font-weight:700}.sumo-subtitle{text-align:center;color:#94a3b8;margin-bottom:20px}.sumo-rules{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:16px;margin-bottom:24px;box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sumo-rule{padding:6px 0;font-size:.85rem;color:#e2e8f0}.sumo-type-select{text-align:center}.sumo-type-select h3{margin-bottom:16px}.sumo-type-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sumo-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:all .2s;font-weight:600}.sumo-type-card:hover{transform:translateY(-2px)}.sumo-type-icon{font-size:1.8rem}.sumo-scores{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:1.1rem;font-weight:700}.sumo-score.player{color:#a5b4fc}.sumo-score.ai{color:#fca5a5}.sumo-score-sep{color:#94a3b8}.sumo-ring{display:flex;align-items:center;gap:8px;margin:20px 0;padding:16px 8px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius);border:3px solid #D97706}.sumo-ring-edge{font-size:1.5rem}.sumo-ring-track{flex:1;display:flex;gap:2px;position:relative}.sumo-ring-cell{flex:1;height:50px;background:#d9770626;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.sumo-fighter{font-size:1.8rem;position:absolute;transition:all .4s ease;z-index:2}.sumo-fighter.pushed{animation:sumoPush .4s ease}@keyframes sumoPush{0%{transform:translate(0)}50%{transform:translate(15px)}to{transform:translate(0)}}.sumo-countdown{text-align:center;padding:40px}.sumo-countdown-number{font-size:5rem;font-weight:800;color:var(--color-primary);animation:countdownPop .7s ease}@keyframes countdownPop{0%{transform:scale(2);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.sumo-fight{text-align:center;padding:20px}.sumo-question{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px}.sumo-form{display:flex;justify-content:center;gap:8px}.sumo-input{font-size:1.5rem;text-align:center;padding:12px;border:2px solid #475569;background:#0f172a;color:#fff;border-radius:var(--radius-sm);width:100px;outline:none}.sumo-input:focus{border-color:var(--color-primary)}.sumo-submit{font-size:1.5rem;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.sumo-round-result{text-align:center;padding:16px;font-size:1.1rem;font-weight:600;border-radius:var(--radius-sm);margin:12px 0;animation:feedbackPop .3s ease}.sumo-round-result.player{background:#d1fae5;color:#065f46}.sumo-round-result.ai{background:#fee2e2;color:#991b1b}.sumo-push-text{text-align:center;font-size:1.3rem;font-weight:700;animation:feedbackPop .3s ease}.sumo-push-text.player{color:var(--color-success)}.sumo-push-text.ai{color:var(--color-danger)}.sumo-gameover{text-align:center;padding:40px 20px}.sumo-gameover-card{background:#0f172aeb;border:1px solid #475569;border-radius:var(--radius);padding:32px;box-shadow:0 24px 60px #00000073;color:#fff}.sumo-gameover-icon{font-size:4rem;margin-bottom:12px}.sumo-gameover-card h3{font-size:1.3rem;margin-bottom:8px}.sumo-gameover-score{font-size:1.2rem;font-weight:700;margin-bottom:8px}.sumo-gameover-stats{color:#94a3b8;margin-bottom:20px}.sumo-gameover-actions{display:flex;gap:12px;justify-content:center}.memory-page{width:100%;padding:20px 24px;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,rgba(16,185,129,.16),transparent 24%),radial-gradient(circle at left 18%,rgba(99,102,241,.18),transparent 28%),linear-gradient(180deg,#0f172a,#111c34 26%,#1e293b 62%,#334155);color:#fff}.memory-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.04) 0%,transparent 40%),repeating-linear-gradient(145deg,rgba(148,163,184,.035) 0 1px,transparent 1px 18px);pointer-events:none}.memory-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.memory-header .btn-outline{color:#94a3b8;border-color:#475569}.memory-header h2{font-size:1.2rem;font-weight:700}.memory-subtitle{text-align:center;color:#94a3b8;margin-bottom:24px}.memory-info{display:flex;gap:16px;margin-left:auto;font-size:.8rem;font-weight:600;color:#94a3b8}.memory-difficulty-select,.memory-type-select{text-align:center;margin-bottom:24px}.memory-difficulty-select h3,.memory-type-select h3{margin-bottom:12px}.memory-difficulty-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.memory-difficulty-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:all .2s;font-weight:600;min-width:100px}.memory-difficulty-card:hover{transform:translateY(-2px)}.memory-difficulty-card.easy{border-bottom:3px solid var(--color-success)}.memory-difficulty-card.normal{border-bottom:3px solid var(--color-primary)}.memory-difficulty-card.hard{border-bottom:3px solid var(--color-danger)}.memory-difficulty-detail{font-size:.7rem;color:#94a3b8;font-weight:400}.memory-type-cards{display:flex;gap:16px;justify-content:center}.memory-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:all .2s;font-weight:600}.memory-type-card:hover{transform:translateY(-2px)}.memory-type-icon{font-size:2rem}.memory-grid{display:grid;gap:8px;margin:0 auto;max-width:500px}.memory-card{aspect-ratio:1;perspective:600px;cursor:pointer}.memory-card-inner{position:relative;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}.memory-card.flipped .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700}.memory-card-front{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.memory-card-back{background:#0f172aeb;border:2px solid #475569;transform:rotateY(180deg);box-shadow:0 10px 24px #0f172a47}.memory-card-back.calculation{color:#a5b4fc;font-size:1rem}.memory-card-back.result{color:#6ee7b7;font-size:1.4rem}.memory-card.matched .memory-card-back{background:#10b98129;border-color:#10b981}.memory-gameover{text-align:center;padding:40px 20px}.memory-gameover-card{background:#0f172aeb;border:1px solid #475569;border-radius:var(--radius);padding:32px;box-shadow:0 24px 60px #00000073;color:#fff}.memory-gameover-card h2{font-size:1.5rem;margin-bottom:12px}.memory-gameover-stars{margin-bottom:20px}.memory-gameover-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.memory-gameover-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 18px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius-sm)}.memory-stat-icon{font-size:1.5rem}.memory-stat-value{font-size:1.2rem;font-weight:700;color:#fff}.memory-stat-label{font-size:.75rem;color:#94a3b8}.memory-gameover-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 768px){.connect4-page,.sumo-page,.memory-page{padding:16px}.connect4-type-cards,.sumo-type-cards,.memory-type-cards,.memory-difficulty-cards{gap:10px}.connect4-type-card,.sumo-type-card,.memory-type-card{padding:16px 20px}.memory-grid{gap:8px}}@media (max-width: 480px){.connect4-header,.sumo-header,.memory-header{align-items:flex-start}.connect4-type-cards,.sumo-type-cards,.memory-type-cards,.memory-difficulty-cards{flex-direction:column}.connect4-type-card,.sumo-type-card,.memory-type-card,.memory-difficulty-card{width:100%}.connect4-question-card,.connect4-gameover-card,.sumo-gameover-card,.memory-gameover-card{width:100%;padding:24px 18px}.memory-info,.sumo-scores{width:100%;margin-left:0;justify-content:flex-start}.memory-gameover-stats,.connect4-gameover-actions,.sumo-gameover-actions,.memory-gameover-actions{flex-wrap:wrap}}.tournament-page{width:100%;padding:24px 32px;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 22%),radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 24%),linear-gradient(180deg,#0f172a,#111c34 24%,#1e293b,#334155);color:#fff}.tournament-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(99,102,241,.12),transparent 18%),repeating-linear-gradient(160deg,rgba(148,163,184,.035) 0 1px,transparent 1px 20px);pointer-events:none}.tournament-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}.tournament-header .btn-outline{color:#94a3b8;border-color:#475569}.tournament-header h2{font-size:1.2rem;font-weight:700}.tournament-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#ffffff0d;border:1px solid #475569;padding:4px;border-radius:var(--radius);margin-bottom:20px;box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tournament-tab{flex:1;padding:10px 8px;background:none;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;color:#94a3b8;transition:all .2s}.tournament-tab.active{background:#6366f133;border:1px solid #6366F1;color:#fff}.tournament-tab:hover:not(.active){background:#ffffff14}.tournament-content{min-height:300px;position:relative;z-index:1}.tournament-list{display:flex;flex-direction:column;gap:16px}.tournament-card{background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius);padding:20px;box-shadow:0 0 24px #6366f114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tournament-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 46%,rgba(15,23,42,.16) 100%);pointer-events:none}.tournament-card:hover{transform:translateY(-3px);border-color:#a5b4fc5c;box-shadow:0 12px 32px #0f172a47}.tournament-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tournament-card-type{font-size:.8rem;font-weight:600;color:#94a3b8}.tournament-card-status{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:12px}.tournament-card-status.active{background:#10b9812e;color:#6ee7b7}.tournament-card-status.upcoming{background:#f59e0b2e;color:#fcd34d}.tournament-card-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.tournament-card-desc{font-size:.85rem;color:#94a3b8;margin-bottom:8px}.tournament-card-dates{font-size:.8rem;color:#94a3b8;margin-bottom:8px}.tournament-card-info{display:flex;gap:16px;font-size:.8rem;color:#e2e8f0;margin-bottom:12px}.tournament-card-actions{display:flex;gap:12px;flex-wrap:wrap}.tournament-card-wait{font-size:.8rem;color:#94a3b8;font-style:italic}.tournament-empty-state{text-align:center;padding:60px 20px;background:#ffffff0a;border:1px solid #475569;border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tournament-empty-icon{font-size:4rem;margin-bottom:12px}.tournament-empty-state h3{font-size:1.2rem;margin-bottom:8px}.tournament-empty-state p{color:#94a3b8}.tournament-empty{text-align:center;padding:20px;color:#94a3b8}.tournament-leaderboard{width:100%}.tournament-lb-title{font-size:1.2rem;font-weight:700;margin:16px 0 4px}.tournament-lb-dates{font-size:.8rem;color:#94a3b8;margin-bottom:16px}.tournament-lb-list{display:flex;flex-direction:column;gap:8px}.tournament-lb-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius-sm);box-shadow:0 0 18px #6366f10f}.tournament-lb-row.is-me{background:#6366f133;border:1px solid #818CF8}.tournament-lb-rank{font-size:1.2rem;font-weight:700;min-width:36px}.tournament-lb-name{font-weight:600}.tournament-lb-details{font-size:.75rem;color:#94a3b8}.tournament-lb-score{margin-left:auto;text-align:right}.tournament-lb-points{font-weight:700;color:#a5b4fc}.tournament-lb-correct{font-size:.7rem;color:#94a3b8}.tournament-ranking{width:100%}.tournament-ranking-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.tournament-ranking-list{display:flex;flex-direction:column;gap:8px}.tournament-ranking-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius-sm);box-shadow:0 0 18px #6366f10f}.tournament-ranking-row.is-me{background:#6366f133;border:1px solid #818CF8}.tournament-ranking-rank{font-size:1.2rem;font-weight:700;min-width:36px}.tournament-ranking-name{font-weight:600}.tournament-ranking-details{font-size:.75rem;color:#94a3b8}.tournament-ranking-stats{margin-left:auto;text-align:right}.tournament-ranking-xp{font-weight:700;color:#a5b4fc}.tournament-ranking-correct{font-size:.7rem;color:#94a3b8}.runner-victory-screen,.runner-gameover-screen{width:100vw;max-width:none;margin:0;padding:30px 20px;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a,#1e293b 30%,#334155);color:#fff}.runner-victory-hero,.runner-gameover-hero{position:relative;margin-bottom:16px}.runner-victory-model{width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:linear-gradient(135deg,#f5f3ff,#ddd6fe);box-shadow:0 16px 36px #0f172a47}.runner-victory-model-ko{opacity:.85;filter:saturate(.8)}.runner-victory-celebration{position:absolute;top:-10px;right:-10px;font-size:1.5rem;animation:runnerCelebrate .5s ease infinite alternate}@keyframes runnerCelebrate{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-5px) rotate(5deg)}}.runner-gameover-ko{position:absolute;top:-5px;right:-10px;font-size:1.5rem}.runner-victory-title,.runner-gameover-title{font-size:1.5rem;font-weight:800;margin-bottom:8px}.runner-gameover-subtitle{color:#94a3b8;margin-bottom:20px}.runner-victory-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:20px 0}.runner-victory-stat{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#ffffff0d;border:1px solid #475569;border-radius:var(--radius-sm);box-shadow:0 0 24px #6366f114;min-width:80px}.runner-stat-icon{font-size:1.2rem}.runner-stat-value{font-size:1.1rem;font-weight:800;color:#fff}.runner-stat-label{font-size:.7rem;color:#94a3b8}.runner-victory-badges{margin:16px 0}.runner-badge-item{display:inline-block;background:#f59e0b29;border:1px solid rgba(245,158,11,.28);padding:4px 12px;border-radius:12px;margin:4px;font-size:.8rem;font-weight:600;color:#fff}.runner-victory-actions{display:flex;gap:12px;margin-top:24px}@media (max-width: 768px){.runner-select-title{font-size:1.4rem}.runner-select-subtitle{font-size:.85rem;margin-bottom:16px}.runner-hero-preview{padding:12px;margin-bottom:16px}.runner-type-card{padding:14px;gap:12px}.runner-type-icon{width:42px;height:42px;font-size:1.6rem}.runner-hud{padding:8px 10px}.runner-hp-bar{width:90px;height:14px}.runner-hp-text{font-size:.55rem}.runner-distance,.runner-streak,.runner-xp,.runner-progress{font-size:.75rem}.runner-quit-btn{width:28px;height:28px;font-size:.9rem}.runner-hero{left:10%}.runner-hero .hero-runner-sprite,.runner-hero .hero-character{transform:scale(.8);transform-origin:bottom center}.runner-obstacle .runner-obs-visual{transform:scale(.85);transform-origin:bottom center}.runner-question-panel{padding:12px 16px}.runner-question-overlay{gap:8px;padding:8px 18px}.runner-question-overlay .runner-operand{font-size:1.5rem}.runner-question-overlay .runner-operator,.runner-question-overlay .runner-equals{font-size:1.1rem}.runner-question-overlay .runner-mystery{font-size:1.5rem;padding:2px 10px}.runner-timer{margin-bottom:4px}.runner-input-area{gap:8px}.runner-answer-input{padding:8px 12px;font-size:1.1rem}.runner-submit-btn{padding:8px 14px;font-size:.9rem}.runner-feedback{font-size:.95rem;padding:10px 18px}.runner-combo{font-size:1.1rem}.runner-xp-popup{font-size:1rem}.runner-victory-screen,.runner-gameover-screen{padding:20px 16px}.runner-victory-title,.runner-gameover-title{font-size:1.3rem}.runner-victory-stats{gap:10px}.runner-victory-stat{padding:10px 12px;min-width:65px}.runner-stat-value{font-size:.95rem}.runner-victory-actions{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.runner-select-screen{padding:20px 14px}.runner-select-title{font-size:1.2rem}.runner-select-subtitle{font-size:.8rem;margin-bottom:12px}.runner-select-arena{font-size:.95rem;margin-bottom:12px}.runner-hero-preview{padding:10px;gap:8px;margin-bottom:12px}.runner-hero-preview .hero-character{transform:scale(.75)}.runner-hero-name{font-size:.9rem}.runner-type-cards{gap:8px}.runner-type-card{padding:12px;gap:10px}.runner-type-icon{width:36px;height:36px;font-size:1.3rem;border-radius:8px}.runner-type-label{font-size:.9rem}.runner-type-desc{font-size:.7rem}.runner-select-screen .btn-outline{padding:10px 16px;font-size:.85rem}.runner-hud{padding:6px 8px;gap:4px}.runner-hud-left,.runner-hud-center,.runner-hud-right{gap:6px}.runner-hp-bar{width:70px;height:12px}.runner-hp-text{font-size:.5rem}.runner-distance,.runner-streak,.runner-xp,.runner-progress{font-size:.65rem}.runner-streak{display:none}.runner-quit-btn{width:24px;height:24px;font-size:.75rem}.runner-hero{left:8%;bottom:calc(16% - 8px)}.runner-hero .hero-runner-sprite,.runner-hero .hero-character{transform:scale(.65);transform-origin:bottom center}.runner-obstacle{bottom:16%}.runner-obstacle .runner-obs-visual{transform:scale(.7);transform-origin:bottom center}.runner-obstacle.stopped{left:38%}.runner-ground{height:16%}.runner-bg-mountains{height:30%}.runner-question-panel{padding:10px 12px}.runner-timer{margin-bottom:4px;gap:6px}.runner-timer-bar{height:5px}.runner-timer-text{font-size:.7rem}.runner-question-overlay{gap:8px;padding:8px 14px;top:8%}.runner-question-overlay .runner-operand{font-size:1.4rem}.runner-question-overlay .runner-operator,.runner-question-overlay .runner-equals{font-size:1rem}.runner-question-overlay .runner-mystery{font-size:1.4rem;padding:1px 10px;border-radius:6px}.runner-input-area{gap:6px;max-width:300px}.runner-answer-input{padding:7px 10px;font-size:1rem;border-radius:8px}.runner-submit-btn{padding:7px 12px;font-size:.85rem;border-radius:8px}.runner-feedback{font-size:.85rem;padding:8px 14px;top:35%}.runner-combo{font-size:1rem}.runner-xp-popup,.runner-run-message{font-size:.9rem}.runner-panel-running .runner-dots{font-size:.85rem}.runner-victory-screen,.runner-gameover-screen{padding:16px 12px}.runner-victory-title,.runner-gameover-title{font-size:1.15rem}.runner-victory-model{width:150px;height:150px}.runner-victory-stats{gap:8px;margin:14px 0}.runner-victory-stat{padding:8px 10px;min-width:55px}.runner-stat-icon{font-size:1rem}.runner-stat-value{font-size:.85rem}.runner-stat-label{font-size:.6rem}.runner-victory-actions{gap:8px}.runner-victory-actions button{font-size:.85rem;padding:10px 16px}.game-star{font-size:1.5rem}}@media (max-width: 360px){.runner-hud{padding:4px 6px}.runner-quit-btn{width:22px;height:22px;font-size:.7rem}.runner-hp-bar{width:55px;height:10px}.runner-distance,.runner-xp,.runner-progress{font-size:.6rem}.runner-xp{display:none}.runner-hero{bottom:calc(14% - 6px)}.runner-hero .hero-runner-sprite,.runner-hero .hero-character{transform:scale(.55);transform-origin:bottom center}.runner-obstacle{bottom:14%}.runner-obstacle .runner-obs-visual{transform:scale(.6);transform-origin:bottom center}.runner-ground{height:14%}.runner-question-panel{padding:8px 10px}.runner-question-overlay .runner-operand,.runner-question-overlay .runner-mystery{font-size:1.2rem}.runner-answer-input{padding:6px 8px;font-size:.9rem}.runner-submit-btn{padding:6px 10px;font-size:.8rem}}@media (max-height: 500px){.runner-hud{padding:4px 8px}.runner-quit-btn{width:24px;height:24px;font-size:.75rem}.runner-hp-bar{width:70px;height:12px}.runner-distance,.runner-streak,.runner-xp,.runner-progress{font-size:.7rem}.runner-question-panel{padding:6px 12px}.runner-timer{margin-bottom:3px}.runner-timer-bar{height:4px}.runner-question-overlay{gap:6px;padding:6px 12px;top:6%}.runner-question-overlay .runner-operand{font-size:1.2rem}.runner-question-overlay .runner-operator,.runner-question-overlay .runner-equals{font-size:.9rem}.runner-question-overlay .runner-mystery{font-size:1.2rem;padding:1px 8px}.runner-answer-input{padding:5px 8px;font-size:.95rem}.runner-submit-btn{padding:5px 10px;font-size:.8rem}.runner-panel-running .runner-dots{font-size:.8rem}.runner-hero .hero-runner-sprite,.runner-hero .hero-character{transform:scale(.6);transform-origin:bottom center}.runner-obstacle .runner-obs-visual{transform:scale(.7);transform-origin:bottom center}.runner-ground{height:14%}.runner-hero{bottom:calc(14% - 10px)}.runner-obstacle{bottom:14%}}.teacher-card td{padding:14px 18px;font-size:.9rem;color:#1e1b4b;border-bottom:1px solid rgba(241,245,249,.8)}.teacher-card tbody tr{transition:background .15s}.teacher-card tbody tr:hover{background:#6366f108}@media (max-width: 768px){.teacher-sidebar{display:none}.teacher-mobile-header{display:flex}.teacher-main{padding:20px 16px}.teacher-page-header{flex-direction:column}.teacher-stats-grid{grid-template-columns:repeat(2,1fr)}.teacher-class-grid{grid-template-columns:1fr}.teacher-form-row{flex-direction:column}.teacher-tabs{width:100%;overflow-x:auto}.teacher-stat-card{padding:16px}.teacher-stat-value{font-size:1.3rem}}@media (max-width: 480px){.teacher-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.teacher-stat-icon{width:42px;height:42px;font-size:1.1rem}}.game-rewards-tabs{display:flex;gap:4px;margin-bottom:20px;background:#ffffff08;border:1px solid #334155;border-radius:14px;padding:4px}.game-rewards-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;font-family:inherit;font-size:.75rem;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s}.game-rewards-tab.active{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.game-rewards-tab:hover:not(.active){background:#ffffff0d;color:#94a3b8}.game-rewards-tab-icon{font-size:1.3rem}.game-rewards-tab-label{font-size:.7rem}.game-rewards-content{min-height:40vh}.game-rewards-coins{font-size:.9rem;font-weight:700;color:#f59e0b}.game-challenge-tabs{display:flex;gap:6px;margin-bottom:16px}.game-challenge-tab{flex:1;padding:10px;text-align:center;font-family:inherit;font-size:.85rem;font-weight:700;background:#ffffff08;border:1px solid #334155;border-radius:10px;color:#64748b;cursor:pointer;transition:all .15s}.game-challenge-tab.active{background:#6366f126;border-color:#6366f1;color:#fff}.game-daily-streak-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f59e0b26,#ef44441a);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:16px}.game-daily-streak-fire{font-size:1.6rem;animation:pulse 1.5s infinite}.game-daily-streak-count{font-size:1.2rem;font-weight:800;color:#fcd34d}.game-daily-streak-label{font-size:.85rem;color:#94a3b8}.game-daily-streak-record{margin-left:auto;font-size:.75rem;color:#64748b;font-weight:600}.game-challenge-list{display:grid;gap:10px}.game-challenge-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid #334155;border-radius:12px;transition:all .2s}.game-challenge-card.completed:not(.claimed){border-color:#f59e0b;background:#f59e0b14;animation:badgeGlow 2s ease infinite}.game-challenge-card.claimed{opacity:.6}.game-challenge-left{display:flex;align-items:center;gap:12px;flex:1}.game-challenge-icon{font-size:1.6rem;min-width:36px;text-align:center}.game-challenge-info{flex:1}.game-challenge-name{font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px}.game-challenge-desc{font-size:.75rem;color:#94a3b8;margin-top:2px}.game-challenge-progress-bar{height:5px;background:#1e293b;border-radius:3px;overflow:hidden;margin-top:8px}.game-challenge-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.game-challenge-progress-text{font-size:.7rem;color:#64748b;margin-top:3px}.game-challenge-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:90px}.game-challenge-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.game-challenge-xp{font-size:.8rem;font-weight:700;color:#a78bfa}.game-challenge-coins{font-size:.75rem;font-weight:600;color:#fcd34d}.game-claim-btn{padding:6px 16px;font-family:inherit;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e293b;border:none;border-radius:8px;cursor:pointer;transition:all .2s;animation:badgeGlow 1.5s ease infinite}.game-claim-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #f59e0b66}.game-claimed-badge{font-size:.75rem;color:#10b981;font-weight:600}.game-difficulty-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.6rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.game-shop-balance{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#f59e0b1f,#eab30814);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:16px}.game-shop-coin-icon{font-size:1.6rem}.game-shop-coin-amount{font-size:1.5rem;font-weight:800;color:#fcd34d}.game-shop-coin-label{font-size:.85rem;color:#94a3b8}.game-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.game-shop-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px 12px;border-radius:14px;transition:all .2s;position:relative}.game-shop-card.unlocked{background:#ffffff0d;border:1px solid #475569}.game-shop-card.locked{background:#0003;border:1px solid #334155}.game-shop-card.rarity-common{border-color:#64748b}.game-shop-card.rarity-rare.unlocked{border-color:#3b82f6;box-shadow:0 0 10px #3b82f61a}.game-shop-card.rarity-epic.unlocked{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf626}.game-shop-card.rarity-legendary.unlocked{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b26;animation:badgeGlow 3s ease infinite}.game-shop-card-rarity{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.game-shop-card-icon{font-size:2.4rem;margin-bottom:8px}.game-shop-card-name{font-size:.85rem;font-weight:700;margin-bottom:3px}.game-shop-card-desc{font-size:.65rem;color:#94a3b8;line-height:1.3;margin-bottom:8px}.game-shop-equipped{font-size:.75rem;font-weight:700;color:#10b981;padding:4px 12px;background:#10b9811a;border-radius:8px}.game-shop-equip-btn,.game-shop-buy-btn,.game-shop-unlock-btn{padding:5px 14px;font-family:inherit;font-size:.75rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .15s}.game-shop-equip-btn{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.game-shop-equip-btn:hover{background:#6366f14d}.game-shop-buy-btn{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e293b}.game-shop-buy-btn:hover{transform:scale(1.05)}.game-shop-unlock-btn{background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff}.game-shop-unlock-btn:hover{transform:scale(1.05)}.game-shop-locked-info{font-size:.7rem;color:#64748b;font-weight:600}.game-milestone-list{display:grid;gap:8px}.game-milestone-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid #334155;border-radius:12px;transition:all .2s}.game-milestone-card.completed{background:#10b98114;border-color:#10b9814d}.game-milestone-icon{font-size:1.6rem;min-width:36px;text-align:center}.game-milestone-info{flex:1}.game-milestone-name{font-size:.9rem;font-weight:700}.game-milestone-desc{font-size:.75rem;color:#94a3b8;margin-top:2px}.game-milestone-progress-bar{height:5px;background:#1e293b;border-radius:3px;overflow:hidden;margin-top:8px}.game-milestone-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .5s ease}.game-milestone-card.completed .game-milestone-progress-fill{background:linear-gradient(90deg,#10b981,#14b8a6)}.game-milestone-progress-text{font-size:.7rem;color:#64748b;margin-top:3px}.game-milestone-card.completed .game-milestone-progress-text{color:#10b981;font-weight:600}.game-milestone-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.75rem;font-weight:600;min-width:80px}.game-milestone-rewards span:first-child{color:#a78bfa}.game-milestone-rewards span:last-child{color:#fcd34d}.game-reward-stat.prestige{background:linear-gradient(135deg,#f59e0b26,#eab30814);border-color:#f59e0b4d}.game-claim-popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:300;pointer-events:none}.game-claim-popup-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 40px;background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);border:2px solid #A78BFA;border-radius:20px;box-shadow:0 0 50px #6366f180;animation:levelUp 2s ease forwards}.game-claim-popup-icon{font-size:2.5rem}.game-claim-popup-text{font-size:1.5rem;font-weight:800;color:#fff}.game-claim-popup-coins{font-size:1.1rem;font-weight:700;color:#fcd34d}@media (max-width: 768px){.game-rewards-tabs{gap:2px;padding:3px}.game-rewards-tab{padding:8px 4px}.game-rewards-tab-icon{font-size:1.1rem}.game-challenge-card{flex-direction:column;align-items:stretch}.game-challenge-right{flex-direction:row;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #334155}.game-challenge-rewards{flex-direction:row;gap:10px}.game-shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (min-width: 769px){.game-rewards-tabs,.game-rewards-content,.game-rewards-stats{max-width:900px;margin-left:auto;margin-right:auto}.game-shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}