.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}.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}.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}}.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}.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}@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}}.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}:root{--color-primary: #1e40af;--color-primary-light: #3b82f6;--color-primary-dark: #1d4ed8;--color-secondary: #f59e0b;--color-secondary-light: #fbbf24;--color-secondary-dark: #d97706;--color-success: #059669;--color-success-light: #10b981;--color-success-dark: #2e7d32;--color-success-accent: #4caf50;--color-danger: #dc2626;--color-danger-light: #ef4444;--color-warning: #f97316;--color-warning-accent: #ffc107;--color-warning-dark: #f57c00;--color-info: #3b82f6;--color-info-accent: #2196f3;--color-info-dark: #1976d2;--color-purple: #9c27b0;--color-purple-dark: #7b1fa2;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-light: #999999;--color-border: #e0e0e0;--color-border-light: #ddd;--color-border-lighter: #f0f0f0;--color-background: #f8f9fa;--color-primary-alpha-2: rgba(30, 64, 175, .02);--color-primary-alpha-5: rgba(30, 64, 175, .05);--color-primary-alpha-10: rgba(30, 64, 175, .1);--color-primary-alpha-20: rgba(30, 64, 175, .2);--color-primary-alpha-30: rgba(30, 64, 175, .3);--color-secondary-alpha-10: rgba(245, 158, 11, .1);--color-secondary-alpha-20: rgba(245, 158, 11, .2);--color-secondary-alpha-30: rgba(245, 158, 11, .3);--color-secondary-alpha-40: rgba(245, 158, 11, .4);--color-secondary-alpha-50: rgba(245, 158, 11, .5);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-15: rgba(255, 255, 255, .15);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-25: rgba(255, 255, 255, .25);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-white-alpha-50: rgba(255, 255, 255, .5);--color-black-alpha-5: rgba(0, 0, 0, .05);--color-black-alpha-10: rgba(0, 0, 0, .1);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-30: rgba(0, 0, 0, .3);--color-black-alpha-50: rgba(0, 0, 0, .5);--color-black-alpha-90: rgba(0, 0, 0, .9);--color-primary-alpha-95: rgba(30, 64, 175, .95);--color-purple-alpha-95: rgba(124, 45, 146, .95);--color-success-alpha-10: rgba(76, 175, 80, .1);--color-warning-alpha-10: rgba(255, 193, 7, .1);--color-info-alpha-10: rgba(33, 150, 243, .1);--color-purple-alpha-10: rgba(156, 39, 176, .1);--color-error-bg: #ffebee;--color-success-bg: #e8f5e8;--color-info-bg: #e3f2fd;--color-gray: #6b7280;--color-gray-alpha-10: rgba(108, 117, 125, .1);--color-blue: #007bff;--color-blue-alpha-10: rgba(0, 123, 255, .1);--color-danger-alpha-5: rgba(220, 38, 38, .05);--color-danger-alpha-10: rgba(220, 53, 69, .1);--color-danger-alpha-20: rgba(220, 38, 38, .2);--color-warning-bg: #fff3cd;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-accent: linear-gradient(135deg, #1e40af 0%, #f59e0b 100%);--gradient-trophy: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);--gradient-background: linear-gradient(135deg, #1e40af, #f59e0b);--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-neutral: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--gradient-countdown: linear-gradient(135deg, rgba(30, 64, 175, .95), rgba(124, 45, 146, .95));--gradient-analysis-bg: linear-gradient(135deg, var(--color-background) 0%, #e3f2fd 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-primary-sm: 0 4px 15px rgba(30, 64, 175, .1);--shadow-primary-md: 0 8px 25px rgba(30, 64, 175, .2);--shadow-primary-lg: 0 12px 30px rgba(30, 64, 175, .3);--shadow-secondary-sm: 0 4px 15px rgba(245, 158, 11, .2);--shadow-secondary-md: 0 8px 25px rgba(245, 158, 11, .3);--shadow-secondary-lg: 0 12px 30px rgba(245, 158, 11, .4);--shadow-focus: 0 0 0 3px rgba(30, 64, 175, .2);--shadow-hover: 0 2px 8px rgba(0, 0, 0, .3);--shadow-modal: 0 4px 12px rgba(0, 0, 0, .2);--font-primary: "Poppins", sans-serif;--font-secondary: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-all: all .3s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-overlay: 100;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--z-notification: 1300;--z-fullscreen: 9999;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);background:var(--gradient-background);min-height:100vh;color:var(--color-text-primary);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-semibold)}.container{max-width:var(--max-width-lg);margin:0 auto;padding:var(--space-xl)}.card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-2xl);margin:var(--space-xl) 0;box-shadow:var(--shadow-primary-sm);border:1px solid var(--color-secondary-alpha-10)}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes championshipGlow{0%,to{box-shadow:var(--shadow-secondary-md)}50%{box-shadow:var(--shadow-secondary-lg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:.3}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease infinite}.animate-fadeIn{animation:fadeIn .5s ease}.animate-fadeInUp{animation:fadeInUp .6s ease}.animate-float{animation:float 3s ease-in-out infinite}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--space-3xl)}.spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-sm{width:24px;height:24px;border-width:2px}.spinner-lg{width:64px;height:64px;border-width:6px}.loading-text{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--space-xl)}.skeleton{background:linear-gradient(90deg,var(--color-background) 25%,var(--color-border) 50%,var(--color-background) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-text-secondary)}.empty-state-icon{font-size:var(--font-size-5xl);opacity:.5;margin-bottom:var(--space-lg)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.empty-state-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.empty-state-sm{padding:var(--space-xl) var(--space-md)}.empty-state-sm .empty-state-icon{font-size:var(--font-size-3xl)}.error-container{background:var(--color-error-bg);color:var(--color-danger);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border-left:4px solid var(--color-danger)}.error-container h4{margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.error-container p{margin:0;line-height:var(--line-height-normal)}.error-inline{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.success-container{background:var(--color-success-bg);color:var(--color-success);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border-left:4px solid var(--color-success)}.success-container h4{margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.success-container p{margin:0;line-height:var(--line-height-normal)}.info-container{background:var(--color-info-bg);color:var(--color-info);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border-left:4px solid var(--color-info)}.warning-container{background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-lg) 0;border-left:4px solid var(--color-warning)}.disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.hover-lift{transition:var(--transition-all)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-grow{transition:var(--transition-all)}.hover-grow:hover{transform:scale(1.05)}.hover-glow{transition:var(--transition-all)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary-alpha-20)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.m-0{margin:0}.m-auto{margin:auto}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none!important}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition-all)}.card:hover,.card-elevated{box-shadow:var(--shadow-lg)}.card-flat{box-shadow:none;border:1px solid var(--color-border)}.card-primary{border-left:4px solid var(--color-primary)}.card-secondary{border-left:4px solid var(--color-secondary)}.card-success{border-left:4px solid var(--color-success)}.card-gradient{background:var(--gradient-accent);color:#fff;border:2px solid var(--color-secondary-alpha-10)}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.card-lg{padding:var(--space-2xl);border-radius:var(--radius-2xl)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-primary-sm);border:2px solid transparent;transition:var(--transition-all)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-primary-md);border-color:var(--color-secondary-alpha-10)}.stat-card-icon{font-size:var(--font-size-3xl);opacity:.8;flex-shrink:0}.stat-card-content{flex:1}.stat-card-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin-top:var(--space-xs)}.stat-card-trend{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}.metric-card{background:var(--gradient-neutral);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-all)}.metric-card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.metric-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.metric-card-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.insight-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:var(--transition-all);border:1px solid var(--color-border)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.insight-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.insight-card-icon{font-size:var(--font-size-2xl)}.insight-card-title{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.card-list{display:flex;flex-direction:column;gap:var(--space-lg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal.hidden{display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-50);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s ease-out}.modal-content-lg{max-width:900px}.modal-content-sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:2px solid var(--color-background);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-all)}.modal-close:hover{background:var(--color-white-alpha-20);transform:rotate(90deg)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-md)}.modal-danger .modal-header{background:var(--color-danger)}.modal-success .modal-header{background:var(--color-success)}@media (max-width: 768px){.modal-content{margin:var(--space-md);max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-lg)}}.btn{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-family:var(--font-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;line-height:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary-sm);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-secondary-sm)}.btn-secondary:hover{background:var(--color-secondary-light);transform:translateY(-2px);box-shadow:var(--shadow-secondary-md)}.btn-success{background:var(--gradient-secondary);color:#fff;box-shadow:0 6px 20px #05966966;font-weight:var(--font-weight-bold);text-shadow:0 1px 3px rgba(0,0,0,.3)}.btn-success:hover{background:linear-gradient(135deg,#047857 0%,var(--color-success) 100%);transform:translateY(-3px);box-shadow:0 10px 30px #05966980}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px 15px #dc26264d}.btn-danger:hover{background:var(--color-danger-light);transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.btn-warning{background:var(--color-warning);color:#fff}.btn-info{background:var(--color-info);color:#fff}.btn-outline-secondary{background:#fff;border:2px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline-secondary:hover{background:var(--color-secondary);color:#fff}.btn-ghost{background:transparent;border:none;color:var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-alpha-5)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-xl{padding:var(--space-xl) var(--space-3xl);font-size:var(--font-size-xl)}.btn-block{width:100%}.btn-icon{padding:var(--space-md);border-radius:var(--radius-full);min-width:44px;min-height:44px}.btn-icon-sm{padding:var(--space-sm);min-width:32px;min-height:32px}.btn:disabled,.btn.disabled{background:#ccc!important;color:#666!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;border:none!important;opacity:.6}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .6s linear infinite}.form-group{margin:var(--space-xl) 0}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text-dark)}.form-group input,.form-group select{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--space-md);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(--color-primary);box-shadow:0 0 0 3px #1e40af1a}.drill-instructions{background:#1e40af0d;border-left:4px solid var(--color-primary);padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;border-radius:0 10px 10px 0}.drill-instructions strong{color:var(--color-primary)}.data-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-primary-sm)}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-primary);color:#fff;font-weight:600}.data-table tr:hover{background:var(--color-primary-alpha-5)}.data-table tr:last-child td{border-bottom:none}.table-loading{text-align:center;padding:2rem;color:var(--color-text-light);font-style:italic}.table-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.table-error{text-align:center;padding:2rem;color:var(--color-danger);background:var(--color-error-bg)}.auth-container{min-height:100vh;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.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:var(--space-xl);display:block}.auth-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:var(--space-lg)}.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:var(--color-background)}.feature-card{text-align:center}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:var(--space-lg);display:block}.feature-card h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:var(--space-md)}.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:var(--space-lg);padding:var(--space-xl);background:var(--color-background);border-radius:var(--radius-lg)}.step-number{background:var(--gradient-accent);color:#fff;width:40px;height:40px;border-radius:var(--radius-full);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:var(--color-background)}.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:var(--space-xl)}.faq-item{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 3px 10px #0000000d}.faq-question{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.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:var(--color-background);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:var(--space-lg);justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:150px;justify-content:center;font-family:inherit}.btn-primary{background:var(--gradient-accent);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 var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-large{padding:16px 32px;font-size:1.1rem;min-width:200px}.btn-outline{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);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:var(--color-background);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:var(--space-xl)}.choice-title{font-size:1.8rem;color:#2c3e50;margin-bottom:var(--space-md);font-weight:600}.choice-subtitle{font-size:1rem;color:#7f8c8d;margin-bottom:30px}.choice-buttons{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:30px}.choice-btn{width:100%;background:var(--gradient-accent);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,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);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:var(--space-xl);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 var(--space-xl);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:var(--space-md);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.google-oauth-subtitle{font-size:1rem;color:#5a6c7d;margin-bottom:var(--space-xl);line-height:1.4}.enhanced-google-btn{width:100%;background:#fff;color:var(--color-text-primary);border:2px solid var(--color-border);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-all);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:var(--color-text-primary);border:2px solid var(--color-border);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;box-shadow:0 2px 8px #0000001a;margin:var(--space-md) 0}.enhanced-google-btn:hover{background:var(--color-background);border-color:var(--color-primary);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:var(--color-text-light);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:var(--space-md);font-weight:600}.form-description{font-size:1rem;color:#7f8c8d;line-height:1.5}.help-box{background:#e3f2fd;border:1px solid #bbdefb;border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-xl) 0;display:flex;align-items:flex-start;gap:var(--space-md)}.help-box-icon{font-size:1.2rem;flex-shrink:0}.oauth-section{margin:25px 0}.oauth-divider{display:flex;align-items:center;margin:var(--space-xl) 0;color:#7f8c8d;font-size:.9rem}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.oauth-divider span{padding:0 var(--space-lg);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:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .3s ease}.enhanced-input input:focus{outline:none;border-color:var(--color-primary);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:var(--space-xl);padding:var(--space-lg);background:#f8f9ff;border-radius:var(--space-md);border:1px solid #e3e8ff}.forgot-password-link{color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:var(--transition-all);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);background:#667eea1a;border:2px solid transparent}.forgot-password-link:hover{color:#5a67d8;background:#667eea26;border-color:var(--color-primary);transform:translateY(-1px)}.back-to-signin-container{text-align:center;margin-top:var(--space-xl);padding:var(--space-lg)}.auth-link{color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:var(--transition-all);display:inline-flex;align-items:center;gap:8px;padding:var(--space-md) var(--space-xl);border-radius:var(--space-md);background:#667eea1a;border:2px solid var(--color-primary)}.auth-link:hover{color:#fff;background:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.auth-link[data-mode=choice]{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;border-color:var(--color-secondary);font-weight:700}.auth-link[data-mode=choice]:hover{background:linear-gradient(135deg,var(--color-secondary-dark) 0%,#b45309 100%);border-color:var(--color-secondary-dark)}.feature-card,.step,.faq-item{opacity:1}.nav-tabs{display:flex;background:var(--color-white-alpha-15);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 var(--color-white-alpha-20)}.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(--color-primary);box-shadow:var(--shadow-primary-sm);transform:translateY(-1px)}.nav-tab:hover:not(.active){background:var(--color-white-alpha-10)}.welcome-header{background:var(--gradient-trophy);color:#fff;padding:25px;border-radius:20px;margin-bottom:20px;text-align:center;box-shadow:var(--shadow-primary-lg);border:2px solid var(--color-secondary-alpha-30)}.player-name{font-size:28px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px var(--color-black-alpha-30)}.streak-container{display:flex;justify-content:center;align-items:center;gap:20px;margin:15px 0;flex-wrap:wrap}.streak-item{background:var(--color-white-alpha-25);padding:10px 20px;border-radius:15px;display:flex;align-items:center;gap:10px;border:1px solid var(--color-white-alpha-30);-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:var(--color-white-alpha-20);padding:15px;border-radius:15px;border:1px solid var(--color-white-alpha-30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:28px;font-weight:700;color:#fff;text-shadow:0 1px 3px var(--color-black-alpha-30)}.stat-label{font-size:12px;opacity:.9;margin-top:5px}#dashboardTab{display:block;background:var(--color-background);border-radius:16px;padding:0;margin:0;min-height:400px}#dashboardTab.card{box-shadow:var(--shadow-primary-md);border:2px solid var(--color-secondary-alpha-10)}.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(--gradient-accent);border-radius:20px;padding:2rem;color:#fff;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-primary-lg);border:2px solid var(--color-secondary-alpha-20);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%,var(--color-white-alpha-10) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}.welcome-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-white-alpha-20);display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid var(--color-white-alpha-50);-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 var(--color-black-alpha-30)}.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}.dashboard-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-primary-md);border:2px solid var(--color-secondary-alpha-10);transition:var(--transition-all);margin-bottom:1.5rem}.dashboard-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.section-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.section-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--color-primary);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 var(--color-border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem;text-align:left;cursor:pointer;transition:var(--transition-all);text-decoration:none;color:inherit}.nav-quick-btn:hover{border-color:var(--color-primary);background:var(--color-primary-alpha-5);transform:translateY(-2px);box-shadow:var(--shadow-primary-sm)}.nav-btn-icon{width:50px;height:50px;border-radius:var(--radius-lg);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(--color-text-dark);margin-bottom:.25rem}.nav-btn-desc{font-size:.875rem;color:var(--color-text-light)}.scores-sections{display:flex;flex-direction:column;gap:2rem}.scores-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);border:2px solid var(--color-secondary-alpha-10);transition:var(--transition-all)}.scores-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border-lighter)}.section-title h4{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.games-count{font-size:.875rem;color:var(--color-text-light);background:var(--color-primary-alpha-10);padding:.25rem .75rem;border-radius:var(--radius-lg);font-weight:600}.section-meta{display:flex;align-items:center;gap:.5rem}.data-source{font-size:.75rem}.source-live{color:var(--color-success-light);font-weight:500}.source-demo{color:var(--color-secondary);font-weight:500}.source-unknown{color:var(--color-gray);font-weight:500}.api-status{display:block;margin-top:.5rem;color:var(--color-success-light);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:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary-sm)}.see-more-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.see-more-btn.expanded{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-light) 100%)}.see-more-btn.expanded:hover{background:linear-gradient(135deg,var(--color-danger-light) 0%,var(--color-danger) 100%)}.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 var(--color-border-lighter);padding-top:1rem}.additional-games.hidden{display:none}.game-card{background:var(--color-background);padding:1rem;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-border);transition:var(--transition-all)}.game-card:hover{background:#fff;border-color:var(--color-primary)}.game-card:hover:before{width:4px;opacity:1}.game-card.live{background:var(--color-danger-alpha-5);border-color:var(--color-danger-alpha-20)}.game-card.live:before{background:var(--color-danger);animation:pulse 2s infinite}.game-card.finished:before{background:var(--color-success)}.game-card.upcoming:before{background:var(--color-secondary)}.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:var(--radius-lg);text-transform:uppercase;letter-spacing:.5px}.game-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-md);background:var(--color-gray-alpha-10);color:var(--color-text-light)}.game-status.live{background:var(--color-danger);color:#fff;animation:pulse 2s infinite}.game-status.finished{background:var(--color-success);color:#fff}.game-status.upcoming{background:var(--color-secondary-alpha-10);color:var(--color-secondary)}.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(--color-text-dark);font-size:.95rem}.score-display{text-align:center;min-width:80px}.score{font-size:1.5rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-alpha-10);padding:.5rem .75rem;border-radius:var(--radius-md);display:inline-block;min-width:60px;text-align:center}.score.vs{background:var(--color-secondary-alpha-10);color:var(--color-secondary);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 var(--color-border)}.venue-info{font-size:.75rem;color:var(--color-text-light);display:flex;align-items:center;gap:.25rem}.view-details-btn{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:.25rem}.view-details-btn:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.no-games{text-align:center;padding:2rem;color:var(--color-text-light);display:flex;flex-direction:column;align-items:center;gap:1rem}.no-games-icon,.empty-icon{font-size:3rem;opacity:.5}.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:var(--color-background);border-radius:var(--radius-lg)}.league-info{display:flex;flex-direction:column;gap:.25rem}.league-name{font-weight:700;color:var(--color-primary);font-size:1.1rem}.match-date{font-size:.875rem;color:var(--color-text-light)}.match-status-large{font-weight:700;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:1rem}.match-status-large.live{background:var(--color-danger);color:#fff;animation:pulse 2s infinite}.match-status-large.finished{background:var(--color-success);color:#fff}.match-status-large.upcoming{background:var(--color-secondary-alpha-10);color:var(--color-secondary)}.teams-detailed{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,var(--color-background) 0%,#e3f2fd 100%);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:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;border:3px solid var(--color-secondary-alpha-30)}.team-detailed h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-dark)}.team-score{font-size:2.5rem;font-weight:700;color:var(--color-primary);background:#fff;width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary-sm)}.vs-separator{display:flex;align-items:center;justify-content:center}.final-score{font-size:2rem;font-weight:700;color:var(--color-primary);background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:var(--shadow-primary-sm)}.vs-text{font-size:1.5rem;font-weight:700;color:var(--color-secondary);background:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:var(--shadow-secondary-sm)}.venue-time-info{display:grid;gap:.75rem;background:var(--color-background);padding:1.5rem;border-radius:var(--radius-lg)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-label{font-weight:600;color:var(--color-text-light);font-size:.875rem}.info-value{font-weight:600;color:var(--color-text-dark)}.loading-additional{text-align:center;padding:2rem;color:var(--color-text-light);display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{font-size:1.5rem}.no-additional-data{text-align:center;color:var(--color-text-light);font-style:italic;padding:1rem}.stats-section{margin-top:1rem}.stats-section h4{margin:0 0 1rem;color:var(--color-primary);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:var(--color-background);border-radius:var(--radius-md)}.stat-home,.stat-away{font-weight:700;color:var(--color-primary);text-align:center}.stat-name{font-weight:600;color:var(--color-text-dark);text-align:center;font-size:.875rem}.events-section{margin-top:1rem}.events-section h4{margin:0 0 1rem;color:var(--color-primary);font-weight:700}.events-timeline{display:flex;flex-direction:column;gap:.5rem}.event-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-background);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.event-item.away{border-left-color:var(--color-secondary);flex-direction:row-reverse;text-align:right}.event-time{font-weight:700;color:var(--color-primary);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(--color-text-dark);font-size:.875rem}.lineups-section{margin-top:1rem}.lineups-section h4{margin:0 0 1rem;color:var(--color-primary);font-weight:700}.lineups-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lineup{background:var(--color-background);padding:1rem;border-radius:var(--radius-lg)}.lineup h5{margin:0 0 .5rem;color:var(--color-primary);font-weight:700;text-align:center}.formation{text-align:center;font-weight:600;color:var(--color-secondary);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:var(--radius-md)}.player-number{font-weight:700;color:var(--color-primary);min-width:30px;text-align:center;font-size:.875rem}.player-name{flex:1;font-weight:600;color:var(--color-text-dark);font-size:.875rem}.educational-info{background:var(--gradient-analysis-bg);padding:1.5rem;border-radius:var(--radius-lg);margin-top:1rem}.educational-info h4{margin:0 0 .75rem;color:var(--color-primary);font-weight:700}.educational-info p{margin:0;color:var(--color-text-dark);line-height:1.5;font-weight:500}.video-modal-content{display:flex;flex-direction:column;gap:1.5rem}.video-info{background:var(--color-background);padding:1.5rem;border-radius:var(--radius-lg)}.video-info h4{margin:0 0 1rem;color:var(--color-primary);font-weight:700}.video-info p{margin:.5rem 0;color:var(--color-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:var(--color-gray-alpha-10);padding:1.5rem;border-radius:var(--radius-lg);text-align:center}.video-unavailable p{margin:0;font-style:italic}.highlight-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border-lighter);cursor:pointer;transition:var(--transition-all);border-radius:var(--radius-md);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:var(--color-primary-alpha-5);transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.highlight-item.clickable:active{transform:translateY(1px);box-shadow:var(--shadow-sm);background:var(--color-primary-alpha-10)}.highlight-item.clickable:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.highlight-item:last-child{border-bottom:none;margin-bottom:0}.highlight-item:hover{background:var(--color-primary-alpha-2);transform:translate(2px);box-shadow:var(--shadow-sm)}.highlight-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.highlight-thumbnail{position:relative;width:120px;height:68px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--accent-gradient);cursor:pointer;transition:var(--transition-all);border:2px solid transparent;z-index:1}.highlight-item.clickable .highlight-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-modal);border-color:var(--color-secondary-alpha-50)}.highlight-item.clickable .highlight-thumbnail:active{transform:scale(1.02);box-shadow:var(--shadow-hover)}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);transition:var(--transition-all)}.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:var(--radius-md);transition:var(--transition-all)}.highlight-item.clickable .placeholder-thumbnail:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.video-duration{position:absolute;bottom:4px;right:4px;background:var(--color-black-alpha-90);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(--color-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(--color-text-light)}.daily-quote{text-align:center;padding:1rem}.daily-quote blockquote{font-size:1.1rem;font-style:italic;color:var(--color-text-dark);margin:0 0 1rem;line-height:1.5}.daily-quote cite{font-size:.875rem;color:var(--color-secondary);font-weight:600}.ai-badge{background:var(--accent-gradient);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-lg);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 var(--color-border-lighter);transition:var(--transition-all)}.recommendation-item:last-child{border-bottom:none}.recommendation-item:hover{background:var(--color-primary-alpha-2);border-radius:var(--radius-md);margin:0 -1rem;padding:1.5rem 1rem}.recommendation-icon{width:50px;height:50px;border-radius:var(--radius-lg);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(--color-text-dark);margin-bottom:.5rem;font-size:1.1rem}.recommendation-description{color:var(--color-text-light);margin-bottom:.5rem;line-height:1.4}.recommendation-benefit{font-size:.875rem;color:var(--color-success);font-weight:600}.achievement-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border-lighter);transition:var(--transition-all)}.achievement-item:last-child{border-bottom:none}.achievement-item:hover{background:var(--color-primary-alpha-2);border-radius:var(--radius-md);margin:0 -.5rem;padding:1rem .5rem}.achievement-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.achievement-item.common .achievement-icon{background:var(--color-gray-alpha-10);color:var(--color-gray)}.achievement-item.rare .achievement-icon{background:var(--color-blue-alpha-10);color:var(--color-blue)}.achievement-item.epic .achievement-icon{background:var(--color-danger-alpha-10);color:var(--color-danger)}.achievement-item.legendary .achievement-icon{background:var(--trophy-gradient);color:#fff}.achievement-content{flex:1}.achievement-title{font-weight:600;color:var(--color-text-dark);margin-bottom:.25rem}.achievement-description{font-size:.875rem;color:var(--color-text-light)}.achievement-date{font-size:.75rem;color:var(--color-text-light);opacity:.8}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border-lighter);transition:var(--transition-all)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-primary-alpha-2);border-radius:var(--radius-md);margin:0 -.5rem;padding:1rem .5rem}.activity-icon{width:40px;height:40px;border-radius:var(--radius-full);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(--color-text-dark);margin-bottom:.25rem}.activity-details{font-size:.875rem;color:var(--color-text-light);margin-bottom:.25rem}.activity-time{font-size:.75rem;color:var(--color-text-light);opacity:.8}.activity-reward{font-weight:600;color:var(--color-secondary);font-size:.875rem}.refresh-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:var(--transition-all);color:var(--color-text-light)}.refresh-btn:hover{background:var(--color-primary-alpha-10);color:var(--color-primary);transform:rotate(180deg)}.view-all-link{color:var(--color-secondary);text-decoration:none;font-size:.875rem;font-weight:600;transition:color .3s ease}.view-all-link:hover{color:var(--color-secondary-light);text-decoration:underline}.live-scores-section .section-content,.highlights-section .section-content{padding:1rem 1.5rem 1.5rem}.motivation-section{background:var(--gradient-analysis-bg)}.navigation-section{background:var(--gradient-neutral)}.achievements-section .achievement-item.legendary{background:linear-gradient(135deg,var(--color-secondary-alpha-10) 0%,var(--color-secondary-alpha-10) 100%);border-radius:var(--radius-md);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:var(--color-primary-alpha-2)}#startFirstPractice{margin-top:1rem;padding:.75rem 1.5rem;font-weight:600}.recommendation-item button[data-action]{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md);transition:var(--transition-all)}.recommendation-item button[data-action]:hover{transform:translateY(-1px)}.highlight-item[tabindex="0"]:focus,.game-card:focus,.nav-quick-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px;background:var(--color-primary-alpha-5)}.view-details-btn:focus{outline:2px solid white;outline-offset:2px}.modal-close:focus{outline:2px solid white;outline-offset:2px}.session-complete-title{color:var(--color-primary);margin-bottom:var(--space-xl)}.session-complete-form,.save-button-container{margin-top:var(--space-xl)}.session-results-content{text-align:left;margin:var(--space-xl) 0}.session-results-content p{margin:var(--space-md) 0;font-size:1rem;line-height:1.5}.session-results-content strong{color:var(--color-primary)}.timer-display{font-size:56px;font-weight:700;color:var(--color-secondary);margin:30px 0;text-align:center;font-family:var(--font-primary);text-shadow:0 2px 4px var(--color-secondary-alpha-30)}.timer-controls{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.full-screen-timer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--gradient-accent);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(--color-secondary)}.timer-main-display{font-size:clamp(4rem,15vw,8rem);font-weight:700;margin:2rem 0;text-shadow:0 4px 8px var(--color-black-alpha-30);color:#fff;line-height:1;transition:color .3s ease}.timer-progress-bar{width:100%;height:8px;background:var(--color-white-alpha-20);border-radius:4px;margin:2rem 0;overflow:hidden}.progress-fill{height:100%;background:var(--color-secondary);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:var(--color-white-alpha-20);border:2px solid var(--color-white-alpha-30);color:#fff;font-size:2rem;width:80px;height:80px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.timer-btn:hover{background:var(--color-white-alpha-30);border-color:var(--color-white-alpha-50);transform:scale(1.1)}.timer-btn:active{transform:scale(.95)}.timer-instructions{margin-top:2rem;opacity:.6;font-size:1rem}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--gradient-countdown);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(--color-secondary)}.countdown-number{font-size:6rem;font-weight:700;margin:2rem 0;text-shadow:0 4px 8px var(--color-black-alpha-30);transition:color .3s ease}.countdown-subtitle{font-size:1.25rem;opacity:.8}.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(--color-secondary);animation:countdownPulse 1s ease-in-out}.timer-main-display.warning{color:var(--color-secondary);animation:pulse 1s ease-in-out infinite}.timer-main-display.danger{color:var(--color-danger);animation:pulse .5s ease-in-out infinite}@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:var(--radius-md);box-shadow:var(--shadow-md)}.analysis-canvas{position:absolute;top:0;left:0;pointer-events:none;border-radius:var(--radius-md)}#analysisResults{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.analysis-results-container{padding:var(--space-xl);background:var(--gradient-analysis-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);max-width:100%;overflow-x:auto}.analysis-score-section{text-align:center;margin-bottom:25px;padding:var(--space-lg);background:#fff;border-radius:var(--space-md);box-shadow:var(--shadow-sm)}.analysis-score-section h3{margin:0 0 var(--space-md) 0;color:var(--color-primary)}.analysis-score-display{font-size:36px;font-weight:700;margin:var(--space-md) 0}.analysis-progress-bar{background:var(--color-border-lighter);height:8px;border-radius:4px;margin:var(--space-md) 0;overflow:hidden}.analysis-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.analysis-score-message{margin:5px 0;color:var(--color-text-secondary);font-size:14px}.analysis-section{margin:var(--space-xl) 0;padding:var(--space-lg);border-radius:6px}.analysis-strengths{background:var(--color-success-alpha-10);border-left:4px solid var(--color-success-accent)}.analysis-strengths h4{margin:0 0 var(--space-md) 0;color:var(--color-success-dark)}.analysis-strengths ul{margin:0;padding-left:var(--space-xl);line-height:1.6}.analysis-strengths li{margin:5px 0;color:var(--color-success-dark)}.analysis-improvements{background:var(--color-warning-alpha-10);border-left:4px solid var(--color-warning-accent)}.analysis-improvements h4{margin:0 0 var(--space-md) 0;color:var(--color-warning-dark)}.analysis-improvements ul{margin:0;padding-left:var(--space-xl);line-height:1.6}.analysis-improvements li{margin:5px 0;color:var(--color-warning-dark)}.analysis-tips{background:var(--color-info-alpha-10);border-left:4px solid var(--color-info-accent)}.analysis-tips h4{margin:0 0 var(--space-md) 0;color:var(--color-info-dark)}.analysis-tips ul{margin:0;padding-left:var(--space-xl);line-height:1.6}.analysis-tips li{margin:5px 0;color:var(--color-info-dark)}.analysis-breakdown{margin:var(--space-xl) 0}.analysis-breakdown h4{color:var(--color-text-primary);margin-bottom:var(--space-lg)}.analysis-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.analysis-metric{padding:var(--space-md);background:#fff;border-radius:6px;text-align:center}.metric-label{font-weight:700;color:var(--color-text-secondary);margin-bottom:5px}.metric-score{font-size:20px;font-weight:700}.analysis-next-steps{background:var(--color-purple-alpha-10);border-left:4px solid var(--color-purple)}.analysis-next-steps h4{margin:0 0 var(--space-md) 0;color:var(--color-purple-dark)}.analysis-next-steps p{margin:0;color:var(--color-purple-dark);line-height:1.6}.basic-analysis-results{padding:var(--space-xl);background:var(--color-background);border-radius:var(--space-md)}.basic-analysis-results h4{color:var(--color-primary);margin:0 0 var(--space-lg) 0}.basic-analysis-results ul{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.basic-analysis-note{font-style:italic;color:var(--color-text-secondary);margin-top:var(--space-lg)}.progress-summary{background:linear-gradient(135deg,var(--color-background) 0%,#e9ecef 100%);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(--color-primary);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:var(--radius-lg);padding:1rem;text-align:center;transition:var(--transition-all)}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-secondary);box-shadow:0 8px 25px #1e40af26}.stat-card .stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;color:var(--color-text-light);font-weight:500}.recent-sessions{margin-bottom:2rem}.recent-sessions h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.sessions-table-container{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 15px #1e40af1a;border:2px solid rgba(245,158,11,.1)}.sessions-empty-message{text-align:center;color:var(--color-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(--color-primary)}.drill-cell{font-weight:500}.minutes-cell{color:var(--color-secondary);font-weight:600}.result-cell{color:var(--color-success);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:var(--transition-all)}.chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1e40af26}.chart-header h4{color:var(--color-primary);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(--color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-container{position:relative;background:#f0f0f0;border-radius:var(--radius-md);height:24px;display:flex;align-items:center}.bar-fill{background:var(--accent-gradient);height:100%;border-radius:var(--radius-md);transition:width .6s ease;min-width:2px}.bar-value{position:absolute;right:8px;font-size:.75rem;font-weight:600;color:var(--color-text-dark)}.line-chart{height:150px;position:relative}.chart-grid{position:relative;height:120px;border-bottom:2px solid var(--color-border);border-left:2px solid var(--color-border)}.chart-point{position:absolute;width:8px;height:8px}.point-marker{width:8px;height:8px;background:var(--color-secondary);border-radius:var(--radius-full);border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer;transition:var(--transition-all)}.point-marker:hover{transform:scale(1.5);background:var(--color-primary)}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--color-text-light)}.line-chart-enhanced{height:200px;position:relative}.trend-chart-svg{width:100%;height:140px;margin-bottom:.5rem}.chart-points-overlay{position:absolute;top:0;left:0;width:100%;height:140px}.chart-point-enhanced{position:absolute;width:12px;height:12px;transform:translate(-50%,50%)}.point-marker-enhanced{width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);border:3px solid white;box-shadow:0 2px 8px #1e40af66;cursor:pointer;transition:var(--transition-all)}.point-marker-enhanced:hover{transform:scale(1.3);background:var(--color-secondary);box-shadow:0 4px 12px #1e40af99}.point-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#1e40aff2;color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.point-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e40aff2}.chart-point-enhanced:hover .point-tooltip{opacity:1}.tooltip-value{color:var(--color-secondary);font-weight:700;font-size:.875rem}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-line{width:24px;height:3px}.legend-line.data-line{background:var(--color-primary)}.legend-line.trend-line{background:var(--color-secondary);opacity:.7;border-top:2px dotted var(--color-secondary);height:0}.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:var(--radius-full);border:8px solid;border-color:var(--color-border);border-top-color:transparent;border-right-color:transparent;transform:rotate(-90deg)}.gauge-fill{border-color:transparent;border-top-color:var(--color-secondary);border-right-color:var(--color-secondary);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(--color-primary)}.gauge-label{display:block;font-size:.75rem;color:var(--color-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(--color-secondary)}.stat-value.best{color:var(--color-primary)}.weekly-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:var(--transition-all);background:#fff}.calendar-day.today{border-color:var(--color-primary);background:#1e40af0d}.calendar-day.practiced{background:var(--accent-gradient);color:#fff;border-color:var(--color-secondary)}.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}.progress-filters{background:#fff;border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;border:2px solid rgba(30,64,175,.1)}.filter-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-label{font-weight:600;color:var(--color-primary);font-size:.9rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid var(--color-border);background:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-dark);cursor:pointer;transition:var(--transition-all)}.filter-btn:hover{border-color:var(--color-primary);background:#1e40af0d}.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:var(--color-secondary)}.drill-filter-select{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer;transition:var(--transition-all)}.drill-filter-select:focus{outline:none;border-color:var(--color-primary)}.leaderboard-controls{margin:var(--space-xl) 0}.period-buttons-container{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.view-buttons-container{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.rank-header{text-align:center;width:60px}.leaderboard-empty-message{text-align:center;color:var(--color-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(--color-primary);border-radius:25px;cursor:pointer;transition:var(--transition-all);font-family:inherit;font-weight:600;font-size:1rem;position:relative;overflow:hidden;min-width:120px;justify-content:center;color:var(--color-primary);box-shadow:0 2px 8px #1e40af1a}.view-btn:hover{background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 15px #1e40af33;border-color:var(--color-secondary)}.view-btn.active{background:var(--accent-gradient);border-color:var(--color-primary);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(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);min-width:80px;font-family:inherit;position:relative;overflow:hidden;color:var(--color-primary);box-shadow:0 2px 8px #1e40af1a}.period-btn:hover{background:#1e40af0d;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af33;border-color:var(--color-secondary)}.period-btn.active{background:var(--accent-gradient);border-color:var(--color-primary);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}.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:var(--color-text-light);border-color:#ddd}.leaderboard-container{overflow:hidden;margin:0 1rem}.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(--color-primary)}.rank-display.medal{font-size:1.5rem}.current-user-row{background:linear-gradient(135deg,#1e40af14,#f59e0b14)!important;border-left:4px solid var(--color-secondary);font-weight:600;position:relative}.current-user-row:before{content:"👤";position:absolute;left:-2px;top:50%;transform:translateY(-50%);background:var(--color-secondary);color:#fff;width:24px;height:24px;border-radius:var(--radius-full);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(--color-text-dark)}.player-name.current-user{color:var(--color-primary)}.you-badge{display:inline-block;background:var(--color-secondary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-weight:600;color:var(--color-text-dark)}.stat-value.tokens{color:var(--color-secondary);font-weight:700}.stat-value.days{color:var(--color-primary)}.stat-value.drills{color:var(--color-primary-light)}.loading-row,.empty-row,.error-row{text-align:center!important;padding:3rem 1rem!important;color:var(--color-text-light);font-style:italic}.loading-row{background:linear-gradient(90deg,#f0f0f0 25%,var(--color-border) 50%,#f0f0f0 75%);background-size:200% 100%}.error-row{color:var(--color-danger);background:#ffeaea}.error-details{font-size:.875rem;margin-top:.5rem;opacity:.8}.team-info-message{display:none;text-align:center;padding:var(--space-md);background:#e3f2fd;border-radius:var(--radius-md);margin:var(--space-lg) 1.5rem;color:#1976d2;opacity:0;transform:translateY(10px);transition:var(--transition-all)}.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:var(--radius-lg);font-size:.9rem;color:var(--color-primary)}.info-icon{font-size:1.25rem;flex-shrink:0;color:var(--color-secondary)}.info-text{line-height:1.5}.ai-coach-section{background:var(--gradient-accent);color:#fff;border-radius:20px;padding:30px;margin:var(--space-xl) 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:var(--radius-full);background:#f59e0b33;display:flex;align-items:center;justify-content:center;font-size:50px;margin:0 auto var(--space-xl);border:3px solid var(--color-secondary);transition:transform .3s ease}.coach-avatar:hover{transform:scale(1.05)}.coach-name{font-size:24px;font-weight:700;margin-bottom:var(--space-md)}.coach-subtitle{opacity:.9;font-size:16px}.chat-container{background:#ffffff1a;border-radius:15px;padding:var(--space-xl);margin:var(--space-xl) 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:var(--space-lg) 0;padding:var(--space-lg);border-radius:var(--radius-lg);animation:fadeIn .5s ease-in;line-height:1.6}.chat-message.user{background:#f59e0b33;margin-left:var(--space-xl);text-align:right;border-left:4px solid var(--color-secondary)}.chat-message.coach{background:#ffffff1a;margin-right:30px;border-left:4px solid var(--color-secondary)}.chat-input-container{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.chat-input{flex:1;padding:var(--space-lg) var(--space-xl);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:var(--space-lg) 25px;background:var(--color-secondary);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:var(--transition-all);box-shadow:0 4px 15px #f59e0b4d}.chat-send-btn:hover{background:var(--color-secondary-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:var(--space-md);margin:var(--space-xl) 0}.quick-question-btn{padding:var(--space-md) var(--space-xl);background:#f59e0b33;color:#fff;border:1px solid rgba(245,158,11,.3);border-radius:20px;cursor:pointer;font-size:14px;transition:var(--transition-all);font-weight:500}.quick-question-btn:hover{background:#f59e0b4d;transform:translateY(-1px);border-color:var(--color-secondary)}.coaching-insights-panel{margin-top:var(--space-lg);padding:var(--space-lg);background:#f59e0b1a;border-radius:var(--space-md);border-left:4px solid var(--color-secondary);line-height:1.5;animation:slideIn .5s ease-out}.coaching-insights-header{font-size:12px;opacity:.8;margin-bottom:var(--space-md)}.coaching-focus-area{margin-bottom:12px}.coaching-focus-title{color:var(--color-secondary);font-weight:700}.coaching-focus-list{margin-top:5px;padding-left:var(--space-md)}.coaching-bullet{color:var(--color-secondary)}.coaching-next-session{margin-top:5px;padding-left:var(--space-md);font-style:italic}.coaching-status-indicators{display:flex;gap:var(--space-lg);font-size:11px;opacity:.7;margin-top:var(--space-md);padding-top:var(--space-md);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(--color-secondary);font-weight:700}.coach-bold-text{color:var(--color-secondary)}.typing-indicator{opacity:.8}.typing-dots{margin-left:5px}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.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:var(--radius-full);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:var(--space-lg)}.profile-level-tokens{color:var(--color-text-light)}.avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--color-background);border-radius:var(--radius-lg)}.profile-save-buttons{text-align:center;margin-top:30px}#avatarDisplay{width:120px;height:120px;border-radius:var(--radius-full);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:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--color-background);border-radius:var(--radius-lg)}.avatar-option{width:60px;height:60px;border-radius:var(--radius-full);background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;transition:var(--transition-all);border:3px solid transparent}.avatar-option:hover{transform:scale(1.1);border-color:var(--color-secondary)}.avatar-option.selected{border-color:var(--color-primary);background:#e8f5e8;box-shadow:0 4px 15px #1e40af4d}#profileDisplayName{margin-top:var(--space-lg);font-size:24px;font-weight:600;color:var(--color-text-dark)}#profileLevel,#profileTokens{color:var(--color-primary);font-weight:600}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);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(--gradient-accent)}.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(--color-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(--gradient-trophy);color:#fff;padding:30px;border-radius:20px;margin:20px 0;text-align:center;animation:championshipGlow 2s infinite;box-shadow:0 10px 30px var(--color-secondary-alpha-40)}#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:var(--shadow-primary-sm);border:2px solid var(--color-secondary-alpha-10);transition:all .3s ease}.collection-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.collection-item-icon{font-size:48px;margin-bottom:10px}.collection-item-name{font-weight:600;color:var(--color-primary);margin-bottom:5px}.collection-item-rarity{font-size:12px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.analysis-input-section{background:var(--color-background);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem}.analysis-input-section label{font-weight:600;color:var(--color-text-dark);margin-bottom:.5rem;display:block}.analysis-input-section select{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background:#fff;transition:border-color .3s ease}.analysis-input-section select:focus{outline:none;border-color:var(--color-primary)}.video-input-section{margin-bottom:2rem}.recording-section,.upload-section{background:#fff;border:2px solid #e8f4fd;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.recording-section h4,.upload-section h4{color:var(--color-primary);margin-bottom:.5rem}.help-text{color:var(--color-text-light);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.overlay-recording-options{background:var(--color-background);border:1px solid #e9ecef;border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.overlay-recording-options label{font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.overlay-recording-options input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.help-icon{font-size:14px;color:var(--color-text-light);cursor:help;opacity:.7;transition:opacity .2s ease}.help-icon:hover{opacity:1}.overlay-recording-options .help-text{color:var(--color-text-light);font-size:.85rem;line-height:1.4;margin-top:.5rem}.recording-controls,.upload-controls{display:flex;justify-content:center;margin:1.5rem 0}.upload-label{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);font-weight:600;text-align:center}.upload-label:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.recording-tips,.upload-tips{background:var(--color-background);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.recording-tips h5,.upload-tips h5{margin-bottom:.75rem;color:var(--color-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(--color-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,var(--color-border),transparent)}.divider span{background:#fff;padding:0 1.5rem;color:var(--color-text-light);font-weight:600;font-size:.9rem}.video-preview-section{margin:2rem 0}.video-container{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.video-container h4{margin-bottom:1rem;color:var(--color-primary);text-align:center}.video-wrapper{position:relative;display:flex;justify-content:center;background:#000;border-radius:var(--radius-md);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}.analysis-controls{text-align:center;margin:2rem 0;padding:1.5rem;background:var(--color-background);border-radius:var(--radius-lg)}.analysis-help-text{margin-top:1rem;color:var(--color-text-light);font-size:.9rem;line-height:1.6}#realTimeFeedback{background:#000000d9;color:#fff;padding:1rem;border-radius:var(--radius-md);margin:1rem 0;font-size:.9rem;line-height:1.4;border-left:4px solid var(--color-primary)}.analysis-results-section{margin:2rem 0}.analysis-loading{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:var(--radius-lg);margin:1rem 0}.loading-spinner{width:50px;height:50px;border:5px solid var(--color-border);border-top:5px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto 1.5rem}.analysis-history-section{background:#fff;border-radius:var(--radius-lg);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:var(--color-background)}#analysisHistory li:last-child{border-bottom:none}.no-history{text-align:center;color:var(--color-text-light);font-style:italic;padding:2rem}.loading-history{text-align:center;padding:2rem;color:var(--color-primary);font-weight:500}.history-item{cursor:pointer;transition:var(--transition-all);border-radius:var(--radius-md);margin:.5rem 0}.history-item:hover{background:linear-gradient(135deg,var(--color-background) 0%,#e9ecef 100%);transform:translate(5px);box-shadow:0 2px 8px #667eea26}.history-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.history-date{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.history-type{background:var(--gradient-accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.history-score{font-weight:700;color:#4caf50;font-size:.85rem}.history-details{margin-bottom:.5rem}.history-details small{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.history-action{opacity:.7;transition:opacity .3s ease}.history-item:hover .history-action{opacity:1}.history-action small{color:var(--color-primary);font-size:.7rem;font-weight:500}.error{color:var(--color-danger);text-align:center;padding:1rem;background:#fef2f2;border-radius:var(--radius-md);font-weight:500}.pro-tips-section{background:var(--gradient-accent);color:#fff;padding:2rem;border-radius:var(--radius-lg);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:var(--radius-md);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}#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:var(--space-xl);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:var(--radius-full);animation:blink 1s infinite}.video-wrapper{position:relative;max-width:100%;margin:0 auto;border-radius:var(--radius-md);overflow:hidden}.video-wrapper video{width:100%;height:auto;display:block}#analysisCanvas{position:absolute;top:0;left:0;pointer-events:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.real-time-feedback{background:#000c;color:#fff;padding:12px;border-radius:var(--radius-md);margin-top:var(--space-md)}.feedback-header{display:flex;justify-content:space-between;margin-bottom:8px}.feedback-tip{font-size:14px;margin-bottom:8px}.quick-stats{display:flex;gap:var(--space-lg);font-size:12px;opacity:.8}.gemini-analysis{background:var(--gradient-accent);color:#fff;padding:2rem;border-radius:var(--radius-lg);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:var(--radius-md);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:var(--color-border);font-style:italic}.vision-insights{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-radius:var(--radius-md);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:var(--gradient-accent);border-radius:var(--radius-lg);color:#fff}.gemini-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:1rem}.gemini-error{background:#ff6b6b;color:#fff;padding:1.5rem;border-radius:var(--radius-md);margin:1rem 0}.analysis-results-container{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.analysis-header{text-align:center;margin-bottom:30px;padding:var(--space-xl);background:var(--gradient-accent);border-radius:15px;color:#fff}.analysis-score-ring{width:120px;height:120px;margin:var(--space-xl) auto;position:relative}.score-ring-circle{width:100%;height:100%;border-radius:var(--radius-full);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:var(--radius-full);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:var(--space-xl)}.analysis-tabs{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);border-bottom:2px solid #f0f0f0}.analysis-tab{padding:var(--space-md) var(--space-xl);background:none;border:none;cursor:pointer;font-weight:500;color:var(--color-text-secondary);position:relative;transition:var(--transition-all)}.analysis-tab.active{color:var(--color-primary)}.analysis-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary)}.analysis-content{min-height:300px}.analysis-panel{display:none;animation:fadeIn .3s}.analysis-panel.active{display:block}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:30px}.metric-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;transition:transform .3s}.metric-card:hover{transform:translateY(-5px)}.metric-icon{font-size:2em;margin-bottom:var(--space-md)}.metric-value{font-size:2em;font-weight:700;color:var(--color-text-primary)}.metric-label{color:var(--color-text-secondary);font-size:.9em;margin-top:5px}.ai-insights{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:25px;border-radius:var(--radius-lg);margin:var(--space-xl) 0}.ai-insights h4{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.insight-item{background:#fff;padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md);border-left:4px solid var(--color-primary)}.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 var(--space-md);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:var(--space-md);margin:var(--space-lg) 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:var(--space-lg)}.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:var(--space-lg);border-radius:var(--radius-md);max-width:300px;z-index:1000}.upload-progress{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-background);border-radius:var(--radius-md)}.progress-bar{height:var(--space-xl);background:#e9ecef;border-radius:var(--space-md);overflow:hidden;margin-bottom:var(--space-md)}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.info-message,.error-message{padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-md) 0}.info-message{background:#d4edda;border:1px solid #c3e6cb}.error-message{background:#f8d7da;border:1px solid #f5c6cb}.analysis-results-container{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff}.unified-analysis-container{max-width:1400px;margin:0 auto;padding:2rem;background:var(--color-background);border-radius:var(--radius-lg);animation:fadeIn .5s ease}.unified-header{background:var(--gradient-accent);color:#fff;padding:2rem;border-radius:var(--radius-lg);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:var(--radius-full);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:var(--radius-full);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);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),var(--color-primary));-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:var(--color-text-primary);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:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 8px #0000001a;opacity:0;transform:translateY(20px);border:1px solid var(--color-border)}.scorecard.revealed{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease forwards}.scorecard:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026;border-color:var(--color-primary)}.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:var(--color-text-primary)}.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:var(--color-text-secondary);font-weight:500}.metric-bar{flex:1;height:8px;background:var(--color-border);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:var(--color-text-primary)}.scorecard-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary)}.footer-stat{display:flex;align-items:center;gap:.25rem}.ai-analysis-section{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.ai-content-wrapper{min-height:200px}.gemini-response{background:linear-gradient(135deg,var(--color-primary)15 0%,var(--color-secondary)15 100%);border-left:4px solid var(--color-primary);padding:1.5rem;border-radius:var(--radius-md);animation:slideInLeft .5s ease}.gemini-content{line-height:1.8;color:var(--color-text-primary)}.gemini-content p{margin-bottom:1rem}.gemini-content p:last-child{margin-bottom:0}.gemini-content strong{color:var(--color-primary);font-weight:600}.list-number{color:var(--color-primary);font-weight:700;margin-right:.25rem}.ai-summary{font-size:1.1rem;font-weight:500;margin-bottom:1rem;padding:1rem;background:#667eea0d;border-radius:var(--radius-md)}.ai-analysis{margin-bottom:1rem}.ai-recommendations{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.ai-recommendations h5{color:var(--color-primary);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:var(--color-primary)}.ai-processing{text-align:center;padding:3rem}.pulse-loader{width:50px;height:50px;margin:0 auto 1rem;border:3px solid var(--color-primary);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}.no-content{text-align:center;color:var(--color-text-light);font-style:italic;padding:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.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-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:var(--color-primary);font-weight:700}.technical-details-section{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.technical-details-section summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:var(--color-text-primary);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:var(--color-background);border-radius:var(--radius-md)}.technical-section h5{margin-bottom:1rem;color:var(--color-text-primary);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 var(--color-border)}.angles-table th{background:#f5f5f5;font-weight:600;color:var(--color-text-primary)}.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 var(--color-border);transition:all .2s ease}.stat-item:hover{background:var(--color-primary)05;border-color:var(--color-primary)}.stat-label{color:var(--color-text-secondary);font-weight:500}.stat-value{font-weight:700;color:var(--color-text-primary)}.info-message,.error-message{padding:1.5rem;border-radius:var(--radius-md);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}.progress-section{margin-bottom:3rem}.progress-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.progress-card,.next-steps-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border);transition:var(--transition-all)}.progress-card:hover,.next-steps-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.progress-header,.next-steps-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.progress-icon,.next-steps-icon{font-size:1.5rem}.progress-header h4,.next-steps-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.progress-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.score-display-mini{text-align:center}.score-number-mini{font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1}.score-label-mini{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.improvement-indicator{text-align:center}.improvement-arrow{font-size:2rem;margin-bottom:.5rem}.improvement-text{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.improvement-subtitle{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-message{background:var(--gradient-accent);color:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:500}.next-steps-list{margin-bottom:1.5rem}.next-step-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--color-background);border-radius:var(--radius-md);transition:all .2s ease}.next-step-item:hover{background:#e3f2fd;transform:translate(5px)}.step-number{flex:0 0 32px;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-content{flex:1}.step-title{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.step-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.motivation-footer{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:500}.coach-feedback{background:linear-gradient(135deg,var(--color-background) 0%,#e9ecef 100%);border-radius:var(--radius-lg);padding:1.5rem}.coach-message{display:flex;align-items:flex-start;gap:1rem}.coach-avatar{flex:0 0 48px;width:48px;height:48px;background:var(--gradient-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.message-bubble{flex:1;background:#fff;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative}.message-bubble:before{content:"";position:absolute;left:-10px;top:20px;border:10px solid transparent;border-right-color:#fff;border-left:none}.player-focused .ai-summary,.player-focused .ai-analysis{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.player-focused .ai-recommendations ul{margin:.5rem 0 0;padding-left:0;list-style:none}.player-focused .ai-recommendations li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}@media (min-width: 480px){.welcome-title{font-size:var(--font-size-2xl)}}@media (min-width: 768px){.container{padding:var(--space-2xl)}.welcome-title{font-size:var(--font-size-3xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.nav-tab{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}}@media (min-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}.progress-summary{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.unified-analysis-container{max-width:100%;padding:1.5rem}}@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){.container{padding:var(--space-lg)}.card{padding:var(--space-xl);margin:var(--space-lg) 0}.history-main{flex-direction:column;align-items:flex-start;gap:.25rem}.history-item:hover{transform:none}.loading-analysis{padding:2rem 1rem}.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}.gemini-analysis{padding:1.5rem}.gemini-feedback,.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}.progress-content{grid-template-columns:1fr}.progress-stats{flex-direction:column;text-align:center;gap:1.5rem}.coach-message{flex-direction:column;text-align:center}.message-bubble:before{display:none}.auth-container{padding:var(--space-md)}.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 var(--space-xl)}.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:var(--space-lg)}.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:var(--space-lg)}.auth-form-header{flex-direction:column;gap:var(--space-lg);text-align:center}.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}.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 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}.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}.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}.welcome-header{padding:var(--space-xl)}.player-name{font-size:24px}.streak-container{flex-direction:column;gap:var(--space-md)}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-xs);gap:var(--space-xs)}.nav-tab{font-size:12px;padding:var(--space-md) var(--space-md);min-width:80px}.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}.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}.filter-section{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{flex:1;min-width:80px}.modal-content{margin:var(--space-md);max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-lg)}.stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (max-width: 480px){.container{padding:var(--space-md)}.card{padding:var(--space-lg);margin:var(--space-md) 0;border-radius:var(--radius-xl)}.dashboard-stats-grid,.stats-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.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}.quick-questions{grid-template-columns:1fr 1fr;gap:8px}.quick-question-btn{padding:var(--space-md) var(--space-lg);font-size:13px}.dashboard-stats-grid{grid-template-columns:1fr;gap:.75rem}.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}.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}.player-name{font-size:20px}.stat-number{font-size:24px}.welcome-title{font-size:var(--font-size-xl)}.nav-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-width:70px}.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}.countdown-container{transform:scale(.8)}.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}.pack-image{font-size:80px}#collectionGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.form-group{margin:var(--space-lg) 0}.form-group input,.form-group select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.side-selector{flex-direction:column;gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-card-icon,.stat-card-number{font-size:var(--font-size-2xl)}.modal-content{margin:0;border-radius:var(--radius-xl)}.avatar-options{grid-template-columns:repeat(4,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (orientation: landscape) and (max-height: 500px){.full-screen-timer-container{padding:var(--space-lg)}.drill-name-display{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.timer-main-display,.timer-progress-bar,.timer-controls-minimal{margin:var(--space-lg) 0}.timer-instructions{margin-top:var(--space-lg);font-size:var(--font-size-sm)}.countdown-container{transform:scale(.8)}}@media (prefers-color-scheme: dark){.unified-analysis-container{background:#1a1a1a;color:var(--color-border)}.scorecard,.ai-analysis-section,.insight-card,.technical-details-section{background:#2a2a2a;border-color:#3a3a3a}.section-title,.scorecard-title,.insight-header h4{color:var(--color-border)}.metric-name,.stat-label{color:var(--color-text-light)}.metric-value,.stat-value,.gemini-content{color:var(--color-border)}.metric-bar{background:#3a3a3a}.scorecard-header,.scorecard-footer{border-color:#3a3a3a}.dashboard-section,.stat-card{background:#1a1a1a}.dashboard-section{border-color:#f59e0b33}.nav-quick-btn{background:#1a1a1a;border-color:var(--color-text-primary)}.game-card,.highlight-item,.scores-section{background:#1a1a1a}}@media print{.nav-tabs,.btn,.timer-controls,.chat-input-container,.modal-close{display:none!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}#dashboardTab{display:block!important}#dashboardTab.hidden{display:none!important}