.live-scores-widget{background:linear-gradient(135deg,#1a472a,#2d5a3d);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 20px #0000001a;color:#fff;max-width:500px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.widget-header h3{margin:0;font-size:1.2rem;font-weight:600}.live-indicator{background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.widget-content{margin:15px 0}.widget-match{background:#ffffff1a;border-radius:8px;padding:12px;margin-bottom:8px;transition:all .3s ease}.widget-match:hover{background:#ffffff26;transform:translateY(-1px)}.widget-match.live{border-left:4px solid #ff4444;animation:liveBorder 3s infinite}@keyframes liveBorder{0%{border-left-color:#f44}50%{border-left-color:#f66}to{border-left-color:#f44}}.match-teams{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.match-teams .score{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.9rem;min-width:50px;text-align:center}.match-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;opacity:.9}.match-info .league{background:#ffffff26;padding:2px 8px;border-radius:12px}.match-info .status{font-weight:500}.widget-cta{margin-top:15px;text-align:center}.widget-cta button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.widget-cta button:hover{background:#ffffff4d;transform:translateY(-1px)}.widget-footer{text-align:center;opacity:.7;font-size:.8rem;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:15px}.loading,.no-matches,.error{text-align:center;padding:20px;opacity:.8}.no-matches p{margin:0 0 5px;font-size:1rem}.error{color:#ff6b6b}@media (max-width: 768px){.live-scores-widget{margin:15px 0;padding:15px}.widget-header h3{font-size:1.1rem}.match-teams{font-size:.9rem}}.google-logo{width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjU2IDEyLjI1QzIyLjU2IDExLjQ3IDIyLjQ5IDEwLjcyIDIyLjM2IDEwSDEyVjE0LjI2SDE3Ljk2QzE3LjY2IDE1LjUgMTYuOTMgMTYuNiAxNS44NiAxNy4zNVYyMC42OUgxOS40NkMyMS40OCAyMC4zNCAyMi41NiAxNi41NSAyMi41NiAxMi4yNVoiIGZpbGw9IiM0Mjg1RjQiLz4KPHBhdGggZD0iTTEyIDI0QzE1LjI0IDI0IDE3LjkyIDIyLjkyIDE5LjQ2IDIwLjY5TDE1Ljg2IDE3LjM1QzE0Ljc4IDE4LjA5IDEzLjM5IDE4LjUgMTIgMTguNUM4LjQ1IDE4LjUgNS41MSAxNS45NiA4LjY0IDEyLjU2SDAuODlWMTYuMDNDMi40MyAxOS4xIDYuODQgMjQgMTIgMjRaIiBmaWxsPSIjMzRBODUzIi8+CjxwYXRoIGQ9Ik00LjY0IDEyLjU2QzQuMzQgMTEuODMgNC4xOCAxMS4wMyA0LjE4IDEwLjJDNC4xOCA5LjM3IDQuMzQgOC41NyA0LjY0IDcuODRWNC4zN0gwLjg5QzAuMzIgNS41MSAwIDcuMjEgMCAxMC4yUzAuMzIgMTQuODkgMC44OSAxNi4wM0w0LjY0IDEyLjU2WiIgZmlsbD0iI0ZCQkMwNSIvPgo8cGF0aCBkPSJNMTIgNC4xOEMxMy41NSA0LjE4IDE0LjkzIDQuNzIgMTUuOTYgNS42OUwxOC44OSAyLjc2QzE2LjkyIDEuOCAxNC40NCAwIDEyIDBDNi44NCAwIDIuNDMgNC45IDAuODkgNy45N0w0LjY0IDExLjQ0QzUuNTEgOC4wNCA4LjQ1IDQuMTggMTIgNC4xOFoiIGZpbGw9IiNFQTQzMzUiLz4KPC9zdmc+) no-repeat center;background-size:contain;flex-shrink:0}#profileCountry{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1e40af;--secondary-color: #f59e0b;--danger-color: #dc2626;--warning-color: #f97316;--success-color: #059669;--text-dark: #333;--text-light: #666;--bg-gradient: linear-gradient(135deg, #1e40af, #f59e0b);--font-primary: "Poppins", sans-serif;--font-secondary: "Inter", sans-serif;--gold-light: #fbbf24;--navy-light: #3b82f6;--accent-gradient: linear-gradient(135deg, #1e40af 0%, #f59e0b 100%);--trophy-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%)}body{font-family:var(--font-secondary);background:var(--bg-gradient);min-height:100vh;color:var(--text-dark);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600}.container{max-width:800px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:20px;padding:30px;margin:20px 0;box-shadow:0 10px 30px #1e40af1a;border:1px solid rgba(245,158,11,.1)}.loading-text{text-align:center;margin-top:20px}.analysis-container{position:relative;margin-top:20px}.analysis-video{display:none;width:100%}.analysis-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.analysis-start-btn{display:none;margin-top:20px}.analysis-results{margin-top:20px}.loading{display:flex;justify-content:center;align-items:center;padding:60px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--secondary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.error-message{background:#ffebee;color:var(--danger-color);padding:15px 20px;border-radius:10px;margin:15px 0;border-left:4px solid var(--danger-color)}.success-message{background:#e8f5e8;color:var(--success-color);padding:15px 20px;border-radius:10px;margin:15px 0;border-left:4px solid var(--success-color)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes championshipGlow{0%,to{box-shadow:0 10px 30px #f59e0b66}50%{box-shadow:0 15px 40px #f59e0b99}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font-primary);display:inline-flex;align-items:center;gap:8px}#startPractice{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:700;font-size:18px;padding:16px 32px;border-radius:12px;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 6px 20px #05966966;letter-spacing:.5px;min-height:56px}#startPractice:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-3px);box-shadow:0 10px 30px #05966980}#startPractice span:last-child{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 15px #1e40af4d;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:700;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #1e40af66}.btn-secondary{background:var(--secondary-color);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-secondary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 4px 15px #dc26264d}.btn-danger:hover{background:#ef4444;transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.side-selector{display:flex;gap:10px;justify-content:center}.side-btn{flex:1;padding:12px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:500}.side-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 15px #1e40af4d}.side-btn:hover:not(.active){border-color:var(--primary-color);background:#1e40af0d}.foot-selector{display:flex;gap:15px;justify-content:center;align-items:center}.foot-option{position:relative;cursor:pointer}.foot-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.foot-option label{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.foot-option input[type=radio]:checked+label{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 6px 20px #1e40af4d}.foot-option label:hover{border-color:var(--primary-color);transform:translateY(-1px);background:#1e40af0d}.foot-icon{font-size:20px}.foot-icon.left{transform:scaleX(-1)}@media (max-width: 480px){.side-selector{flex-direction:column}}.form-group{margin:20px 0}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-dark)}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;font-family:var(--font-secondary);transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.drill-instructions{background:#1e40af0d;border-left:4px solid var(--primary-color);padding:15px 20px;margin:15px 0;border-radius:0 10px 10px 0}.drill-instructions strong{color:var(--primary-color)}.data-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #1e40af1a}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}.data-table th{background:var(--primary-color);color:#fff;font-weight:600}.data-table tr:hover{background:#1e40af0d}.data-table tr:last-child td{border-bottom:none}.table-loading{text-align:center;padding:2rem;color:var(--text-light);font-style:italic}.table-empty{text-align:center;padding:3rem 1rem;color:var(--text-light)}.table-error{text-align:center;padding:2rem;color:var(--danger-color);background:#ffeaea}.achievement-popup{position:fixed;top:20px;right:20px;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 10px 30px #1e40af33;z-index:1000;animation:slideIn .5s ease-out;max-width:350px;border:2px solid var(--secondary-color)}.achievement-popup.hiding{animation:slideOut .5s ease-out}@media (max-width: 768px){.achievement-popup{right:10px;left:10px;max-width:none}.pack-image{font-size:80px}}@media (max-width: 480px){.pack-image{font-size:80px}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.auth-container .card{max-width:900px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative}.auth-header{text-align:center;padding:40px 30px 30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-logo{font-size:4rem;margin-bottom:20px;display:block}.auth-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.auth-subtitle{font-size:1.2rem;color:#7f8c8d;margin-bottom:25px}.free-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:12px 24px;border-radius:50px;font-weight:600;box-shadow:0 4px 15px #11998e4d}.badge-icon{font-size:1.2rem}.badge-text{font-size:1.1rem;font-weight:700}.badge-subtext{font-size:.9rem;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:40px 30px;background:#f8f9fa}.feature-card{background:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.feature-icon{font-size:3rem;margin-bottom:15px;display:block}.feature-card h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:10px}.feature-card p{color:#7f8c8d;line-height:1.6}.how-it-works{padding:40px 30px;background:#fff}.how-it-works h2{text-align:center;font-size:2rem;color:#2c3e50;margin-bottom:30px}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.step{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:5px}.step-content p{color:#7f8c8d;font-size:.95rem;line-height:1.5}.faq-section{padding:40px 30px;background:#f8f9fa}.faq-section h2{text-align:center;font-size:2rem;color:#2c3e50;margin-bottom:30px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.faq-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #0000000d}.faq-question{display:flex;align-items:center;gap:10px;margin-bottom:10px}.faq-icon{font-size:1.2rem}.faq-question strong{color:#2c3e50;font-size:1rem}.faq-answer{color:#7f8c8d;line-height:1.6;margin-left:30px}.auth-welcome{padding:30px}.auth-form-section{padding:30px;background:#f8f9fa;border-top:1px solid #e9ecef}.auth-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.auth-form-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.auth-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:150px;justify-content:center;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-large{padding:16px 32px;font-size:1.1rem;min-width:200px}.btn-outline{background:#fff;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-back{min-width:auto;padding:8px 16px;font-size:.9rem}.btn-icon{font-size:1.1rem}.btn:disabled{background:#ccc!important;color:#666!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;border:none!important}.trust-indicators{display:flex;justify-content:center;gap:30px;padding:30px;background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;color:#7f8c8d;font-size:.95rem}.trust-icon{font-size:1.1rem}.auth-choice-screen{text-align:center;padding:20px}.choice-title{font-size:1.8rem;color:#2c3e50;margin-bottom:10px;font-weight:600}.choice-subtitle{font-size:1rem;color:#7f8c8d;margin-bottom:30px}.choice-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.choice-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;padding:25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit;color:#fff;box-shadow:0 8px 25px #667eea4d;position:relative;overflow:hidden}.choice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.choice-btn:hover:before{left:100%}.choice-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #667eea66}.choice-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d}.choice-btn.secondary:hover{box-shadow:0 15px 40px #f59e0b66}.choice-btn-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.choice-btn-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.choice-btn:hover .choice-btn-icon{transform:scale(1.1) rotate(5deg)}.choice-btn-text{flex:1}.choice-btn-main{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.5px}.choice-btn-subtitle{font-size:1rem;color:#ffffffe6;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.google-oauth-section{margin-top:30px;padding:25px 20px;background:linear-gradient(135deg,#f8f9ff,#fff5e6);border-radius:15px;border:2px solid rgba(102,126,234,.1);text-align:center}.google-oauth-title{font-size:1.3rem;color:#2c3e50;margin-bottom:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.google-oauth-subtitle{font-size:1rem;color:#5a6c7d;margin-bottom:20px;line-height:1.4}.enhanced-google-btn{width:100%;background:#fff;color:#333;border:2px solid #e0e0e0;padding:15px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;box-shadow:0 2px 8px #0000001a}.google-logo{width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjU2IDEyLjI1QzIyLjU2IDExLjQ3IDIyLjQ5IDEwLjcyIDIyLjM2IDEwSDEyVjE0LjI2SDE3Ljk2QzE3LjY2IDE1LjUgMTYuOTMgMTYuNiAxNS44NiAxNy4zNVYyMC42OUgxOS40NkMyMS40OCAyMC4zNCAyMi41NiAxNi41NSAyMi41NiAxMi4yNVoiIGZpbGw9IiM0Mjg1RjQiLz4KPHBhdGggZD0iTTEyIDI0QzE1LjI0IDI0IDE3LjkyIDIyLjkyIDE5LjQ2IDIwLjY5TDE1Ljg2IDE3LjM1QzE0Ljc4IDE4LjA5IDEzLjM5IDE4LjUgMTIgMTguNUM4LjQ1IDE4LjUgNS41MSAxNS45NiA4LjY0IDEyLjU2SDAuODlWMTYuMDNDMi40MyAxOS4xIDYuODQgMjQgMTIgMjRaIiBmaWxsPSIjMzRBODUzIi8+CjxwYXRoIGQ9Ik00LjY0IDEyLjU2QzQuMzQgMTEuODMgNC4xOCAxMS4wMyA0LjE4IDEwLjJDNC4xOCA5LjM3IDQuMzQgOC41NyA0LjY0IDcuODRWNC4zN0gwLjg5QzAuMzIgNS41MSAwIDcuMjEgMCAxMC4yUzAuMzIgMTQuODkgMC44OSAxNi4wM0w0LjY0IDEyLjU2WiIgZmlsbD0iI0ZCQkMwNSIvPgo8cGF0aCBkPSJNMTIgNC4xOEMxMy41NSA0LjE4IDE0LjkzIDQuNzIgMTUuOTYgNS42OUwxOC44OSAyLjc2QzE2LjkyIDEuOCAxNC40NCAwIDEyIDBDNi44NCAwIDIuNDMgNC45IDAuODkgNy45N0w0LjY0IDExLjQ0QzUuNTEgOC4wNCA4LjQ1IDQuMTggMTIgNC4xOFoiIGZpbGw9IiNFQTQzMzUiLz4KPC9zdmc+) no-repeat center;background-size:contain;flex-shrink:0}.enhanced-google-btn{width:100%;background:#fff;color:#333;border:2px solid #e0e0e0;padding:15px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;box-shadow:0 2px 8px #0000001a;margin:10px 0}.enhanced-google-btn:hover{background:#f8f9fa;border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.enhanced-google-btn:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.enhanced-google-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.google-logo:after{content:"G";display:block;width:20px;height:20px;line-height:20px;text-align:center;font-weight:700;color:#4285f4;font-size:14px}.form-header{text-align:center;margin-bottom:25px}.form-title{font-size:1.5rem;color:#2c3e50;margin-bottom:10px;font-weight:600}.form-description{font-size:1rem;color:#7f8c8d;line-height:1.5}.help-box{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:15px;margin:20px 0;display:flex;align-items:flex-start;gap:10px}.help-box-icon{font-size:1.2rem;flex-shrink:0}.oauth-section{margin:25px 0}.oauth-divider{display:flex;align-items:center;margin:20px 0;color:#7f8c8d;font-size:.9rem}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.oauth-divider span{padding:0 15px;background:#fff}.enhanced-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50;margin-bottom:8px}.label-icon{font-size:1.1rem}.enhanced-input input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.enhanced-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-helper{font-size:.85rem;color:#7f8c8d;margin-top:5px}.forgot-password-container{text-align:center;margin-top:20px;padding:15px;background:#f8f9ff;border-radius:10px;border:1px solid #e3e8ff}.forgot-password-link{color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#667eea1a;border:2px solid transparent}.forgot-password-link:hover{color:#5a67d8;background:#667eea26;border-color:#667eea;transform:translateY(-1px)}.back-to-signin-container{text-align:center;margin-top:20px;padding:15px}.auth-link{color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;background:#667eea1a;border:2px solid #667eea}.auth-link:hover{color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.auth-link[data-mode=choice]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;font-weight:700}.auth-link[data-mode=choice]:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.hidden{display:none!important}@media (max-width: 768px){.auth-container{padding:10px}.auth-title{font-size:2rem}.choice-title{font-size:1.5rem}.choice-btn-main{font-size:1.1rem}.choice-btn-subtitle{font-size:.85rem}.features-grid{grid-template-columns:1fr;padding:30px 20px}.steps-container,.faq-grid{grid-template-columns:1fr}.auth-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.choice-btn{padding:15px}.choice-btn-content{gap:12px}.choice-btn-icon{font-size:1.5rem}.enhanced-google-btn{padding:12px 16px;font-size:.95rem}.trust-indicators{flex-direction:column;align-items:center;gap:15px}.auth-form-header{flex-direction:column;gap:15px;text-align:center}}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 15px;border-radius:8px;margin:15px 0;font-size:.9rem;text-align:center}.success-message{background:#efe;border:1px solid #cfc;color:#363;padding:12px 15px;border-radius:8px;margin:15px 0;font-size:.9rem;text-align:center}.error-message.hidden,.success-message.hidden{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card,.step,.faq-item{animation:fadeInUp .6s ease-out}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.nav-tabs{display:flex;background:#ffffff26;border-radius:15px;padding:5px;margin-bottom:20px;overflow-x:auto;gap:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nav-tab{flex:1;min-width:100px;padding:12px 15px;text-align:center;border-radius:10px;cursor:pointer;color:#fff;font-weight:500;transition:all .3s;font-size:14px;white-space:nowrap}.nav-tab.active{background:#fff;color:var(--primary-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.nav-tab:hover:not(.active){background:#ffffff1a}.welcome-header{background:var(--trophy-gradient);color:#fff;padding:25px;border-radius:20px;margin-bottom:20px;text-align:center;box-shadow:0 8px 25px #1e40af4d;border:2px solid rgba(251,191,36,.3)}.player-name{font-size:28px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.streak-container{display:flex;justify-content:center;align-items:center;gap:20px;margin:15px 0;flex-wrap:wrap}.streak-item{background:#ffffff40;padding:10px 20px;border-radius:15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.streak-icon{font-size:24px}.streak-number{font-size:24px;font-weight:700}.streak-label{font-size:14px;opacity:.9}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-top:20px}.stat-item{text-align:center;background:#fff3;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:28px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.stat-label{font-size:12px;opacity:.9;margin-top:5px}@media (max-width: 768px){.welcome-header{padding:20px}.player-name{font-size:24px}.streak-container{flex-direction:column;gap:10px}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{font-size:12px;padding:10px 12px}}@media (max-width: 480px){.player-name{font-size:20px}.stat-number{font-size:24px}}#dashboardTab{display:block;background:var(--bg-light, #f8f9fa);border-radius:16px;padding:0;margin:0;min-height:400px}#dashboardTab.card{box-shadow:0 4px 20px #1e40af1a;border:2px solid rgba(245,158,11,.1)}.dashboard-container{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%;box-sizing:border-box}.dashboard-welcome-section{margin-bottom:1rem}.player-welcome-card{background:var(--accent-gradient);border-radius:20px;padding:2rem;color:#fff;display:flex;align-items:center;gap:1.5rem;box-shadow:0 10px 30px #1e40af4d;border:2px solid rgba(245,158,11,.2);position:relative;overflow:hidden}.player-welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}.welcome-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid rgba(245,158,11,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.welcome-content{flex:1}.welcome-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-subtitle{font-size:1rem;margin:0;opacity:.9}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #1e40af1a;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;min-height:100px}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .3s ease}.stat-card.primary:before{background:var(--primary-color)}.stat-card.secondary:before{background:var(--secondary-color)}.stat-card.success:before{background:var(--success-color)}.stat-card.info:before{background:var(--navy-light)}.stat-card.warning:before{background:var(--warning-color)}.stat-card.achievement:before{background:var(--trophy-gradient)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #1e40af33;border-color:#f59e0b4d}.stat-card:hover:before{width:100%;opacity:.05}.stat-icon{font-size:2.5rem;opacity:.8;flex-shrink:0}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0;line-height:1}.stat-label{font-size:.875rem;color:var(--text-light);font-weight:600;margin:.25rem 0}.stat-trend{font-size:.75rem;color:var(--success-color);font-weight:500;opacity:.8}.dashboard-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #1e40af1a;border:2px solid rgba(245,158,11,.1);transition:all .3s ease;margin-bottom:1.5rem}.dashboard-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1e40af26}.section-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.section-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.section-controls{display:flex;align-items:center;gap:1rem}.section-content{padding:1.5rem}.navigation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.nav-quick-btn{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;text-align:left;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.nav-quick-btn:hover{border-color:var(--primary-color);background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 15px #1e40af1a}.nav-btn-icon{width:50px;height:50px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.nav-btn-content{flex:1}.nav-btn-title{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.nav-btn-desc{font-size:.875rem;color:var(--text-light)}.scores-sections{display:flex;flex-direction:column;gap:2rem}.scores-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(245,158,11,.1);transition:all .3s ease}.scores-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.section-title h4{margin:0;font-size:1.2rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.games-count{font-size:.875rem;color:var(--text-light);background:#1e40af1a;padding:.25rem .75rem;border-radius:12px;font-weight:600}.section-meta{display:flex;align-items:center;gap:.5rem}.data-source{font-size:.75rem}.source-live{color:#10b981;font-weight:500}.source-demo{color:#f59e0b;font-weight:500}.source-unknown{color:#6b7280;font-weight:500}.api-status{display:block;margin-top:.5rem;color:#10b981;font-size:.75rem;font-weight:500}.games-container{display:grid;gap:1rem}.see-more-container{margin-top:1rem}.see-more-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e40af33}.see-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1e40af4d;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.see-more-btn.expanded{background:linear-gradient(135deg,#dc2626,#ef4444)}.see-more-btn.expanded:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.see-more-icon{font-size:1rem}.see-more-text{flex:1;text-align:center}.see-more-arrow{font-size:.75rem;transition:transform .3s ease}.see-more-btn.expanded .see-more-arrow{transform:rotate(180deg)}.additional-games{margin-top:1rem;border-top:2px solid #f0f0f0;padding-top:1rem;animation:fadeInUp .3s ease-out}.additional-games.hidden{display:none}.game-card{background:#f8f9fa;border-radius:12px;padding:1rem;border:2px solid transparent;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e0e0e0;transition:all .3s ease}.game-card:hover{background:#fff;border-color:var(--primary-color)}.game-card:hover:before{width:4px;opacity:1}.game-card.live{background:#dc26260d;border-color:#dc262633}.game-card.live:before{background:var(--danger-color);animation:pulse 2s infinite}.game-card.finished:before{background:var(--success-color)}.game-card.upcoming:before{background:var(--secondary-color)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.league-badge{font-size:.75rem;font-weight:700;background:var(--accent-gradient);color:#fff;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.game-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:8px;background:#6c757d1a;color:var(--text-light)}.game-status.live{background:var(--danger-color);color:#fff;animation:pulse 2s infinite}.game-status.finished{background:var(--success-color);color:#fff}.game-status.upcoming{background:#f59e0b1a;color:var(--secondary-color)}.game-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:.75rem}.team{display:flex;align-items:center;gap:.5rem}.team.home{justify-content:flex-start}.team.away{justify-content:flex-end;text-align:right}.team-name{font-weight:600;color:var(--text-dark);font-size:.95rem}.score-display{text-align:center;min-width:80px}.score{font-size:1.5rem;font-weight:700;color:var(--primary-color);background:#1e40af1a;padding:.5rem .75rem;border-radius:8px;display:inline-block;min-width:60px;text-align:center}.score.vs{background:#f59e0b1a;color:var(--secondary-color);font-size:1rem;font-weight:600}.game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e0e0e0}.venue-info{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:.25rem}.view-details-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.view-details-btn:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:0 4px 12px #1e40af4d}.loading-games,.loading-state{text-align:center;padding:2rem;color:var(--text-light);font-style:italic;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-games:before,.loading-state:before{content:"⏳";font-size:2rem;animation:spin 2s linear infinite}.no-games,.empty-state{text-align:center;padding:2rem;color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:1rem}.no-games-icon,.empty-icon{font-size:3rem;opacity:.5}.empty-state.small{padding:1rem}.error-state{text-align:center;padding:2rem;color:var(--danger-color);background:#dc26260d;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon{font-size:2rem}.match-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.match-detail-modal.hidden{display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0;background:var(--accent-gradient);color:#fff;border-radius:20px 20px 0 0}.modal-header h3{margin:0;font-size:1.3rem;font-weight:700}.modal-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:1.5rem}.match-details{display:flex;flex-direction:column;gap:1.5rem}.match-header-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:12px}.league-info{display:flex;flex-direction:column;gap:.25rem}.league-name{font-weight:700;color:var(--primary-color);font-size:1.1rem}.match-date{font-size:.875rem;color:var(--text-light)}.match-status-large{font-weight:700;padding:.5rem 1rem;border-radius:12px;font-size:1rem}.match-status-large.live{background:var(--danger-color);color:#fff;animation:pulse 2s infinite}.match-status-large.finished{background:var(--success-color);color:#fff}.match-status-large.upcoming{background:#f59e0b1a;color:var(--secondary-color)}.teams-detailed{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-radius:16px}.team-detailed{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.team-crest{width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;border:3px solid rgba(245,158,11,.3)}.team-detailed h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-dark)}.team-score{font-size:2.5rem;font-weight:700;color:var(--primary-color);background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #1e40af33}.vs-separator{display:flex;align-items:center;justify-content:center}.final-score{font-size:2rem;font-weight:700;color:var(--primary-color);background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 15px #1e40af33}.vs-text{font-size:1.5rem;font-weight:700;color:var(--secondary-color);background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 15px #f59e0b33}.venue-time-info{display:grid;gap:.75rem;background:#f8f9fa;padding:1.5rem;border-radius:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-label{font-weight:600;color:var(--text-light);font-size:.875rem}.info-value{font-weight:600;color:var(--text-dark)}.loading-additional{text-align:center;padding:2rem;color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{font-size:1.5rem;animation:spin 2s linear infinite}.no-additional-data{text-align:center;color:var(--text-light);font-style:italic;padding:1rem}.stats-section{margin-top:1rem}.stats-section h4{margin:0 0 1rem;color:var(--primary-color);font-weight:700}.stats-grid{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.stat-home,.stat-away{font-weight:700;color:var(--primary-color);text-align:center}.stat-name{font-weight:600;color:var(--text-dark);text-align:center;font-size:.875rem}.events-section{margin-top:1rem}.events-section h4{margin:0 0 1rem;color:var(--primary-color);font-weight:700}.events-timeline{display:flex;flex-direction:column;gap:.5rem}.event-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color)}.event-item.away{border-left-color:var(--secondary-color);flex-direction:row-reverse;text-align:right}.event-time{font-weight:700;color:var(--primary-color);min-width:40px;font-size:.875rem}.event-type{font-size:1.2rem;min-width:30px;text-align:center}.event-details{flex:1;font-weight:600;color:var(--text-dark);font-size:.875rem}.lineups-section{margin-top:1rem}.lineups-section h4{margin:0 0 1rem;color:var(--primary-color);font-weight:700}.lineups-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lineup{background:#f8f9fa;padding:1rem;border-radius:12px}.lineup h5{margin:0 0 .5rem;color:var(--primary-color);font-weight:700;text-align:center}.formation{text-align:center;font-weight:600;color:var(--secondary-color);margin-bottom:1rem;font-size:.875rem}.players-list{display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:8px}.player-number{font-weight:700;color:var(--primary-color);min-width:30px;text-align:center;font-size:.875rem}.player-name{flex:1;font-weight:600;color:var(--text-dark);font-size:.875rem}.educational-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);padding:1.5rem;border-radius:12px;margin-top:1rem}.educational-info h4{margin:0 0 .75rem;color:var(--primary-color);font-weight:700}.educational-info p{margin:0;color:var(--text-dark);line-height:1.5;font-weight:500}.video-modal-content{display:flex;flex-direction:column;gap:1.5rem}.video-info{background:#f8f9fa;padding:1.5rem;border-radius:12px}.video-info h4{margin:0 0 1rem;color:var(--primary-color);font-weight:700}.video-info p{margin:.5rem 0;color:var(--text-dark)}.video-actions{text-align:center;padding:1rem}.video-actions .btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.video-unavailable{background:#6c757d1a;padding:1.5rem;border-radius:12px;text-align:center}.video-unavailable p{margin:0;font-style:italic}.highlight-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;border-radius:8px;margin-bottom:.5rem;background:#fff;position:relative;border:2px solid transparent}.highlight-item.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.highlight-item.clickable:hover{background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 15px #00000026;border-color:var(--primary-color)}.highlight-item.clickable:active{transform:translateY(1px);box-shadow:0 2px 8px #0000001a;background:#1e40af1a}.highlight-item.clickable:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af33}.highlight-item:last-child{border-bottom:none;margin-bottom:0}.highlight-item:hover{background:#1e40af05;transform:translate(2px);box-shadow:0 2px 8px #0000001a}.highlight-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.highlight-thumbnail{position:relative;width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--accent-gradient);cursor:pointer;transition:all .3s ease;border:2px solid transparent;z-index:1}.highlight-item.clickable .highlight-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;border-color:#f59e0b80}.highlight-item.clickable .highlight-thumbnail:active{transform:scale(1.02);box-shadow:0 2px 8px #0000004d}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:all .3s ease}.highlight-item.clickable .thumbnail-image:hover{filter:brightness(1.1)}.placeholder-thumbnail{width:100%;height:100%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;border-radius:8px;transition:all .3s ease}.highlight-item.clickable .placeholder-thumbnail:hover{background:linear-gradient(135deg,#f59e0b,#1e40af)}.video-duration{position:absolute;bottom:4px;right:4px;background:#000000e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.highlight-info{flex:1;display:flex;flex-direction:column;justify-content:center}.highlight-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.highlight-meta{font-size:.875rem;color:var(--text-light)}.daily-quote{text-align:center;padding:1rem}.daily-quote blockquote{font-size:1.1rem;font-style:italic;color:var(--text-dark);margin:0 0 1rem;line-height:1.5}.daily-quote cite{font-size:.875rem;color:var(--secondary-color);font-weight:600}.ai-badge{background:var(--accent-gradient);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recommendation-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.recommendation-item:last-child{border-bottom:none}.recommendation-item:hover{background:#1e40af05;border-radius:8px;margin:0 -1rem;padding:1.5rem 1rem}.recommendation-icon{width:50px;height:50px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.recommendation-content{flex:1}.recommendation-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem}.recommendation-description{color:var(--text-light);margin-bottom:.5rem;line-height:1.4}.recommendation-benefit{font-size:.875rem;color:var(--success-color);font-weight:600}.achievement-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.achievement-item:last-child{border-bottom:none}.achievement-item:hover{background:#1e40af05;border-radius:8px;margin:0 -.5rem;padding:1rem .5rem}.achievement-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.achievement-item.common .achievement-icon{background:#6c757d1a;color:#6c757d}.achievement-item.rare .achievement-icon{background:#007bff1a;color:#007bff}.achievement-item.epic .achievement-icon{background:#dc35451a;color:#dc3545}.achievement-item.legendary .achievement-icon{background:var(--trophy-gradient);color:#fff}.achievement-content{flex:1}.achievement-title{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.achievement-description{font-size:.875rem;color:var(--text-light)}.achievement-date{font-size:.75rem;color:var(--text-light);opacity:.8}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#1e40af05;border-radius:8px;margin:0 -.5rem;padding:1rem .5rem}.activity-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.activity-details{font-size:.875rem;color:var(--text-light);margin-bottom:.25rem}.activity-time{font-size:.75rem;color:var(--text-light);opacity:.8}.activity-reward{font-weight:600;color:var(--secondary-color);font-size:.875rem}.refresh-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:var(--text-light)}.refresh-btn:hover{background:#1e40af1a;color:var(--primary-color);transform:rotate(180deg)}.view-all-link{color:var(--secondary-color);text-decoration:none;font-size:.875rem;font-weight:600;transition:color .3s ease}.view-all-link:hover{color:var(--gold-light);text-decoration:underline}.live-scores-section .section-content,.highlights-section .section-content{padding:1rem 1.5rem 1.5rem}.motivation-section{background:linear-gradient(135deg,#f8fafc,#e3f2fd)}.navigation-section{background:linear-gradient(135deg,#fff8e1,#f3e5f5)}.achievements-section .achievement-item.legendary{background:linear-gradient(135deg,#f59e0b0d,#fbbf240d);border-radius:8px;margin:0 -.5rem;padding:1rem .5rem}.activity-section .activity-item:first-child{border-top:2px solid var(--accent-gradient);border-radius:8px 8px 0 0;background:#1e40af05}#startFirstPractice{margin-top:1rem;padding:.75rem 1.5rem;font-weight:600}.recommendation-item button[data-action]{padding:.5rem 1rem;font-size:.875rem;border-radius:8px;transition:all .3s ease}.recommendation-item button[data-action]:hover{transform:translateY(-1px)}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.navigation-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{gap:1.5rem}.player-welcome-card{flex-direction:column;text-align:center;padding:1.5rem}.welcome-title{font-size:1.5rem}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem;min-height:80px}.stat-icon{font-size:2rem}.stat-number{font-size:1.5rem}.section-header{padding:1rem 1rem .5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.section-content{padding:1rem}.scores-sections{gap:1.5rem}.scores-section{padding:1rem}.section-title{flex-direction:column;align-items:flex-start;gap:.5rem}.section-title h4{font-size:1.1rem}.game-teams{grid-template-columns:1fr;gap:.75rem;text-align:center}.team{justify-content:center}.game-footer{flex-direction:column;gap:.75rem;align-items:center}.modal-content{margin:.5rem;max-height:95vh}.modal-header,.modal-body{padding:1rem}.teams-detailed{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.vs-separator{order:-1}.lineups-grid{grid-template-columns:1fr}.venue-time-info{padding:1rem}.highlight-thumbnail{width:100px;height:56px}.recommendation-item{flex-direction:column;align-items:flex-start;text-align:center}.navigation-grid{grid-template-columns:1fr}.nav-quick-btn{padding:.75rem}.nav-btn-icon{width:40px;height:40px;font-size:1.25rem}}@media (max-width: 480px){.dashboard-stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.75rem}.match-detail-modal{padding:.5rem}.modal-content{margin:0;border-radius:16px}.game-card{padding:.75rem}.score{font-size:1.25rem;padding:.375rem .5rem}.team-detailed h3{font-size:1rem}.team-score,.final-score{font-size:2rem}.stats-grid{gap:.5rem}.stat-item{padding:.5rem;font-size:.875rem}.highlight-item{flex-direction:column;align-items:flex-start;padding:.75rem}.highlight-thumbnail{width:100%;height:120px;margin-bottom:.5rem}.recommendation-item{padding:1rem 0}.activity-item,.achievement-item{padding:.75rem 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-section{animation:fadeInUp .6s ease-out}.dashboard-section:nth-child(2){animation-delay:.1s}.dashboard-section:nth-child(3){animation-delay:.2s}.dashboard-section:nth-child(4){animation-delay:.3s}.dashboard-section:nth-child(5){animation-delay:.4s}.dashboard-section:nth-child(6){animation-delay:.5s}.dashboard-section:nth-child(7){animation-delay:.6s}.dashboard-section:nth-child(8){animation-delay:.7s}.highlight-item[tabindex="0"]:focus,.game-card:focus,.nav-quick-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px;background:#1e40af0d}.view-details-btn:focus{outline:2px solid white;outline-offset:2px}.modal-close:focus{outline:2px solid white;outline-offset:2px}@media (prefers-color-scheme: dark){.dashboard-section{background:#1a1a1a;border-color:#f59e0b33}.stat-card{background:#1a1a1a}.nav-quick-btn{background:#1a1a1a;border-color:#333}.game-card,.highlight-item,.scores-section{background:#1a1a1a}}.session-complete-title{color:var(--primary-color);margin-bottom:20px}.session-complete-form,.save-button-container{margin-top:20px}``` ```css .session-results-content{text-align:left;margin:20px 0}.session-results-content p{margin:10px 0;font-size:1rem;line-height:1.5}.session-results-content strong{color:var(--primary-color)}.timer-display{font-size:56px;font-weight:700;color:var(--secondary-color);margin:30px 0;text-align:center;font-family:var(--font-primary);text-shadow:0 2px 4px rgba(245,158,11,.3)}.timer-controls{display:flex;gap:10px;justify-content:center;margin:20px 0}.full-screen-timer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e40af,#7c2d92);z-index:10000;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-primary);user-select:none;-webkit-user-select:none;cursor:pointer}.full-screen-timer-container{text-align:center;width:100%;max-width:600px;padding:2rem}.drill-name-display{font-size:1.5rem;font-weight:600;margin-bottom:2rem;opacity:.9;color:var(--secondary-color)}.timer-main-display{font-size:clamp(4rem,15vw,8rem);font-weight:700;margin:2rem 0;text-shadow:0 4px 8px rgba(0,0,0,.3);color:#fff;line-height:1;transition:color .3s ease}.timer-progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;margin:2rem 0;overflow:hidden}.progress-fill{height:100%;background:var(--secondary-color);border-radius:4px;transition:width 1s linear;width:100%}.timer-controls-minimal{display:flex;gap:2rem;justify-content:center;margin:2rem 0;opacity:.8;transition:opacity .3s ease}.timer-controls-minimal.hidden{opacity:0;pointer-events:none}.timer-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;width:80px;height:80px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.timer-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.timer-btn:active{transform:scale(.95)}.timer-instructions{margin-top:2rem;opacity:.6;font-size:1rem;animation:fadeInOut 3s ease-in-out infinite}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e40aff2,#7c2d92f2);z-index:9999;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-container{text-align:center}.countdown-title{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color)}.countdown-number{font-size:6rem;font-weight:700;margin:2rem 0;text-shadow:0 4px 8px rgba(0,0,0,.3);transition:color .3s ease}.countdown-subtitle{font-size:1.25rem;opacity:.8}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:.3}}.countdown-pulse{animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.countdown-go{color:var(--secondary-color);animation:countdownPulse 1s ease-in-out}.timer-main-display.warning{color:#f59e0b;animation:pulse 1s ease-in-out infinite}.timer-main-display.danger{color:#dc2626;animation:pulse .5s ease-in-out infinite}@media (max-width: 768px){.timer-display{font-size:48px}.drill-name-display{font-size:1.25rem;margin-bottom:1.5rem}.timer-btn{width:60px;height:60px;font-size:1.5rem}.timer-controls-minimal{gap:1.5rem}.countdown-title{font-size:1.5rem}.countdown-number{font-size:4.5rem}.countdown-subtitle{font-size:1rem}}@media (max-width: 480px){.timer-display{font-size:40px}.full-screen-timer-container{padding:1rem}.timer-btn{width:50px;height:50px;font-size:1.25rem}.timer-controls-minimal{gap:1rem}.drill-name-display{font-size:1rem;margin-bottom:1rem}.timer-instructions{font-size:.875rem}.countdown-number{font-size:3.5rem;margin:1.5rem 0}}@media (orientation: landscape) and (max-height: 500px){.full-screen-timer-container{padding:1rem}.drill-name-display{font-size:1rem;margin-bottom:.5rem}.timer-main-display,.timer-progress-bar,.timer-controls-minimal{margin:1rem 0}.timer-instructions{margin-top:1rem;font-size:.875rem}.countdown-container{transform:scale(.8)}}.analysis-video{width:100%;max-width:600px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.analysis-canvas{position:absolute;top:0;left:0;pointer-events:none;border-radius:8px}#analysisResults{margin-top:20px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.analysis-results-container{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-radius:12px;border:1px solid #ddd;max-width:100%;overflow-x:auto}.analysis-score-section{text-align:center;margin-bottom:25px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.analysis-score-section h3{margin:0 0 10px;color:#1e40af}.analysis-score-display{font-size:36px;font-weight:700;margin:10px 0}.analysis-progress-bar{background:#f0f0f0;height:8px;border-radius:4px;margin:10px 0;overflow:hidden}.analysis-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.analysis-score-message{margin:5px 0;color:#666;font-size:14px}.analysis-section{margin:20px 0;padding:15px;border-radius:6px}.analysis-strengths{background:#4caf501a;border-left:4px solid #4caf50}.analysis-strengths h4{margin:0 0 10px;color:#2e7d32}.analysis-strengths ul{margin:0;padding-left:20px;line-height:1.6}.analysis-strengths li{margin:5px 0;color:#2e7d32}.analysis-improvements{background:#ffc1071a;border-left:4px solid #ffc107}.analysis-improvements h4{margin:0 0 10px;color:#f57c00}.analysis-improvements ul{margin:0;padding-left:20px;line-height:1.6}.analysis-improvements li{margin:5px 0;color:#f57c00}.analysis-tips{background:#2196f31a;border-left:4px solid #2196f3}.analysis-tips h4{margin:0 0 10px;color:#1976d2}.analysis-tips ul{margin:0;padding-left:20px;line-height:1.6}.analysis-tips li{margin:5px 0;color:#1976d2}.analysis-breakdown{margin:20px 0}.analysis-breakdown h4{color:#333;margin-bottom:15px}.analysis-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.analysis-metric{padding:10px;background:#fff;border-radius:6px;text-align:center}.metric-label{font-weight:700;color:#666;margin-bottom:5px}.metric-score{font-size:20px;font-weight:700}.analysis-next-steps{background:#9c27b01a;border-left:4px solid #9c27b0}.analysis-next-steps h4{margin:0 0 10px;color:#7b1fa2}.analysis-next-steps p{margin:0;color:#7b1fa2;line-height:1.6}.basic-analysis-results{padding:20px;background:#f8f9fa;border-radius:10px}.basic-analysis-results h4{color:#1e40af;margin:0 0 15px}.basic-analysis-results ul{margin:15px 0;padding-left:20px}.basic-analysis-note{font-style:italic;color:#666;margin-top:15px}.progress-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.progress-section h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem}.stat-card{background:#fff;border:2px solid rgba(30,64,175,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--secondary-color);box-shadow:0 8px 25px #1e40af26}.stat-card .stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;color:var(--text-light);font-weight:500}.recent-sessions{margin-bottom:2rem}.recent-sessions h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.25rem}.sessions-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #1e40af1a;border:2px solid rgba(245,158,11,.1)}.sessions-empty-message{text-align:center;color:var(--text-light);padding:2rem}.sign-out-container{text-align:center;margin-top:30px}.sessions-table{width:100%;border-collapse:collapse}.sessions-table th{background:var(--accent-gradient);color:#fff;padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem}.sessions-table td{padding:.75rem;border-bottom:1px solid #f0f0f0}.sessions-table .session-row:hover{background:#1e40af0d}.sessions-table .session-row:last-child td{border-bottom:none}.date-cell{font-weight:600;color:var(--primary-color)}.drill-cell{font-weight:500}.minutes-cell{color:var(--secondary-color);font-weight:600}.result-cell{color:var(--success-color);font-weight:600}.progress-charts{margin-top:2rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #1e40af1a;border:2px solid rgba(245,158,11,.1);transition:all .3s ease}.chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1e40af26}.chart-header h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem;text-align:center}.bar-chart{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;flex-direction:column;gap:.25rem}.bar-label{font-size:.875rem;font-weight:500;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-container{position:relative;background:#f0f0f0;border-radius:8px;height:24px;display:flex;align-items:center}.bar-fill{background:var(--accent-gradient);height:100%;border-radius:8px;transition:width .6s ease;min-width:2px}.bar-value{position:absolute;right:8px;font-size:.75rem;font-weight:600;color:var(--text-dark)}.line-chart{height:150px;position:relative}.chart-grid{position:relative;height:120px;border-bottom:2px solid #e0e0e0;border-left:2px solid #e0e0e0}.chart-point{position:absolute;width:8px;height:8px}.point-marker{width:8px;height:8px;background:var(--secondary-color);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer;transition:all .3s ease}.point-marker:hover{transform:scale(1.5);background:var(--primary-color)}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-light)}.gauge-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.streak-gauge{position:relative;width:120px;height:120px}.gauge-track,.gauge-fill{position:absolute;top:0;left:0;width:120px;height:120px;border-radius:50%;border:8px solid;border-color:#e0e0e0;border-top-color:transparent;border-right-color:transparent;transform:rotate(-90deg)}.gauge-fill{border-color:transparent;border-top-color:var(--secondary-color);border-right-color:var(--secondary-color);stroke-dasharray:0,251;transition:stroke-dasharray 1s ease}.gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.gauge-label{display:block;font-size:.75rem;color:var(--text-light)}.streak-stats{display:flex;gap:2rem}.streak-stat{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700}.stat-value.current{color:var(--secondary-color)}.stat-value.best{color:var(--primary-color)}.weekly-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .3s ease;background:#fff}.calendar-day.today{border-color:var(--primary-color);background:#1e40af0d}.calendar-day.practiced{background:var(--accent-gradient);color:#fff;border-color:var(--secondary-color)}.calendar-day.future{opacity:.4}.day-name{font-size:.75rem;font-weight:600}.day-number{font-size:1rem;font-weight:700}.day-indicator{font-size:.875rem;height:1.125rem;display:flex;align-items:center}@media (max-width: 768px){.progress-summary{grid-template-columns:1fr;gap:1.5rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-container{padding:1rem}.stats-grid{grid-template-columns:repeat(3,1fr)}.streak-stats{gap:1rem}}@media (max-width: 480px){.sessions-table th,.sessions-table td{padding:.5rem .25rem;font-size:.875rem}.stat-card .stat-number{font-size:1.5rem}.weekly-calendar{gap:.25rem}.day-name{font-size:.625rem}.day-number{font-size:.875rem}}.leaderboard-controls{margin:20px 0}.period-buttons-container{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.view-buttons-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.rank-header{text-align:center;width:60px}.leaderboard-empty-message{text-align:center;color:var(--text-light)}.leaderboard-view-selector{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:0 1rem}.view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--primary-color);border-radius:25px;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:600;font-size:1rem;position:relative;overflow:hidden;min-width:120px;justify-content:center;color:var(--primary-color);box-shadow:0 2px 8px #1e40af1a}.view-btn:hover{background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 15px #1e40af33;border-color:var(--secondary-color)}.view-btn.active{background:var(--accent-gradient);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1e40af4d}.view-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 2s ease-in-out infinite}.view-icon{font-size:1.25rem;line-height:1}.view-text{font-size:1rem;line-height:1}.leaderboard-controls{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;padding:0 1rem}.period-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--primary-color);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:80px;font-family:inherit;position:relative;overflow:hidden;color:var(--primary-color);box-shadow:0 2px 8px #1e40af1a}.period-btn:hover{background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af33;border-color:var(--secondary-color)}.period-btn.active{background:var(--accent-gradient);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1e40af4d}.period-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 2s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.period-icon{font-size:1.5rem;line-height:1}.period-text{font-size:.875rem;font-weight:600;line-height:1}.period-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;background:#f5f5f5;color:#999;border-color:#ddd}.leaderboard-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #1e40af1a;margin:0 1rem;border:2px solid rgba(245,158,11,.1)}.leaderboard-table-wrapper{overflow-x:auto;overflow-y:hidden}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}.leaderboard-table thead{background:var(--accent-gradient);color:#fff}.leaderboard-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border:none;position:relative}.leaderboard-table th:first-child{text-align:center}.leaderboard-table th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:#ffffff4d}.rank-col{width:15%;text-align:center}.name-col{width:35%}.days-col,.drills-col{width:15%;text-align:center}.tokens-col{width:20%;text-align:center}.leaderboard-table td{padding:1rem .75rem;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.leaderboard-table td:first-child,.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5){text-align:center}.leaderboard-table tbody tr:hover{background:#1e40af0d}.leaderboard-table tbody tr:last-child td{border-bottom:none}.rank-display{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.rank-display.medal{font-size:1.5rem}.current-user-row{background:linear-gradient(135deg,#1e40af14,#f59e0b14)!important;border-left:4px solid var(--secondary-color);font-weight:600;position:relative}.current-user-row:before{content:"👤";position:absolute;left:-2px;top:50%;transform:translateY(-50%);background:var(--secondary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.current-user-row:hover{background:linear-gradient(135deg,#1e40af1f,#f59e0b1f)!important}.player-name{font-weight:600;color:var(--text-dark)}.player-name.current-user{color:var(--primary-color)}.you-badge{display:inline-block;background:var(--secondary-color);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-weight:600;color:var(--text-dark)}.stat-value.tokens{color:var(--secondary-color);font-weight:700}.stat-value.days{color:var(--primary-color)}.stat-value.drills{color:var(--navy-light)}.loading-row,.empty-row,.error-row{text-align:center!important;padding:3rem 1rem!important;color:var(--text-light);font-style:italic}.loading-row{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-row{color:var(--danger-color);background:#ffeaea}.error-details{font-size:.875rem;margin-top:.5rem;opacity:.8}.team-info-message{display:none;text-align:center;padding:10px;background:#e3f2fd;border-radius:8px;margin:15px 1.5rem;color:#1976d2;opacity:0;transform:translateY(10px);transition:all .3s ease}.team-info-message.show{opacity:1;transform:translateY(0)}.info-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1e40af0d,#f59e0b0d);border:1px solid rgba(30,64,175,.2);border-radius:12px;font-size:.9rem;color:var(--primary-color)}.info-icon{font-size:1.25rem;flex-shrink:0;color:var(--secondary-color)}.info-text{line-height:1.5}@media (max-width: 768px){.leaderboard-container{margin:0 .5rem}.leaderboard-view-selector{gap:.5rem}.view-btn{min-width:100px;padding:.6rem 1.25rem}.leaderboard-table{font-size:.875rem}.leaderboard-table th,.leaderboard-table td{padding:.75rem .5rem}.period-text{display:none}.period-btn{min-width:60px}.team-info-message{margin:1rem .5rem}}@media (max-width: 480px){.view-btn{min-width:90px;padding:.5rem 1rem;font-size:.9rem}.view-icon{font-size:1.1rem}.leaderboard-controls{gap:.25rem}.period-btn{min-width:70px;padding:.5rem .75rem}.period-icon{font-size:1.25rem}.period-text{font-size:.75rem}.leaderboard-table{font-size:.8rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .25rem}.you-badge{display:block;margin:.25rem 0 0;font-size:.7rem}.current-user-row:before{display:none}.info-card{padding:.75rem 1rem;font-size:.85rem}}.ai-coach-section{background:linear-gradient(135deg,#1e40af,#7c2d92);color:#fff;border-radius:20px;padding:30px;margin:20px 0;box-shadow:0 10px 30px #1e40af4d;border:2px solid rgba(245,158,11,.2)}.coach-header{text-align:center;margin-bottom:30px}.coach-avatar{width:100px;height:100px;border-radius:50%;background:#f59e0b33;display:flex;align-items:center;justify-content:center;font-size:50px;margin:0 auto 20px;border:3px solid var(--secondary-color);transition:transform .3s ease}.coach-avatar:hover{transform:scale(1.05)}.coach-name{font-size:24px;font-weight:700;margin-bottom:10px}.coach-subtitle{opacity:.9;font-size:16px}.chat-container{background:#ffffff1a;border-radius:15px;padding:20px;margin:20px 0;max-height:400px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) transparent}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.chat-message{margin:15px 0;padding:15px;border-radius:12px;animation:fadeIn .5s ease-in;line-height:1.6}.chat-message.user{background:#f59e0b33;margin-left:20px;text-align:right;border-left:4px solid var(--secondary-color)}.chat-message.coach{background:#ffffff1a;margin-right:30px;border-left:4px solid var(--secondary-color)}.chat-input-container{display:flex;gap:10px;margin-top:20px}.chat-input{flex:1;padding:15px 20px;border:none;border-radius:25px;font-size:16px;font-family:var(--font-secondary);transition:box-shadow .3s ease}.chat-input:focus{outline:none;box-shadow:0 0 0 3px #f59e0b4d}.chat-send-btn{padding:15px 25px;background:var(--secondary-color);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f59e0b4d}.chat-send-btn:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.chat-send-btn:active{transform:translateY(0)}.quick-questions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:20px 0}.quick-question-btn{padding:12px 20px;background:#f59e0b33;color:#fff;border:1px solid rgba(245,158,11,.3);border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s;font-weight:500}.quick-question-btn:hover{background:#f59e0b4d;transform:translateY(-1px);border-color:var(--secondary-color)}.coaching-insights-panel{margin-top:15px;padding:15px;background:#f59e0b1a;border-radius:10px;border-left:4px solid var(--secondary-color);line-height:1.5;animation:slideIn .5s ease-out}.coaching-insights-header{font-size:12px;opacity:.8;margin-bottom:10px}.coaching-focus-area{margin-bottom:12px}.coaching-focus-title{color:var(--secondary-color);font-weight:700}.coaching-focus-list{margin-top:5px;padding-left:10px}.coaching-bullet{color:var(--secondary-color)}.coaching-next-session{margin-top:5px;padding-left:10px;font-style:italic}.coaching-status-indicators{display:flex;gap:15px;font-size:11px;opacity:.7;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.coach-message-emoji{margin:0 2px}.coach-level-highlight,.coach-days-highlight,.coach-bullet-point{color:var(--secondary-color);font-weight:700}.coach-bold-text{color:var(--secondary-color)}.typing-indicator{opacity:.8}.typing-dots{margin-left:5px}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}@media (max-width: 480px){.quick-questions{grid-template-columns:1fr 1fr;gap:8px}.quick-question-btn{padding:10px 16px;font-size:13px}}.profile-avatar-section{text-align:center;margin-bottom:30px}.avatar-display-container{display:inline-block;position:relative}.avatar-display{width:120px;height:120px;border-radius:50%;background:var(--bg-gradient);display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;cursor:pointer;transition:transform .3s}.profile-display-name{margin-top:15px}.profile-level-tokens{color:var(--text-light)}.avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px}.profile-save-buttons{text-align:center;margin-top:30px}#avatarDisplay{width:120px;height:120px;border-radius:50%;background:var(--bg-gradient);display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;cursor:pointer;transition:transform .3s}#avatarDisplay:hover{transform:scale(1.05)}#avatarOptions{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px}.avatar-option{width:60px;height:60px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;transition:all .3s;border:3px solid transparent}.avatar-option:hover{transform:scale(1.1);border-color:var(--secondary-color)}.avatar-option.selected{border-color:var(--primary-color);background:#e8f5e8;box-shadow:0 4px 15px #1e40af4d}#profileDisplayName{margin-top:15px;font-size:24px;font-weight:600;color:var(--text-dark)}#profileLevel,#profileTokens{color:var(--primary-color);font-weight:600}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}#profileCountry{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.token-display-stats{max-width:200px;margin:20px auto}.token-stat-item{background:var(--bg-gradient)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.collection-empty-message{grid-column:1 / -1;color:var(--text-light);text-align:center}.pack-animation{text-align:center;padding:40px}.pack-image{font-size:100px;margin:20px 0;cursor:pointer;transition:all .3s;display:inline-block}.pack-image:hover{transform:scale(1.1) rotate(5deg)}.reward-reveal{background:var(--trophy-gradient);color:#fff;padding:30px;border-radius:20px;margin:20px 0;text-align:center;animation:championshipGlow 2s infinite;box-shadow:0 10px 30px #f59e0b66}#collectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.collection-item{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 15px #1e40af1a;border:2px solid rgba(245,158,11,.1);transition:all .3s ease}.collection-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af26}.collection-item-icon{font-size:48px;margin-bottom:10px}.collection-item-name{font-weight:600;color:var(--primary-color);margin-bottom:5px}.collection-item-rarity{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.pack-image{font-size:80px}#collectionGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}.analysis-input-section{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.analysis-input-section label{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;display:block}.analysis-input-section select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .3s ease}.analysis-input-section select:focus{outline:none;border-color:var(--primary-color)}.video-input-section{margin-bottom:2rem}.recording-section,.upload-section{background:#fff;border:2px solid #e8f4fd;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.recording-section h4,.upload-section h4{color:var(--primary-color);margin-bottom:.5rem}.help-text{color:var(--text-light);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.recording-controls,.upload-controls{display:flex;justify-content:center;margin:1.5rem 0}.upload-label{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;text-align:center}.upload-label:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.recording-tips,.upload-tips{background:#f8f9fa;border-radius:8px;padding:1rem;margin-top:1rem}.recording-tips h5,.upload-tips h5{margin-bottom:.75rem;color:var(--text-dark);font-size:.9rem}.recording-tips ul,.upload-tips ul{margin:0;padding-left:1.2rem}.recording-tips li,.upload-tips li{font-size:.85rem;color:var(--text-light);margin-bottom:.25rem;line-height:1.3}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#e0e0e0,transparent)}.divider span{background:#fff;padding:0 1.5rem;color:var(--text-light);font-weight:600;font-size:.9rem}.video-preview-section{margin:2rem 0}.video-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.video-container h4{margin-bottom:1rem;color:var(--primary-color);text-align:center}.video-wrapper{position:relative;display:flex;justify-content:center;background:#000;border-radius:8px;overflow:hidden}#recordPreview,#analysisVideo{max-width:100%;height:auto;display:block}#analysisCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#countdownOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:1000;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#recordingTimer{position:absolute;top:10px;right:10px;background:#f44336e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;z-index:1000;display:flex;align-items:center;gap:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.analysis-controls{text-align:center;margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:12px}.analysis-help-text{margin-top:1rem;color:var(--text-light);font-size:.9rem;line-height:1.6}#realTimeFeedback{background:#000000d9;color:#fff;padding:1rem;border-radius:8px;margin:1rem 0;font-size:.9rem;line-height:1.4;border-left:4px solid var(--primary-color)}.analysis-results-section{margin:2rem 0}.analysis-loading{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin:1rem 0}.loading-spinner{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.analysis-history-section{background:#fff;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 2px 8px #0000001a}.history-container{max-height:300px;overflow-y:auto}#analysisHistory{list-style:none;padding:0;margin:0}#analysisHistory li{padding:1rem;border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}#analysisHistory li:hover{background-color:#f8f9fa}#analysisHistory li:last-child{border-bottom:none}.no-history{text-align:center;color:var(--text-light);font-style:italic;padding:2rem}.pro-tips-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin:2rem 0}.pro-tips-section h3{text-align:center;margin-bottom:1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tip-card{background:#ffffff1a;border-radius:8px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.tip-card:hover{transform:translateY(-4px)}.tip-icon{font-size:2rem;margin-bottom:1rem}.tip-card h4{margin-bottom:.75rem;font-size:1.1rem}.tip-card p{font-size:.9rem;line-height:1.4;opacity:.9}.error-message{background:#ffebee;color:#c62828;padding:1.5rem;border-radius:8px;margin:1rem 0;border-left:4px solid #f44336}.error-message h4{margin-bottom:1rem;color:#c62828}.error-message ul{margin:.5rem 0;padding-left:1.5rem}.success-message{background:#e8f5e8;color:#2e7d32;padding:1.5rem;border-radius:8px;margin:1rem 0;border-left:4px solid #4caf50}.success-message h4{margin-bottom:1rem;color:#2e7d32}@media (max-width: 768px){.recording-controls,.upload-controls{flex-direction:column;align-items:center;gap:1rem}.tips-grid{grid-template-columns:1fr}.video-container{padding:1rem}#countdownOverlay{font-size:2.5rem}#recordingTimer{top:5px;right:5px;padding:.25rem .5rem;font-size:.8rem}.analysis-input-section,.recording-section,.upload-section{padding:1rem}}#recordingContainer,#analysisContainer{display:none}#recordingContainer.show,#analysisContainer.show{display:block}#analysisCanvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10}#analysisVideo{position:relative;display:block;max-width:100%;height:auto}.analysis-container{position:relative;display:inline-block}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.countdown-number{font-size:72px;font-weight:700;margin-bottom:20px;animation:pulse 1s ease-in-out}.countdown-number.recording{color:#f44;animation:blink 1s infinite}.countdown-text{font-size:20px;text-align:center}.recording-timer{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;z-index:999}.recording-indicator{width:12px;height:12px;background:#f44;border-radius:50%;animation:blink 1s infinite}.video-wrapper{position:relative;max-width:100%;margin:0 auto;border-radius:8px;overflow:hidden}.video-wrapper video{width:100%;height:auto;display:block}#analysisCanvas{position:absolute;top:0;left:0;pointer-events:none}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.real-time-feedback{background:#000c;color:#fff;padding:12px;border-radius:8px;margin-top:10px}.feedback-header{display:flex;justify-content:space-between;margin-bottom:8px}.feedback-tip{font-size:14px;margin-bottom:8px}.quick-stats{display:flex;gap:15px;font-size:12px;opacity:.8}.gemini-analysis{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin:2rem 0;box-shadow:0 4px 15px #667eea4d}.gemini-analysis h4{margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.gemini-feedback{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.gemini-feedback h3,.gemini-feedback h4,.gemini-feedback h5{color:gold;margin:1rem 0 .5rem}.gemini-feedback p{line-height:1.8;margin-bottom:1rem}.gemini-feedback ul,.gemini-feedback ol{margin:1rem 0;padding-left:2rem}.gemini-feedback li{margin-bottom:.5rem;line-height:1.6}.gemini-feedback strong{color:gold;font-weight:600}.gemini-feedback em{color:#e0e0e0;font-style:italic}.vision-insights{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #FFD700}.vision-insights h5{color:gold;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.vision-insights p{margin:0;opacity:.9}.gemini-loading{display:flex;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.gemini-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}.gemini-error{background:#ff6b6b;color:#fff;padding:1.5rem;border-radius:8px;margin:1rem 0}@media (max-width: 768px){.gemini-analysis{padding:1.5rem}.gemini-feedback{padding:1rem}}.analysis-results-container{max-width:1200px;margin:0 auto;padding:20px}.analysis-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.analysis-score-ring{width:120px;height:120px;margin:20px auto;position:relative}.score-ring-circle{width:100%;height:100%;border-radius:50%;border:12px solid rgba(255,255,255,.2);position:relative}.score-ring-progress{position:absolute;top:-12px;left:-12px;width:100%;height:100%;border-radius:50%;border:12px solid white;border-bottom-color:transparent;border-right-color:transparent;transform:rotate(45deg)}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700}.unified-analysis{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}.analysis-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #f0f0f0}.analysis-tab{padding:10px 20px;background:none;border:none;cursor:pointer;font-weight:500;color:#666;position:relative;transition:all .3s}.analysis-tab.active{color:#667eea}.analysis-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea}.analysis-content{min-height:300px}.analysis-panel{display:none;animation:fadeIn .3s}.analysis-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;border-radius:12px;text-align:center;transition:transform .3s}.metric-card:hover{transform:translateY(-5px)}.metric-icon{font-size:2em;margin-bottom:10px}.metric-value{font-size:2em;font-weight:700;color:#333}.metric-label{color:#666;font-size:.9em;margin-top:5px}.ai-insights{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:25px;border-radius:12px;margin:20px 0}.ai-insights h4{display:flex;align-items:center;gap:10px;margin-bottom:15px}.insight-item{background:#fff;padding:15px;border-radius:8px;margin-bottom:10px;border-left:4px solid #667eea}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pose-skeleton{stroke:#0f0;stroke-width:3;fill:none;filter:drop-shadow(0 0 3px rgba(0,255,0,.5))}.pose-point{fill:#f06;stroke:#fff;stroke-width:2}.angle-display{position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.motion-trail{stroke:#ff09;stroke-width:2;fill:none;stroke-dasharray:5,5;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.feedback-pills{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.feedback-pill{background:#f0f0f0;padding:8px 16px;border-radius:20px;font-size:.9em;display:flex;align-items:center;gap:5px}.feedback-pill.positive{background:#d4f5d4;color:#2e7d2e}.feedback-pill.improvement{background:#fff3cd;color:#856404}.feedback-pill.tip{background:#d1ecf1;color:#0c5460}.progress-container{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);width:0%;transition:width .5s ease-out;border-radius:4px}.drag-over{background:#e3f2fd!important;border-color:#2196f3!important}.pulse{animation:pulse 2s infinite}.analyzing{position:relative;overflow:hidden}.real-time-feedback{position:fixed;bottom:20px;right:20px;background:#000c;color:#fff;padding:15px;border-radius:8px;max-width:300px;z-index:1000}.upload-progress{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px}.progress-bar{height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.info-message,.error-message{padding:15px;border-radius:8px;margin:10px 0}.info-message{background:#d4edda;border:1px solid #c3e6cb}.error-message{background:#f8d7da;border:1px solid #f5c6cb}.analysis-results-container{margin-top:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.unified-analysis-container{max-width:1400px;margin:0 auto;padding:2rem;background:#f8f9fa;border-radius:12px;animation:fadeIn .5s ease}.unified-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #667eea4d}.header-content{text-align:center}.analysis-title{font-size:2rem;margin-bottom:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.score-display{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.score-circle{width:150px;height:150px;position:relative;background:conic-gradient(var(--score-color) var(--score-rotation),rgba(255,255,255,.2) var(--score-rotation));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000001a;animation:rotateIn .8s ease}.score-inner{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;box-shadow:inset 0 2px 8px #0000001a}.score-number{font-size:3rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--score-color),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:.875rem;opacity:.7;margin-top:.25rem}.score-details{display:flex;flex-direction:column;align-items:center;gap:1rem}.grade-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #0003;animation:bounceIn .5s ease}.analysis-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta-icon{font-size:1.25rem}.meta-text{font-size:.875rem}.scorecards-section,.ai-analysis-section,.insights-section{margin-bottom:3rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem;color:#333;font-weight:600;display:flex;align-items:center;gap:.5rem}.scorecards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.scorecard{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(20px);border:1px solid #e0e0e0}.scorecard.revealed{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease forwards}.scorecard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#667eea}.biometrics-card{background:linear-gradient(135deg,#fff,#f3e5f5)}.video-intelligence-card{background:linear-gradient(135deg,#fff,#e8f5e9)}.technical-card{background:linear-gradient(135deg,#fff,#fff3e0)}.movement-card{background:linear-gradient(135deg,#fff,#e3f2fd)}.scorecard-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.scorecard-icon{font-size:1.5rem;animation:pulse 2s infinite}.scorecard-title{font-size:1.125rem;margin:0;font-weight:600;color:#333}.scorecard-metrics{margin-bottom:1rem}.metric-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.metric-name{flex:0 0 140px;font-size:.875rem;color:#666;font-weight:500}.metric-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.metric-fill{height:100%;border-radius:4px;transition:width 1s ease;position:relative;overflow:hidden}.metric-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}.metric-value{flex:0 0 45px;text-align:right;font-weight:700;font-size:.875rem;color:#333}.scorecard-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e0e0e0;font-size:.75rem;color:#666}.footer-stat{display:flex;align-items:center;gap:.25rem}.ai-analysis-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.ai-content-wrapper{min-height:200px}.gemini-response{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:1.5rem;border-radius:8px;animation:slideInLeft .5s ease}.gemini-content{line-height:1.8;color:#333}.gemini-content p{margin-bottom:1rem}.gemini-content p:last-child{margin-bottom:0}.gemini-content strong{color:#667eea;font-weight:600}.list-number{color:#667eea;font-weight:700;margin-right:.25rem}.ai-summary{font-size:1.1rem;font-weight:500;margin-bottom:1rem;padding:1rem;background:#667eea0d;border-radius:8px}.ai-analysis{margin-bottom:1rem}.ai-recommendations{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.ai-recommendations h5{color:#667eea;margin-bottom:.75rem}.ai-recommendations ul{list-style:none;padding:0}.ai-recommendations li{padding:.5rem 0 .5rem 1.5rem;position:relative}.ai-recommendations li:before{content:"→";position:absolute;left:0;color:#667eea}.ai-processing{text-align:center;padding:3rem}.pulse-loader{width:50px;height:50px;margin:0 auto 1rem;border:3px solid #667eea;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.no-content{text-align:center;color:#999;font-style:italic;padding:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.insight-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e0e0e0;animation:fadeInUp .5s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.strengths-card{background:linear-gradient(135deg,#fff,#e8f5e9);border-left:3px solid #4caf50}.improvements-card{background:linear-gradient(135deg,#fff,#fff3e0);border-left:3px solid #ff9800}.recommendations-card{background:linear-gradient(135deg,#fff,#e3f2fd);border-left:3px solid #2196f3}.insight-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.insight-icon{font-size:1.5rem}.insight-header h4{margin:0;font-size:1.125rem;color:#333}.insight-list{list-style:none;padding:0;margin:0}.insight-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555;line-height:1.5}.insight-list li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.technical-details-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.technical-details-section summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:#333;list-style:none;position:relative;padding-left:2rem}.technical-details-section summary:before{content:"▶";position:absolute;left:0;transition:transform .3s ease}.technical-details-section[open] summary:before{transform:rotate(90deg)}.technical-details-section[open] summary{margin-bottom:1.5rem}.technical-content{animation:fadeIn .3s ease}.technical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.technical-section{padding:1rem;background:#f8f9fa;border-radius:8px}.technical-section h5{margin-bottom:1rem;color:#333;font-weight:600;display:flex;align-items:center;gap:.5rem}.angles-table{width:100%;border-collapse:collapse;margin-top:1rem}.angles-table th,.angles-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.angles-table th{background:#f5f5f5;font-weight:600;color:#333}.angles-table tr:hover{background:#fafafa}.frame-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s ease}.stat-item:hover{background:#667eea05;border-color:#667eea}.stat-label{color:#666;font-weight:500}.stat-value{font-weight:700;color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.info-message,.error-message{padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.info-message{background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}.error-message{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.info-message h4,.error-message h4{margin-top:0;margin-bottom:.75rem}@media (max-width: 1200px){.unified-analysis-container{max-width:100%;padding:1.5rem}}@media (max-width: 768px){.unified-analysis-container{padding:1rem}.analysis-title{font-size:1.5rem}.score-display{flex-direction:column;gap:1.5rem}.score-circle{width:120px;height:120px}.score-inner{width:100px;height:100px}.score-number{font-size:2rem}.analysis-meta{flex-direction:column;gap:.5rem}.meta-item{width:100%;justify-content:center}.scorecards-grid,.insights-grid,.technical-grid{grid-template-columns:1fr}.scorecard{margin-bottom:1rem}.metric-name{flex:0 0 100px;font-size:.75rem}.metric-value{flex:0 0 35px;font-size:.75rem}.section-title{font-size:1.25rem}.ai-analysis-section,.gemini-response{padding:1rem}}@media (max-width: 480px){.unified-header{padding:1rem}.grade-badge{font-size:1.25rem;padding:.375rem 1rem}.scorecard{padding:1rem}.scorecard-footer{flex-direction:column;gap:.5rem}.insight-card{padding:1rem}}@media (prefers-color-scheme: dark){.unified-analysis-container{background:#1a1a1a;color:#e0e0e0}.scorecard,.ai-analysis-section,.insight-card,.technical-details-section{background:#2a2a2a;border-color:#3a3a3a}.section-title,.scorecard-title,.insight-header h4{color:#e0e0e0}.metric-name,.stat-label{color:#999}.metric-value,.stat-value,.gemini-content{color:#e0e0e0}.metric-bar{background:#3a3a3a}.scorecard-header,.scorecard-footer{border-color:#3a3a3a}}@media (max-width: 768px){.container{padding:15px}.card{padding:20px;margin:15px 0}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.nav-tabs{padding:3px;gap:3px}.nav-tab{padding:8px 10px;font-size:12px;min-width:80px}.btn{padding:10px 20px;font-size:14px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.container{padding:10px}.card{padding:15px;margin:10px 0;border-radius:15px}.stats-row{grid-template-columns:1fr;gap:8px}.nav-tab{padding:6px 8px;font-size:11px;min-width:70px}.btn{padding:8px 16px;font-size:13px}.form-group{margin:15px 0}.form-group input,.form-group select{padding:8px 10px;font-size:13px}.timer-display{font-size:36px;margin:20px 0}.side-selector{flex-direction:column;gap:8px}.side-btn{padding:10px 15px}}@media (max-width: 320px){.container{padding:8px}.card{padding:12px}.nav-tab{padding:5px 6px;font-size:10px;min-width:60px}.btn{padding:6px 12px;font-size:12px}.timer-display{font-size:32px;margin:15px 0}}#dashboardTab{display:block!important}#dashboardTab.hidden{display:none!important}@media print{.nav-tabs,.btn,.timer-controls,.chat-input-container{display:none!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}