@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f1115;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#0f1115}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;display:block}html,body,#root{width:100%;min-width:0;min-height:100vh}body{display:block!important}.app{width:100%!important;max-width:none!important;margin:0 auto}.message-display{margin-bottom:1rem}.message-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.message-content{display:flex;align-items:center;gap:.5rem;flex-grow:1}.message-icon{flex-shrink:0}.message-text{flex-grow:1}.message-dismiss{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;margin-left:.5rem;flex-shrink:0}.error-message{background-color:#fee;border:1px solid #fcc;color:#c53030}.error-message .message-icon{color:#e53e3e}.error-message .message-dismiss:hover{background-color:#c530301a}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;color:#2d5a2d}.success-message .message-icon{color:#38a169}.success-message .message-dismiss:hover{background-color:#38a1691a}.message-display.compact .message-item{padding:.5rem .75rem;font-size:.85rem}.message-display.compact .message-icon{width:14px;height:14px}.message-display.inline{margin-bottom:0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:2rem;padding-right:10%;background:var(--bg-primary);background-image:url(/prem-lion.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow-y:auto}.auth-container:after{content:"";position:fixed;inset:0;background:#0003;pointer-events:none;z-index:0}.auth-card{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;flex-shrink:0}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.75rem;margin-bottom:.5rem;background:linear-gradient(90deg,#7aa0ff,#a855f7,#22d3ee,#7aa0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 100%;animation:text-pan 6s linear infinite;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);background:var(--bg-hover)}.form-group input::placeholder{color:var(--text-dim)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.auth-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#228b22,#2bb52b);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000026}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button:hover:before{left:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0b662366;background:linear-gradient(135deg,#2bb52b,#32cd32)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.resend-button{width:auto;padding:.5rem 1rem;margin-top:.75rem;background:#0369a11a;border:1px solid rgba(3,105,161,.3);border-radius:8px;color:#0369a1;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.resend-button:hover:not(:disabled){background:#0369a133;border-color:#0369a180;color:#0284c7}.resend-button:disabled{opacity:.6;cursor:not-allowed}.success-content{text-align:center;padding:1rem 0}.success-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent);display:flex;justify-content:center;align-items:center}.success-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 1rem;color:var(--text-dim);font-size:.85rem;font-weight:500}.google-signin-button{width:100%;padding:.875rem;margin-bottom:1.5rem;background:#fff;border:1px solid #dadce0;border-radius:12px;color:#3c4043;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden}.google-signin-button:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 10px #0000001a;transform:translateY(-1px)}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border)}.auth-footer p{color:var(--text-secondary);font-size:.9rem}.auth-switch{background:none;border:none;color:#2bb52b;font-weight:600;cursor:pointer;margin-left:.5rem;transition:all .2s}.auth-switch:hover{color:#228b22;text-decoration:underline;transform:translateY(-1px)}.auth-switch:hover{color:var(--accent-hover);text-decoration:underline}.forgot-password-link{background:none;border:none;color:#60a5fa;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s;padding:.5rem 1rem;border-radius:6px}.forgot-password-link:hover{color:#3b82f6;background:#60a5fa1a;text-decoration:underline}.demo-info{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;text-align:center;border:1px solid var(--border)}.demo-info p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.demo-info code{color:var(--accent);font-size:.9rem;background:var(--bg-hover);padding:.25rem .5rem;border-radius:4px}.password-input-container{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.password-toggle:hover{color:var(--text-secondary)}.password-toggle:focus{outline:none;color:var(--accent)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@media (max-width: 768px){.auth-container{padding:1rem;justify-content:center;background-size:cover;background-position:center}.auth-card{max-width:100%;padding:2rem;margin:0;border-radius:16px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.auth-header h2{font-size:1.5rem}.auth-header p{font-size:.9rem}.form-group input{padding:1rem;font-size:16px;border-radius:12px}.auth-button{padding:1rem;font-size:1rem;border-radius:12px;min-height:50px}.password-toggle{padding:.5rem;min-width:44px;min-height:44px}.resend-button{padding:.75rem 1.5rem;min-height:44px}.forgot-password-link{padding:.75rem 1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.demo-info{padding:1.25rem;margin-top:1rem}}@media (max-width: 480px){.auth-card{padding:1.5rem;border-radius:12px;margin:.5rem;max-width:calc(100vw - 1rem)}.auth-header{margin-bottom:1.5rem}.form-input{font-size:16px;min-height:48px;padding:.875rem}.auth-button,.method-button{min-height:48px;font-size:16px;padding:.875rem}.auth-header h2{font-size:1.25rem}.form-group{margin-bottom:1rem}.auth-footer{padding-top:1rem}}@media (hover: none) and (pointer: coarse){.auth-button:hover{transform:none;box-shadow:0 4px 6px -1px #00000026}.auth-button:active{transform:scale(.98)}.auth-switch:hover,.forgot-password-link:hover{transform:none;text-decoration:none}.auth-switch:active,.forgot-password-link:active{opacity:.8}}.auth-method-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary);border-radius:12px;padding:.25rem;border:1px solid var(--border)}.method-button{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.method-button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.method-button.active{background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;box-shadow:0 2px 4px #228b224d}.back-button{width:auto;padding:.5rem 1rem;background:#4b55631a;border:1px solid rgba(75,85,99,.3);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#4b556333;border-color:#4b556380;color:var(--text-primary)}@media (max-width: 768px){.auth-method-toggle{margin-bottom:1.25rem}.method-button{padding:1rem;min-height:50px}.back-button{padding:.75rem 1.5rem;min-height:44px}}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 768px) and (prefers-color-scheme: dark){.auth-card{background:#1a1a1afa;border:1px solid rgba(255,255,255,.15)}}.email-confirmation-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem}.email-confirmation-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.confirmation-header{margin-bottom:2rem}.confirmation-icon{margin-bottom:1.5rem;opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.confirmation-icon.loading{color:#6366f1;animation:spin 1s linear infinite,fadeInUp .6s ease-out .2s forwards}.confirmation-icon.success{color:#22c55e}.confirmation-icon.error{color:#ef4444}.confirmation-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0;opacity:0;animation:fadeInUp .6s ease-out .4s forwards}.confirmation-content{margin-bottom:2rem}.email-display{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#6366f11a;border-radius:12px;opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.confirmation-message{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .6s ease-out .8s forwards}.success-actions,.info-actions,.error-actions{margin-top:1.5rem;opacity:0;animation:fadeInUp .6s ease-out 1s forwards}.welcome-text,.info-text{color:#22c55e;font-weight:600;margin-bottom:1rem}.info-text{color:#3b82f6}.error-text{color:#ef4444;font-weight:600;margin-bottom:1rem}.error-suggestions{text-align:left;color:#6b7280;font-size:.9rem;line-height:1.5;padding-left:1rem;margin:0}.error-suggestions li{margin-bottom:.5rem}.confirmation-footer{opacity:0;animation:fadeInUp .6s ease-out 1.2s forwards}.back-to-signin-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.back-to-signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.back-to-signin-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #667eea4d}.back-to-signin-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.email-confirmation-card{padding:2rem 1.5rem;margin:1rem}.confirmation-title{font-size:1.5rem}.confirmation-message{font-size:1rem}.back-to-signin-button{padding:.75rem 1.5rem;font-size:.9rem}}@media (prefers-color-scheme: dark){.email-confirmation-card{background:#1f2937f2;border:1px solid rgba(75,85,99,.3)}.confirmation-title{color:#f9fafb}.confirmation-message{color:#d1d5db}.email-display{background:#6366f133;color:#9ca3af}.error-suggestions{color:#9ca3af}}:root{--bg-primary: #0f1115;--bg-card: rgba(26,26,26,.65);--bg-secondary: #1f2937;--bg-hover: #374151;--border: rgba(255,255,255,.12);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-dim: #cbd5e1;--accent: #2bb52b;--accent-hover: #228B22;--success: #2bb52b;--error: #ef4444;--live-red: #dc2626;--live-pulse: rgba(220, 38, 38, .3);--ARS-primary: #dc2626;--ARS-secondary: #991b1b;--AVL-primary: #7c2d92;--AVL-secondary: #581c87;--BOU-primary: #dc2626;--BOU-secondary: #991b1b;--BRE-primary: #dc2626;--BRE-secondary: #991b1b;--BHA-primary: #0284c7;--BHA-secondary: #0369a1;--BUR-primary: #7c2d92;--BUR-secondary: #581c87;--CHE-primary: #0284c7;--CHE-secondary: #0369a1;--CRY-primary: #dc2626;--CRY-secondary: #991b1b;--EVE-primary: #0284c7;--EVE-secondary: #0369a1;--FUL-primary: #374151;--FUL-secondary: #1f2937;--LEE-primary: #ffffff;--LEE-secondary: #e5e7eb;--LIV-primary: #dc2626;--LIV-secondary: #991b1b;--MCI-primary: #0284c7;--MCI-secondary: #0369a1;--MUN-primary: #dc2626;--MUN-secondary: #991b1b;--NEW-primary: #374151;--NEW-secondary: #1f2937;--NFO-primary: #dc2626;--NFO-secondary: #991b1b;--SOU-primary: #dc2626;--SOU-secondary: #991b1b;--SUN-primary: #dc2626;--SUN-secondary: #991b1b;--TOT-primary: #ffffff;--TOT-secondary: #e5e7eb;--WHU-primary: #7c2d92;--WHU-secondary: #581c87;--WOL-primary: #f59e0b;--WOL-secondary: #d97706}html{height:100%;background:var(--bg-primary);background-color:var(--bg-primary)}html,body,#root{height:100%;background:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.title,.heading,.main-title,.gameweek-title,.card-title,.nav-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:600}p,span,div,button,input,select,textarea,.secondary-text,.body-text,.description,.stat-label,.form-label,.subtitle{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.app{width:100%;margin:0 auto;padding:0;display:block}.main-content{max-width:1200px;margin:0 auto;padding:0 16px;width:100%}h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1;letter-spacing:.2px}.subtitle{color:#34173a;font-size:.85rem;margin-top:.25rem;opacity:.85}.team-name{font-size:1.25rem;font-weight:700;letter-spacing:.2px}.meta{color:var(--text-dim);font-size:.9rem}.header{width:100%;border-bottom:1px solid var(--border);margin:0 0 2rem;padding:.3rem 0;background:linear-gradient(90deg,#32cd32,#2bb52b,#00ced1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026,0 4px 12px #0000001a;position:sticky;top:0;z-index:100;min-height:50px}.header-logo-white{filter:brightness(0) saturate(100%) invert(100%)}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:100%}.header-content>:first-child{justify-self:start}.header-content>:nth-child(2){justify-self:center}.header-content>:last-child{justify-self:end}.header-nav-tabs{display:flex;align-items:center;gap:2px;background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;padding:6px}.header-nav-tab{appearance:none;border:none;background:transparent;color:#fff;padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;text-align:center;min-height:48px;position:relative;overflow:hidden}.header-nav-tab:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.header-nav-tab.active{background:linear-gradient(135deg,#2bb52b40,#228b2233);color:#fff;font-weight:600;box-shadow:0 2px 4px #0000001a}.gameweek-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #00000026;border-radius:20px}.gameweek-progress{display:flex;align-items:center;justify-content:center}.gameweek-ring{position:relative;display:flex;align-items:center;justify-content:center}.gameweek-ring svg{transform:scale(1)}.gameweek-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gameweek-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.gameweek-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px;font-weight:500}.gameweek-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deadline-text{font-size:.875rem;font-weight:500;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9}.gameweek-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.deadline-info{color:var(--text-secondary);font-size:.85rem;margin:0;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9}.submitted-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;min-height:24px;display:inline-flex;align-items:center;gap:.25rem}.coming-soon-badge{background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;min-height:24px;display:inline-flex;align-items:center}.gameweek-nav{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.gameweek-nav .current-gw{font-weight:700;font-size:1.1rem;color:var(--text-primary);padding:0 .5rem}.gameweek-btn{padding:.75rem;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--accent),#2bb52b);border:2px solid transparent;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gameweek-btn:hover:not(:disabled){background:linear-gradient(135deg,#2bb52b,#32cd32);transform:translateY(-2px);box-shadow:0 8px 25px #0b662366}.gameweek-btn:disabled{background:var(--bg-secondary);color:var(--text-dim);cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none}.gameweek-btn.grayed-out{background:var(--bg-secondary);color:var(--text-dim);cursor:not-allowed;opacity:.5}.gameweek-btn.grayed-out:hover{background:var(--bg-secondary);transform:none;box-shadow:none}.predictions-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:1.5rem}.error-toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#ef4444f2,#dc2626e6);border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:.9rem;font-weight:500;z-index:10000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 25px #ef44444d;animation:slideInFromRight .3s ease-out;max-width:320px}.error-toast span{display:flex;align-items:center;gap:.5rem}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.predictions-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.rules-main-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rules-main-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;margin:0;line-height:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gameweek-section{margin-bottom:1.5rem;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.gameweek-section.completed{background:#8080800d;border-color:#80808026;opacity:.8}.gameweek-section.completed-submitted{background:#22c55e0d;border-color:#22c55e33;opacity:.9}.gameweek-section.current{background:var(--bg-card);border-color:var(--accent);box-shadow:0 0 20px #22c55e1a}.gameweek-section.future{background:#ffffff03;border-color:#ffffff0d;opacity:.6}.gameweek-section.submitted{background:#f59e0b0d;border-color:#f59e0b33;position:relative}.gameweek-section.submitted:before{content:"";position:absolute;inset:0;background:#f59e0b05;border-radius:inherit;pointer-events:none}.gameweek-section.current.submitted{background:var(--bg-card)!important;border-color:var(--accent)!important;box-shadow:0 0 20px #22c55e1a!important;opacity:1!important}.gameweek-section.current.submitted:before{background:#f59e0b05}.gameweek-section.current.submitted .matches-grid .match-card,.gameweek-section.current.submitted .match-card{opacity:1!important}.collapsible-header{cursor:pointer;transition:all .3s ease;background:#ffffff08}.collapsible-header:hover{background:#ffffff0d}.gameweek-title-container{display:flex;align-items:center;gap:.75rem}.lock-icon{color:var(--text-dim)}.completed-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;min-height:24px;display:inline-flex;align-items:center}.collapse-toggle{color:var(--text-secondary);transition:transform .3s ease}.gameweek-content.completed-content{padding:1.5rem;background:#ffffff03;border-top:1px solid rgba(255,255,255,.05)}.completed-matches-placeholder{text-align:center;padding:2rem;color:var(--text-dim);background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.completed-matches-placeholder p{margin:.5rem 0;font-size:.9rem}.completed-matches .match-card,.match-card.completed-card{opacity:.75;pointer-events:none;position:relative}.completed-matches .match-card:before,.match-card.completed-card:before{content:"";position:absolute;inset:0;background:#8080801a;border-radius:inherit;pointer-events:none;z-index:1}.completed-matches .prediction-buttons button,.match-card.completed-card .prediction-buttons button{cursor:not-allowed;background:#80808033!important;color:#ffffff80!important}.match-card.disabled-card{opacity:.6;pointer-events:none;filter:brightness(.7)}.match-card.disabled-card .prediction-buttons button{cursor:not-allowed;background:#6464644d!important;color:#fff6!important}.match-card.deadline-passed{opacity:.7;pointer-events:none;filter:brightness(.8) saturate(.6);position:relative}.match-card.deadline-passed:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ef444426,#dc26261a);border-radius:inherit;pointer-events:none;z-index:1}.match-card.deadline-passed .prediction-buttons button{cursor:not-allowed;background:#ef444433!important;color:#ffffff80!important}.match-card.deadline-passed .team{cursor:not-allowed!important}.future-gameweek-message{text-align:center;padding:2rem;margin:2rem 0;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:12px;color:var(--text-secondary)}.future-gameweek-message p{margin:0;font-size:1rem;font-weight:500}.matches-grid{display:grid;gap:2rem;margin-bottom:2rem;grid-template-columns:1fr;max-width:680px;margin-left:auto;margin-right:auto;width:100%}.match-card{width:100%;min-width:0;background:radial-gradient(120% 120% at 80% 0%,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translateZ(0)}.match-card>*{position:relative;z-index:1;min-width:0}.match-card:hover{border-color:#0b662333;box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.match-card:after{display:none}.match-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:0}.match-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.match-datetime{display:flex;flex-direction:column;gap:.25rem}.match-time{font-size:.85rem;color:var(--text-dim)}.match-status{padding:.25rem .75rem;background:var(--bg-secondary);border-radius:20px;font-size:.85rem;font-weight:500}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem}.team{position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.team:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:0;border-radius:8px}.team>*{position:relative;z-index:1}.team.home{justify-content:flex-end;text-align:right}.team:hover{background:var(--bg-hover);transform:translate(3px)}.team.predicted:hover{background:#ffffff1f;box-shadow:0 0 0 1px #fff6,0 0 15px #ffffff4d,0 0 25px #ffffff26,inset 0 0 25px #ffffff1a;transform:translate(3px) translateY(-1px)}.team.predicted{background:#ffffff14;border:1px solid transparent;box-shadow:0 0 0 1px #ffffff4d,0 0 10px #fff3,0 0 20px #ffffff1a,inset 0 0 20px #ffffff14;transform:translateY(-1px)}.team-name{font-weight:600;font-size:1.1rem}.team-badge{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;background:transparent no-repeat center / 80% auto;background-size:80% auto;border:none;border-radius:8px;box-shadow:none;outline:none;transition:transform .2s ease;flex-shrink:0;display:inline-block}.team:hover .team-badge{transform:translateY(-2px) scale(1.03)}.team.predicted .team-badge{transform:scale(1.05)}.vs{color:var(--text-dim);font-size:.9rem;font-weight:400}.match-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:1.25rem;font-weight:700}.score-separator{color:var(--text-dim);margin:0 .25rem}.prediction-section{border-top:1px solid var(--border);padding-top:1rem;display:flex;justify-content:center;align-items:center;position:relative}.draw-btn{padding:.75rem 2rem;background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-secondary);cursor:pointer;transition:all .3s;font-weight:600;font-size:.95rem}.draw-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.draw-btn.selected{background:linear-gradient(135deg,#ffd7004d,#ffd70026);border-color:#ffd70099;color:gold;box-shadow:0 0 30px #ffd7004d}.global-predictions-bar{margin:1rem 0 1.25rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.08)}.prediction-percentage-container{display:flex;height:6px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0006,#0009);margin-bottom:1.1rem;position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003;border:1px solid rgba(255,255,255,.06)}.prediction-percentage-container:hover{height:16px;margin-bottom:.6rem;box-shadow:inset 0 2px 6px #0006,0 4px 12px #00000040,0 0 0 2px #ffffff14}.home-percentage,.draw-percentage,.away-percentage{display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:0;opacity:.9}.home-percentage{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px 0 0 12px;box-shadow:inset 0 1px 2px #fff3}.draw-percentage{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:inset 0 1px 2px #fff3}.away-percentage{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:0 12px 12px 0;box-shadow:inset 0 1px 2px #fff3}.percentage-text{color:#fff;font-size:.65rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;padding:0 .4rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;pointer-events:none;letter-spacing:.5px}.prediction-percentage-container:hover .percentage-text{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.home-percentage:hover,.draw-percentage:hover,.away-percentage:hover{opacity:1;filter:brightness(1.1) saturate(1.1);transform:scale(1.02)}.home-percentage[style*="width: 0%"] .percentage-text,.home-percentage[style*="width: 1%"] .percentage-text,.home-percentage[style*="width: 2%"] .percentage-text,.home-percentage[style*="width: 3%"] .percentage-text,.home-percentage[style*="width: 4%"] .percentage-text,.home-percentage[style*="width: 5%"] .percentage-text,.draw-percentage[style*="width: 0%"] .percentage-text,.draw-percentage[style*="width: 1%"] .percentage-text,.draw-percentage[style*="width: 2%"] .percentage-text,.draw-percentage[style*="width: 3%"] .percentage-text,.draw-percentage[style*="width: 4%"] .percentage-text,.draw-percentage[style*="width: 5%"] .percentage-text,.away-percentage[style*="width: 0%"] .percentage-text,.away-percentage[style*="width: 1%"] .percentage-text,.away-percentage[style*="width: 2%"] .percentage-text,.away-percentage[style*="width: 3%"] .percentage-text,.away-percentage[style*="width: 4%"] .percentage-text,.away-percentage[style*="width: 5%"] .percentage-text{opacity:0}.home-percentage:hover .percentage-text,.draw-percentage:hover .percentage-text,.away-percentage:hover .percentage-text{opacity:1}.prediction-labels{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;font-size:.7rem;color:var(--text-secondary);margin-top:.35rem;font-weight:500}.home-label{text-align:left;opacity:.8}.draw-label{text-align:center;opacity:.8}.away-label{text-align:right;opacity:.8}.prediction-vote-counts{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;font-size:.65rem;color:var(--text-secondary);margin-top:.25rem;opacity:.7;font-weight:400}.home-votes{text-align:left}.draw-votes{text-align:center}.away-votes{text-align:right}.prediction-percentage-container:hover .percentage-text{opacity:1}.clear-btn{position:absolute;right:0;padding:.4rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .3s;font-weight:400;font-size:.75rem}.clear-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-1px)}.team-badge.ARS{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t3.png)}.team-badge.AVL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t7.png)}.team-badge.BOU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t91.png)}.team-badge.BRE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t94.png)}.team-badge.BHA{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t36.png)}.team-badge.BUR{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t90.png)}.team-badge.CHE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t8.png)}.team-badge.CRY{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t31.png)}.team-badge.EVE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t11.png)}.team-badge.FUL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t54.png)}.team-badge.LEE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t2.png)}.team-badge.LIV{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t14.png)}.team-badge.MCI{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t43.png)}.team-badge.MUN{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t1.png)}.team-badge.NEW{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t4.png)}.team-badge.NFO{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t17.png)}.team-badge.SOU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t20.png)}.team-badge.SUN{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t56.png)}.team-badge.TOT{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t6.png)}.team-badge.WHU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t21.png)}.team-badge.WOL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t39.png)}.match-card.home-predicted.ARS:before{background:linear-gradient(135deg,#ef0107,#063672)}.match-card.home-predicted.AVL:before{background:linear-gradient(135deg,#670e36,#95bfe5)}.match-card.home-predicted.BOU:before{background:linear-gradient(135deg,#da020e,#000)}.match-card.home-predicted.BRE:before{background:linear-gradient(135deg,gold,red)}.match-card.home-predicted.BHA:before{background:linear-gradient(135deg,#0057b8,#fff)}.match-card.home-predicted.BUR:before{background:linear-gradient(135deg,#6c1d45,#99d6ea)}.match-card.home-predicted.CHE:before{background:linear-gradient(135deg,#034694,#dba111)}.match-card.home-predicted.CRY:before{background:linear-gradient(135deg,#1b458f,#c4122e)}.match-card.home-predicted.EVE:before{background:linear-gradient(135deg,#039,#fff)}.match-card.home-predicted.FUL:before{background:linear-gradient(135deg,#000,#fff)}.match-card.home-predicted.LEE:before{background:linear-gradient(135deg,#fff,#1d428a)}.match-card.home-predicted.LIV:before{background:linear-gradient(135deg,#c8102e,#00b2a9)}.match-card.home-predicted.MCI:before{background:linear-gradient(135deg,#6cabdd,#1c2c5b)}.match-card.home-predicted.MUN:before{background:linear-gradient(135deg,#da020e,#fbe122)}.match-card.home-predicted.NEW:before{background:linear-gradient(135deg,#241f20,#fff)}.match-card.home-predicted.NFO:before{background:linear-gradient(135deg,#d00,#fff)}.match-card.home-predicted.SOU:before{background:linear-gradient(135deg,#d71920,#ffc20e)}.match-card.home-predicted.SUN:before{background:linear-gradient(135deg,#eb172b,#fff)}.match-card.home-predicted.TOT:before{background:linear-gradient(135deg,#132257,#fff)}.match-card.home-predicted.WHU:before{background:linear-gradient(135deg,#7a263a,#1bb1e7)}.match-card.home-predicted.WOL:before{background:linear-gradient(135deg,#fdb913,#231f20)}.match-card.away-predicted.ARS:before{background:linear-gradient(135deg,#ef0107,#063672)}.match-card.away-predicted.AVL:before{background:linear-gradient(135deg,#670e36,#95bfe5)}.match-card.away-predicted.BOU:before{background:linear-gradient(135deg,#da020e,#000)}.match-card.away-predicted.BRE:before{background:linear-gradient(135deg,gold,red)}.match-card.away-predicted.BHA:before{background:linear-gradient(135deg,#0057b8,#fff)}.match-card.away-predicted.BUR:before{background:linear-gradient(135deg,#6c1d45,#99d6ea)}.match-card.away-predicted.CHE:before{background:linear-gradient(135deg,#034694,#dba111)}.match-card.away-predicted.CRY:before{background:linear-gradient(135deg,#1b458f,#c4122e)}.match-card.away-predicted.EVE:before{background:linear-gradient(135deg,#039,#fff)}.match-card.away-predicted.FUL:before{background:linear-gradient(135deg,#000,#fff)}.match-card.away-predicted.LEE:before{background:linear-gradient(135deg,#fff,#1d428a)}.match-card.away-predicted.LIV:before{background:linear-gradient(135deg,#c8102e,#00b2a9)}.match-card.away-predicted.MCI:before{background:linear-gradient(135deg,#6cabdd,#1c2c5b)}.match-card.away-predicted.MUN:before{background:linear-gradient(135deg,#da020e,#fbe122)}.match-card.away-predicted.NEW:before{background:linear-gradient(135deg,#241f20,#fff)}.match-card.away-predicted.NFO:before{background:linear-gradient(135deg,#d00,#fff)}.match-card.away-predicted.SOU:before{background:linear-gradient(135deg,#d71920,#ffc20e)}.match-card.away-predicted.SUN:before{background:linear-gradient(135deg,#eb172b,#fff)}.match-card.away-predicted.TOT:before{background:linear-gradient(135deg,#132257,#fff)}.match-card.away-predicted.WHU:before{background:linear-gradient(135deg,#7a263a,#1bb1e7)}.match-card.away-predicted.WOL:before{background:linear-gradient(135deg,#fdb913,#231f20)}.match-card.home-predicted:before,.match-card.away-predicted:before{opacity:.35!important}.match-card.draw-predicted{background:var(--bg-card)}.match-card.draw-predicted .team.home,.match-card.draw-predicted .team.away{position:relative;border:1px solid transparent;box-shadow:0 0 0 1px #ffffff4d,0 0 10px #fff3,0 0 20px #ffffff1a;transform:translateY(-1px)}.match-card.draw-predicted .team.home:hover,.match-card.draw-predicted .team.away:hover{box-shadow:0 0 0 1px #fff6,0 0 15px #ffffff4d,0 0 25px #ffffff26;transform:translate(3px) translateY(-1px)}.match-card.draw-predicted .team.home:before,.match-card.draw-predicted .team.away:before{display:block;opacity:.35}.match-card.draw-predicted .team.ARS:before{background:linear-gradient(135deg,#ef0107,#063672)}.match-card.draw-predicted .team.AVL:before{background:linear-gradient(135deg,#670e36,#95bfe5)}.match-card.draw-predicted .team.BOU:before{background:linear-gradient(135deg,#da020e,#000)}.match-card.draw-predicted .team.BRE:before{background:linear-gradient(135deg,gold,red)}.match-card.draw-predicted .team.BHA:before{background:linear-gradient(135deg,#0057b8,#fff)}.match-card.draw-predicted .team.BUR:before{background:linear-gradient(135deg,#6c1d45,#99d6ea)}.match-card.draw-predicted .team.CHE:before{background:linear-gradient(135deg,#034694,#dba111)}.match-card.draw-predicted .team.CRY:before{background:linear-gradient(135deg,#1b458f,#c4122e)}.match-card.draw-predicted .team.EVE:before{background:linear-gradient(135deg,#039,#fff)}.match-card.draw-predicted .team.FUL:before{background:linear-gradient(135deg,#000,#fff)}.match-card.draw-predicted .team.IPS:before{background:linear-gradient(135deg,#0e4c92,#fff)}.match-card.draw-predicted .team.LEI:before{background:linear-gradient(135deg,#003090,#fdbe11)}.match-card.draw-predicted .team.LEE:before{background:linear-gradient(135deg,#fff,#1d428a)}.match-card.draw-predicted .team.LIV:before{background:linear-gradient(135deg,#c8102e,#00b2a9)}.match-card.draw-predicted .team.MCI:before{background:linear-gradient(135deg,#6cabdd,#1c2c5b)}.match-card.draw-predicted .team.MUN:before{background:linear-gradient(135deg,#da020e,#fbe122)}.match-card.draw-predicted .team.NEW:before{background:linear-gradient(135deg,#241f20,#fff)}.match-card.draw-predicted .team.NFO:before{background:linear-gradient(135deg,#d00,#fff)}.match-card.draw-predicted .team.SOU:before{background:linear-gradient(135deg,#d71920,#ffc20e)}.match-card.draw-predicted .team.SUN:before{background:linear-gradient(135deg,#eb172b,#fff)}.match-card.draw-predicted .team.TOT:before{background:linear-gradient(135deg,#132257,#fff)}.match-card.draw-predicted .team.WHU:before{background:linear-gradient(135deg,#7a263a,#1bb1e7)}.match-card.draw-predicted .team.WOL:before{background:linear-gradient(135deg,#fdb913,#231f20)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#fff;opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#0b66234d;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.stat-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#2bb52b,#22c55e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:#2bb52b!important}.submit-section{margin-top:2rem;padding:2rem;background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;text-align:center;box-shadow:0 10px 25px #00000026}.submit-actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.submit-btn{padding:1rem 3rem;background:linear-gradient(135deg,#228b22,#2bb52b);border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000026}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #667eea4d}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.submit-btn.submitted{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #4b55634d;color:#d1d5db;cursor:not-allowed}@keyframes submitSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.clear-all-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-dim);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem}.clear-all-btn:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444;transform:translateY(-1px)}.clear-all-btn.highlight-yellow{background:linear-gradient(135deg,#ffc10733,#ff980033);border-color:#ffc10799;color:#ffc107;box-shadow:0 4px 12px #ffc10733;animation:highlightPulse 2s ease-in-out infinite}.clear-all-btn.highlight-yellow:hover{background:linear-gradient(135deg,#ffc1074d,#ff98004d);border-color:#ffc107cc;color:#ffb300;transform:translateY(-2px);box-shadow:0 6px 20px #ffc1074d}@keyframes highlightPulse{0%,to{box-shadow:0 4px 12px #ffc10733}50%{box-shadow:0 6px 16px #ffc10766}}.profile-tab{max-width:800px;margin:0 auto;padding:2rem}.profile-content{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border);box-shadow:0 4px 6px #0000001a}.profile-content h2{margin-bottom:2rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.profile-content h3{margin-bottom:.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.profile-content p{color:var(--text-secondary);margin-bottom:1rem}.profile-content button{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-content button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0b66234d}.profile-placeholder{text-align:center;background:var(--bg-card);border-radius:16px;padding:3rem 2rem;border:1px solid var(--border);box-shadow:0 4px 6px #0000001a}.profile-placeholder h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.profile-placeholder p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.profile-placeholder button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-placeholder button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0b662366}.avatar-selector{max-width:600px;margin:0 auto;padding:20px;text-align:center}.avatar-selector h3{margin-bottom:8px;color:#2c3e50;font-size:1.5rem}.avatar-selector .subtitle{color:#7f8c8d;margin-bottom:30px;font-size:.95rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;margin-bottom:30px;max-width:540px;margin-left:auto;margin-right:auto}.avatar-option{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.avatar-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#007bff}.avatar-option.selected{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff33}.avatar-preview{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-bottom:8px;border:2px solid #f8f9fa}.avatar-label{font-size:.75rem;color:#6c757d;font-weight:500}.selected-preview{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.selected-preview h4{margin-bottom:15px;color:#495057;font-size:1.1rem}.large-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto;border:3px solid #007bff;box-shadow:0 4px 12px #007bff33}.user-avatar{border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar.small{width:32px;height:32px;border:2px solid #f8f9fa}.user-avatar.medium{width:48px;height:48px;border:2px solid #e9ecef}.user-avatar.large{width:64px;height:64px;border:3px solid #007bff}.profile-setup-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-setup-content{background:var(--bg-card);border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.profile-setup-header{text-align:center;margin-bottom:30px}.profile-setup-header h2{color:var(--text-primary);margin-bottom:10px;font-size:2rem}.profile-setup-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}.setup-progress{display:flex;align-items:center;justify-content:center;margin:20px 0;gap:10px}.progress-step{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-dim);transition:all .3s ease;border:2px solid var(--border)}.progress-step.active{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.progress-line{height:3px;width:50px;background:var(--border);border-radius:2px}.setup-step{min-height:400px;display:flex;flex-direction:column}.setup-step h3{text-align:center;margin-bottom:10px;color:var(--text-primary);font-size:1.5rem}.setup-step>p{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:1rem}.profile-form-group{margin-bottom:20px}.profile-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.profile-form-group small{color:var(--text-dim);font-size:.875rem;margin-top:4px;display:block}.profile-form-group input,.profile-form-group textarea{width:100%;padding:15px;border:2px solid var(--border);border-radius:12px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.profile-form-group input:focus,.profile-form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0b66231a;background:var(--bg-card)}.profile-form-actions{display:flex;gap:12px;margin-top:30px}.profile-btn{flex:1;padding:15px 25px;border:2px solid transparent;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-btn.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0b66234d}.profile-btn.primary:disabled{background:var(--bg-secondary);color:var(--text-dim);border-color:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.profile-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border)}.profile-btn.secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-dim);transform:translateY(-1px)}.settings-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-modal{background:#1a1a1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);border-radius:20px 20px 0 0}.settings-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-content{padding:2rem}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 0 2px #0b66231a}.settings-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 20px 20px}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;animation:fade-in .3s ease;z-index:999}.modal{background:var(--bg-card);padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:90%;animation:pop-in .3s ease}.modal h3{margin-bottom:1rem;font-size:1.4rem}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.cancel-btn,.confirm-btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .15s ease}.cancel-btn{background:#eee;color:#333}.confirm-btn{background:linear-gradient(90deg,#7aa0ff,#a855f7,#22d3ee);color:#fff}.cancel-btn:hover,.confirm-btn:hover{transform:translateY(-2px)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#228b22;border-radius:50%;animation:spin 1s linear infinite}.success-message{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 20px 40px #0000004d;animation:slideIn .3s;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.success-message{background:var(--success);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confetti{position:absolute;top:0;left:0;width:6px;height:12px;background:hsl(var(--hue),70%,55%);opacity:.9;border-radius:2px;animation:confetti-fall .9s ease-out forwards;pointer-events:none}@keyframes confetti-fall{0%{transform:translate(var(--x, 0),var(--y, 0)) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(var(--x, 0),calc(var(--y, 0) + 200px)) rotate(720deg) scale(.7);opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.header-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem 1rem}.header-content>:first-child{align-self:center}.header-content>:first-child img:first-child{height:48px!important}.header-content>:first-child img:last-child{height:52px!important}.header-nav-tabs{min-width:auto;width:100%;padding:5px;gap:1px;order:2}.header-nav-tab{padding:12px 8px;font-size:.8rem;white-space:nowrap;flex:1;min-width:0;text-align:center;min-height:44px}.header-content>:last-child{align-self:center;order:3}.gameweek-header{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem;text-align:center;padding:1rem}.gameweek-title-container{order:1}.gameweek-progress{order:2;justify-self:center}.gameweek-nav{order:3;justify-content:center}.gameweek-ring svg{width:100px;height:100px}.gameweek-value{font-size:1.5rem}.gameweek-label{font-size:.7rem}.error-toast{bottom:1rem;right:1rem;max-width:280px;font-size:.85rem}h1{font-size:1.5rem}.team-name{font-size:.95rem}.header-content{flex-direction:column}.gameweek-header{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr 1fr}.nav-tab{min-width:120px;padding:9px 14px}.settings-modal{margin:10px;max-width:calc(100% - 20px)}.settings-header,.settings-content,.settings-actions{padding:1rem}.settings-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 520px){.nav-tab{min-width:120px;padding:9px 14px}}@media (max-width: 480px){.header-content{gap:.5rem;padding:.25rem .5rem}.header-content>:first-child img:first-child{height:40px!important}.header-content>:first-child img:last-child{height:44px!important}.header-nav-tab{padding:10px 6px;font-size:.75rem;min-height:42px}.header-nav-tabs{padding:4px;gap:1px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #228B22;outline-offset:2px}.badge{padding:.375rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.badge.live{border-color:#f43f5e80;background:#f43f5e1f}.badge.ft{border-color:#22c55e80;background:#22c55e1f}.leagues-placeholder{text-align:center;background:var(--bg-card);border-radius:16px;padding:3rem 2rem;border:1px solid var(--border);box-shadow:0 4px 6px #0000001a;max-width:600px;margin:2rem auto}.leagues-placeholder h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.leagues-placeholder p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.leagues-placeholder button{background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.leagues-placeholder button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0b662366}.profile-dropdown{position:relative}.profile-button{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.profile-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00000026;border-color:#fff3}.default-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.profile-name{display:flex;flex-direction:column;align-items:flex-start;font-weight:500;color:var(--text-primary);font-size:.95rem}.user-tag{font-size:.75rem;color:var(--text-secondary);font-weight:400}.dropdown-arrow{font-size:.8rem;color:var(--text-secondary);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{position:fixed;inset:0;z-index:999}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0000004d;min-width:280px;z-index:1000;animation:slideDown .2s ease-out;overflow:hidden}.profile-menu-header{padding:1.5rem;background:var(--bg-secondary)}.profile-info{display:flex;align-items:center;gap:12px}.default-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.menu-username{font-weight:600;color:var(--text-primary);font-size:1rem}.menu-email{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.menu-divider{height:1px;background:var(--border);margin:0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:background .2s ease;color:var(--text-primary);font-size:.95rem}.menu-item:hover{background:var(--bg-hover)}.menu-item.sign-out{color:#ef4444}.menu-item.sign-out:hover{background:#ef44441a}.menu-icon{font-size:1rem;width:20px;text-align:center}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.delete-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.delete-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:500px;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:#dc2626;color:#fff;border-radius:16px 16px 0 0}.delete-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.delete-modal-content{padding:2rem}.warning-section{margin-bottom:2rem}.warning-section h3{color:#dc2626;margin-bottom:1rem;font-size:1.1rem}.warning-section p{color:var(--text-secondary);margin-bottom:.75rem}.warning-section ul{color:var(--text-secondary);margin-left:1.5rem;margin-bottom:0}.warning-section li{margin-bottom:.5rem}.confirmation-section{margin-bottom:2rem;padding:1.5rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px}.confirmation-section p{margin-bottom:1rem;color:var(--text-primary)}.confirmation-input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s}.confirmation-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.user-info-section{padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem}.user-info-section p{margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.account-details{color:var(--text-primary);font-size:1rem}.delete-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 16px 16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.points-display{display:flex;gap:.5rem;align-items:center}.stat-card.mini{background:#1a1a1a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:6px;padding:.375rem .5rem;min-width:45px;text-align:center;transition:all .3s}.stat-card.mini:hover{border-color:#0b66234d;transform:translateY(-2px)}.stat-card.mini .stat-value{font-size:.85rem;font-weight:700;background:linear-gradient(135deg,#2bb52b,#22c55e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:#2bb52b!important}.stat-card.mini .stat-value.streak{background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card.mini .stat-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}.success-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#22c55e1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--text-primary);padding:1rem 2rem;border-radius:12px;font-weight:600;box-shadow:0 10px 25px #0003;z-index:1000}.info-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0b66231a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,102,35,.3);color:#3b82f6;padding:1rem 2rem;border-radius:12px;font-weight:600;z-index:1000}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.saved-indicator{color:var(--text-primary);font-weight:700;margin-left:.5rem}.match-card.saved{position:relative}.match-card.saved:after{content:"✓ Saved";position:absolute;top:.5rem;right:.5rem;background:#ffffff1a;color:var(--text-primary);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid rgba(34,197,94,.3)}.match-card.saving{animation:pulse-save .5s ease}@keyframes pulse-save{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 10px 30px #0b66234d}to{transform:scale(1)}}.live-status{color:var(--live-red)!important;font-weight:600;text-shadow:0 0 8px var(--live-pulse)}.live-dot{display:inline-block;margin-left:4px;animation:live-pulse 2s infinite ease-in-out}.live-score{color:var(--live-red);font-weight:700;text-shadow:0 0 8px var(--live-pulse);animation:live-glow 3s infinite ease-in-out}.half-time-score{margin-top:4px;font-size:.7rem;color:var(--text-dim);opacity:.8}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes live-glow{0%,to{text-shadow:0 0 8px var(--live-pulse)}50%{text-shadow:0 0 12px var(--live-red),0 0 20px var(--live-pulse)}}.weekly-points{color:var(--text-primary);font-weight:600;animation:fadeIn .5s ease}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes text-pan{0%{background-position:0% 50%}to{background-position:100% 50%}}.results-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-top:1rem}.results-summary p{margin:.5rem 0;color:var(--text-primary)}.modal{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;border-radius:20px;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);max-width:400px;animation:modalSlide .3s ease}@keyframes modalSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transition:all .3s}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0b66234d}.toggle-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.toggle-group label{color:var(--text-primary);font-size:.95rem;font-weight:500;flex:1;margin:0;cursor:pointer}.toggle-switch{position:relative;width:52px;height:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-switch:hover{border-color:var(--accent);box-shadow:0 0 0 3px #0b66231a}.toggle-switch.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent}.toggle-switch.active:hover{box-shadow:0 0 0 3px #0b662333}.toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--text-primary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{transform:translate(24px);background:#fff;box-shadow:0 2px 8px #0000004d}.toggle-group input[type=checkbox]{display:none}@media (hover: none) and (pointer: coarse){.nav-tab:hover,.match-card:hover,.btn:hover,.stat-tile:hover{transform:none!important;box-shadow:none!important}.nav-tab,.btn,.toggle-switch{min-height:44px;min-width:44px}.nav-tab:active,.btn:active,.match-card:active{transform:scale(.98);opacity:.8}}@media (max-width: 480px){:root{--mobile-padding: .75rem;--mobile-gap: .5rem}.main-content,.dashboard-content,.auth-container{padding:var(--mobile-padding)}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}.header-content{padding:var(--mobile-gap) var(--mobile-padding)}.header-nav-tab{font-size:.75rem;padding:8px 4px}.fixtures-container{display:flex;flex-direction:column;gap:var(--mobile-gap)}.match-card{padding:1rem;margin:0}.team-name{font-size:.85rem}.prediction-buttons{gap:.25rem}.prediction-button{padding:.5rem .75rem;font-size:.8rem;min-width:auto}.quick-stats-grid{grid-template-columns:1fr 1fr;gap:var(--mobile-gap)}.stat-tile{padding:.75rem}.stat-value{font-size:1.25rem}.modal,.delete-modal{margin:var(--mobile-padding);max-width:calc(100vw - 2 * var(--mobile-padding))}.form-group input,.form-group select,.form-group textarea{padding:.875rem;font-size:16px}.error-toast,.success-toast{bottom:var(--mobile-padding);right:var(--mobile-padding);left:var(--mobile-padding);max-width:none}.badge,.submitted-badge,.completed-badge,.coming-soon-badge{font-size:max(.85rem,14px)!important;padding:.5rem 1rem!important;min-height:28px!important}html,body{background:var(--bg-primary)!important;background-color:var(--bg-primary)!important}body:before{content:"";position:fixed;inset:0;background:var(--bg-primary);z-index:-1;pointer-events:none}.app{background:var(--bg-primary);min-height:100vh}.team-badge{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;background-size:80% auto!important;flex-shrink:0!important}}@media (max-width: 768px) and (orientation: portrait){.fixtures-container{display:grid;grid-template-columns:1fr;gap:1rem}.gameweek-header{padding:1rem;grid-template-columns:1fr;text-align:center;min-height:140px;align-items:center}.gameweek-progress{margin:1rem 0}.gameweek-ring svg{width:120px;height:120px}.prediction-buttons{gap:.5rem}.prediction-button{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 768px){.header-content{padding:.5rem 1rem}.gameweek-header{padding:.75rem}.fixtures-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}@supports (padding: max(0px)){.header-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(.5rem,env(safe-area-inset-top))}.main-content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.main-content,.fixtures-container,.dashboard-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.nav-tab,.prediction-button,.btn,.match-card .team-info,.stat-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);gap:1rem}.match-card,.stat-tile,.nav-tab{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-color-scheme: dark){.match-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-screen{animation:none}}.rules-container{max-width:1000px;margin:0 auto;padding:2rem 1rem;color:var(--text-primary)}.rules-header{text-align:center;margin-bottom:3rem;padding:2rem;background:radial-gradient(120% 120% at 50% 0%,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:20px}.rules-title-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.rules-logo{filter:brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(1234%) hue-rotate(213deg) brightness(98%) contrast(85%) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rules-header h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.rules-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0}.rules-content{display:flex;flex-direction:column;gap:.3rem;padding:2rem}.quick-start-card{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.quick-start-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.quick-start-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.simple-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.simple-rules-list li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5;padding:.5rem 0}.simple-rules-list li:before{content:"•";color:var(--accent);font-weight:700;font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.tier-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.tier{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:1.5rem}.tier.premium-tier{background:linear-gradient(135deg,#f973161a,#ea580c0d);border-color:#f9731633}.tier h4{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.tier ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tier li{color:var(--text-secondary);font-size:.9rem;line-height:1.4;padding-left:1rem;position:relative}.tier li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.season-info{color:var(--text-dim);font-size:.9rem;text-align:center;margin:0;padding:1rem;background:#ffffff0d;border-radius:6px}.rules-section{animation:fadeInUp .6s ease-out;margin-bottom:1rem}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:radial-gradient(120% 120% at 50% 0%,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:1rem;color:var(--text-primary);text-align:left;appearance:none;outline:none;margin-bottom:0}.section-header:hover{background:radial-gradient(120% 120% at 50% 0%,#3b82f626,#3b82f614);border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.section-header[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;background:radial-gradient(120% 120% at 50% 0%,#22c55e1a,#22c55e0d);border-color:#22c55e4d}.section-title-content{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600}.collapsible-content{border:1px solid rgba(34,197,94,.2);border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;animation:slideDown .3s ease-out;margin-top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.75rem;font-weight:600;color:var(--accent);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.rule-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.rule-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026;border-color:#22c55e4d}.rule-item{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff05;border-radius:12px;border-left:4px solid var(--accent)}.rule-label{color:var(--accent);font-size:1.1rem;font-weight:600}.rule-item span{color:var(--text-secondary);line-height:1.6}.prediction-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.prediction-option{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.prediction-option:hover{transform:translateY(-2px);border-color:var(--accent)}.option-label{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.option-label.home{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.option-label.away{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.option-label.draw{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rule-highlight{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1.5rem;text-align:center;color:var(--text-primary);font-size:1.1rem;margin-top:1rem}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.score-item{text-align:center;padding:1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;transition:all .3s ease}.score-item.draw-score{background:#f59e0b1a;border-color:#f59e0b4d}.score-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.score-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.score-desc{color:var(--text-secondary);font-size:1rem;line-height:1.4}.examples{margin-top:2rem}.examples h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:600}.example-item{display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;align-items:center;padding:1rem;margin-bottom:.75rem;background:#ffffff05;border-radius:8px;border-left:3px solid var(--accent)}.match-result{font-weight:600;color:var(--text-primary)}.prediction{color:var(--text-secondary);font-style:italic}.points-earned{font-weight:600;text-align:right}.leaderboard-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.leaderboard-type h3{color:var(--accent);font-size:1.3rem;margin-bottom:1rem;font-weight:600}.leaderboard-type ul{list-style:none;padding:0;margin:0}.leaderboard-type li{padding:.75rem;margin-bottom:.5rem;background:#ffffff05;border-radius:8px;color:var(--text-secondary);line-height:1.5;border-left:3px solid var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-item{padding:1.5rem;background:#ffffff05;border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-item strong{display:block;color:var(--accent);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.stat-item span{color:var(--text-secondary);line-height:1.4}.accuracy-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.season-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2rem}.season-stat{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:16px}.big-number{font-size:3rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:600}.season-note{text-align:center;color:var(--text-secondary);line-height:1.6}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tip-item{display:flex;gap:1rem;padding:1.5rem;background:#ffffff05;border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.tip-item:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 16px #0000001a}.tip-icon{font-size:2rem;flex-shrink:0}.tip-content{display:flex;flex-direction:column;gap:.5rem}.tip-content strong{color:var(--text-primary);font-size:1.1rem;font-weight:600}.tip-content span{color:var(--text-secondary);line-height:1.4}.tech-details{display:grid;grid-template-columns:1fr;gap:1rem}.tech-item{padding:1rem;background:#ffffff05;border-radius:8px;border-left:3px solid var(--accent);color:var(--text-secondary);line-height:1.5}.tech-item strong{color:var(--text-primary)}@media (max-width: 768px){.rules-container{padding:0}.rules-main-header,.rules-content{padding:1rem}.tier-comparison{grid-template-columns:1fr}.rule-card{padding:1.5rem}.quick-start-card{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px;cursor:pointer;transition:all .2s ease}.mobile-menu-toggle:hover{background:#ffffff26}.desktop-nav-items{display:flex;align-items:center}.desktop-nav-items .header-nav-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;min-width:120px;white-space:nowrap;font-size:.875rem;font-weight:500;border-radius:8px;transition:all .2s ease}.desktop-nav-items .header-nav-tab svg{width:20px;height:20px;flex-shrink:0}.mobile-nav-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-menu{position:absolute;top:0;right:0;height:100vh;width:min(85vw,400px);background:var(--bg-primary);border-left:1px solid var(--border);padding:2rem 0;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;display:flex;flex-direction:column}.mobile-nav-overlay.open .mobile-nav-menu{transform:translate(0)}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.mobile-nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-nav-item.active{background:#3b82f61a;color:var(--text-primary);border-left-color:#3b82f6}.nav-item-content{display:flex;flex-direction:column;gap:.25rem}.nav-item-title{font-weight:600;font-size:1.1rem}.nav-item-subtitle{font-size:.85rem;color:var(--text-dim);opacity:.8}.mobile-nav-profile{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border);background:#ffffff05}.mobile-profile-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mobile-profile-avatar{flex-shrink:0}.mobile-profile-details{flex:1;min-width:0}.mobile-profile-name{display:block;font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-email{display:block;font-size:.875rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-profile-btn{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-profile-btn:hover{background:#ffffff1a;color:var(--text-primary)}.mobile-profile-btn.sign-out{background:#ef44441a;border-color:#ef444433;color:#ef4444}.draw-label-container{display:flex;flex-direction:column;align-items:center;text-align:center}.total-predictions{font-size:.7rem;color:var(--text-dim);font-weight:400;margin-top:.25rem}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.desktop-nav-items{display:none}}.rewards-container{max-width:1000px;margin:0 auto;padding:1rem;space-y:1.5rem}.rewards-header{text-align:center;padding:2rem 0}.rewards-header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.rewards-icon{color:#f59e0b}.rewards-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.rewards-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.subscription-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.subscription-card.subscribed{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e0d,#16a34a08)}.subscription-card.unsubscribed{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#d9770608)}.subscription-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.subscription-icon{width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.subscription-info h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.subscription-info p{color:var(--text-secondary);margin:0}.subscription-price{margin-left:auto;text-align:center}.price{font-size:2rem;font-weight:700;color:var(--text-primary)}.period{font-size:.9rem;color:var(--text-secondary)}.subscription-benefits{margin-bottom:2rem}.subscription-benefits h3{color:var(--text-primary);margin-bottom:1rem}.subscription-benefits ul{list-style:none;padding:0;margin:0}.subscription-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary)}.subscription-benefits li svg{color:#f59e0b;flex-shrink:0}.subscribe-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f59e0b4d}.subscription-status{display:flex;align-items:center;gap:2rem}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.85rem;color:var(--text-secondary)}.status-value{font-weight:600;color:var(--text-primary)}.status-value.active{color:#22c55e}.manage-btn{margin-left:auto;padding:.75rem 1.5rem;background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.manage-btn:hover{background:#ffffff26}.how-it-works-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.how-it-works-card h2{color:var(--text-primary);text-align:center;margin-bottom:2rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.step{text-align:center}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;margin:0 auto 1rem}.step-content h3{color:var(--text-primary);margin:0 0 .5rem}.step-content p{color:var(--text-secondary);margin:0;font-size:.9rem}.current-week-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.current-week-card h2{color:var(--text-primary);text-align:center;margin-bottom:2rem}.week-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.week-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.prize{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-icon.threshold{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.deadline{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.current-leader{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1.5rem}.current-leader h3{color:var(--text-primary);margin:0 0 1rem;text-align:center}.leader-info{display:flex;align-items:center;gap:1rem}.leader-avatar{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.leader-details{display:flex;flex-direction:column}.leader-name{font-weight:600;color:var(--text-primary)}.leader-points{font-size:.9rem;color:var(--text-secondary)}.leader-status{margin-left:auto;padding:.5rem 1rem;background:#22c55e1a;color:#22c55e;border-radius:8px;font-weight:600;font-size:.9rem}.premium-leaderboard-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.premium-leaderboard-card h2{color:var(--text-primary);text-align:center;margin-bottom:2rem}.leaderboard-full{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.leaderboard-header{display:grid;grid-template-columns:60px 1fr 80px 150px;gap:1rem;padding:1rem;background:#ffffff0d;font-weight:600;color:var(--text-primary);font-size:.9rem}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 80px 150px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.winner{background:linear-gradient(135deg,#f59e0b1a,#d977060d)}.rank{font-weight:600;color:var(--text-primary)}.player-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.points{font-weight:600;color:var(--text-primary)}.status{color:var(--text-secondary);font-size:.9rem}.status.eligible{color:#22c55e;font-weight:600}.leaderboard-locked{text-align:center;padding:3rem 1rem}.lock-icon{color:var(--text-secondary);margin-bottom:1rem}.leaderboard-locked h3{color:var(--text-primary);margin:1rem 0 .5rem}.leaderboard-locked p{color:var(--text-secondary);margin-bottom:2rem}.unlock-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.unlock-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f59e0b4d}.recent-winners-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.recent-winners-card h2{color:var(--text-primary);text-align:center;margin-bottom:2rem}.winners-list{space-y:1rem}.winner-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1rem}.winner-item.no-winner{opacity:.6}.winner-week{font-weight:600;color:var(--text-secondary);min-width:80px}.winner-info{display:flex;align-items:center;gap:.75rem;flex:1}.winner-avatar{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.winner-details{display:flex;flex-direction:column}.winner-name{font-weight:600;color:var(--text-primary)}.winner-score{font-size:.9rem;color:var(--text-secondary)}.no-winner-text{color:var(--text-secondary);font-style:italic}.winner-prize{font-weight:700;color:#22c55e;font-size:1.1rem}@media (max-width: 768px){.rewards-container{padding:.5rem}.subscription-header{flex-direction:column;text-align:center;gap:1rem}.subscription-price{margin-left:0}.steps-grid{grid-template-columns:1fr;gap:2rem}.week-stats{grid-template-columns:1fr}.subscription-status{flex-direction:column;gap:1rem}.manage-btn{margin-left:0}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 60px 120px;font-size:.85rem}.leader-info{flex-direction:column;text-align:center;gap:.5rem}.leader-status{margin-left:0;margin-top:.5rem}}.future-gameweek-overlay{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.future-gameweek-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:3rem;text-align:center;max-width:500px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.future-gameweek-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);z-index:0}.future-gameweek-card>*{position:relative;z-index:1}.future-gameweek-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#6b728033;border-radius:50%;color:var(--text-dim)}.future-gameweek-card h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.future-gameweek-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.current-gameweek-link{margin-top:2rem}.back-to-current-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.back-to-current-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.back-to-current-btn:active{transform:translateY(0)}@media (max-width: 768px){.future-gameweek-overlay{min-height:50vh;padding:1rem}.future-gameweek-card{padding:2rem 1.5rem}.future-gameweek-card h3{font-size:1.5rem}.future-gameweek-card p{font-size:1rem}}.profile-setup-prompt{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.setup-prompt-content{background:var(--bg-card);padding:3rem 2rem;border-radius:16px;box-shadow:var(--shadow-lg);max-width:400px;width:100%}.setup-prompt-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.setup-prompt-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.setup-profile-btn{background:linear-gradient(135deg,var(--accent),#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #22c55e4d}.setup-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.enhanced-profile{max-width:900px;margin:0 auto;animation:fadeIn .5s ease}.profile-header-section{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border);margin-bottom:1.5rem}.profile-avatar-section{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}.main-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #0003;transition:all .3s}.main-avatar:hover{transform:scale(1.05)}.avatar-text{font-size:2.5rem;font-weight:700;color:#fff}.avatar-edit-btn{position:absolute;bottom:5px;right:5px;width:32px;height:32px;background:#fff;border:2px solid var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-identity{flex:1}.profile-username{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.profile-email{color:var(--text-secondary);margin-bottom:1rem}.level-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#2bb52b1a,#2bb52b0d);border:1px solid rgba(43,181,43,.3);border-radius:12px;margin-bottom:1rem}.level-icon{font-size:1.25rem}.level-text{font-weight:600;color:#2bb52b}@media (max-width: 768px){.enhanced-profile{margin:0;padding:.5rem}.profile-header-section{padding:1.5rem 1rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:var(--bg-card)}.profile-avatar-section{flex-direction:column;text-align:center;gap:1.5rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.main-avatar{width:100px;height:100px;align-self:center}.profile-identity{width:100%}.profile-username{font-size:1.5rem;color:var(--text-primary)}.profile-email{color:var(--text-secondary);font-size:.9rem}}@media (max-width: 480px){.profile-header-section{padding:1rem;margin:.5rem}.profile-avatar-section{padding:1rem .5rem}.main-avatar{width:80px;height:80px}.avatar-text{font-size:2rem}.profile-username{font-size:1.25rem}}.level-name{font-size:.875rem;color:var(--text-secondary)}.level-progress{margin-top:1rem}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .5s ease}.progress-text{font-size:.75rem;color:var(--text-secondary)}.profile-quick-stats{display:flex;gap:2rem;justify-content:space-around;padding-top:1.5rem;border-top:1px solid var(--border)}.quick-stat{text-align:center}.stat-emoji{font-size:1.5rem;display:block;margin-bottom:.5rem}.stat-val{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-name{font-size:.875rem;color:var(--text-secondary)}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-card);padding:.5rem;border-radius:14px;border:1px solid var(--border)}.profile-tabs button{flex:1;padding:.75rem;background:transparent;border:none;color:var(--text-secondary);font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.profile-tabs button:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-tabs button.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.profile-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);min-height:400px}.bio-section{margin-bottom:2rem}.bio-section h3{margin-bottom:1rem;font-size:1.1rem}.bio-section textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;resize:vertical;transition:all .2s}.bio-section textarea:focus{outline:none;border-color:var(--accent)}.badges-section{margin-bottom:2rem}.badges-section h3{margin-bottom:1rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.badge{background:var(--bg-secondary);border-radius:12px;padding:1rem;text-align:center;transition:all .3s;border:1px solid var(--border)}.badge.earned{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf244d}.badge.locked{opacity:.5;filter:grayscale(1)}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.badge-icon{font-size:2rem;display:block;margin-bottom:.5rem}.badge-name{font-size:.875rem;font-weight:500}.season-stats{margin-bottom:2rem}.season-stats h3{margin-bottom:1rem}.season-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.season-stat{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.season-label{color:var(--text-secondary);font-size:.875rem}.season-value{font-weight:600;color:var(--text-primary)}.form-section,.privacy-section{margin-bottom:2rem}.form-section h3,.privacy-section h3{margin-bottom:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.privacy-option{margin-bottom:1rem}.privacy-option label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;cursor:pointer;transition:all .2s}.privacy-option label:hover{background:var(--bg-hover)}.privacy-option input[type=radio]{margin-top:.25rem}.option-content{flex:1}.option-title{display:block;font-weight:500;margin-bottom:.25rem}.option-desc{font-size:.875rem;color:var(--text-secondary)}.notifications-section{margin-bottom:2rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:10px;margin-bottom:.75rem}.notification-info{flex:1}.notification-title{display:block;font-weight:500;margin-bottom:.25rem}.notification-desc{font-size:.875rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-primary);transition:.3s;border-radius:24px;border:1px solid var(--border)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(24px)}.pref-item{padding:.75rem 0}.pref-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.avatar-selection,.theme-selection,.profile-banner{margin-bottom:2rem}.avatar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem}.avatar-option{text-align:center;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .2s;border:2px solid transparent}.avatar-option:hover{background:var(--bg-secondary)}.avatar-option.selected{border-color:var(--accent);background:var(--bg-secondary)}.avatar-option .avatar-preview{width:60px;height:60px;margin:0 auto .5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.avatar-name{font-size:.75rem;color:var(--text-secondary)}.theme-options,.banner-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.theme-option,.banner-option{text-align:center;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .2s}.theme-option:hover,.banner-option:hover{background:var(--bg-secondary)}.theme-preview,.banner-preview{width:100%;height:60px;border-radius:8px;margin-bottom:.5rem}.theme-preview.dark{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.theme-preview.light{background:linear-gradient(135deg,#fff,#f0f0f0)}.theme-preview.auto{background:linear-gradient(135deg,#1a1a1a 50%,#fff 50%)}.banner-preview.stadium{background:url(data:image/svg+xml,<svg>...</svg>),linear-gradient(135deg,#22c55e,#16a34a)}.banner-preview.gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.banner-preview.team{background:linear-gradient(135deg,#ef4444,#dc2626)}.profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.enhanced-dashboard{display:flex;flex-direction:column;animation:fadeIn .5s ease}.dashboard-content{display:grid;gap:1.5rem;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dashboard-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.performance-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border)}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.performance-header h2{font-size:1.25rem;font-weight:600}.time-selector{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px}.time-selector button{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.time-selector button:hover{color:var(--text-primary)}.time-selector button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.performance-badge{display:flex;flex-direction:column;align-items:center;padding:2rem;border:2px solid;border-radius:20px;background:var(--bg-secondary);transition:all .3s}.badge-label{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.accuracy-ring{position:relative;display:flex;align-items:center;justify-content:center}.accuracy-text{position:absolute;display:flex;flex-direction:column;align-items:center}.accuracy-value{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accuracy-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.stat-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;gap:1rem;align-items:center;transition:all .2s;min-height:100px;position:relative;overflow:hidden}.stat-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent)}.stat-tile.streak-hot{background:linear-gradient(135deg,#ef44441a,#fb923c1a);border-color:#ef44444d}.stat-tile.streak-hot:hover{border-color:#ef444499;box-shadow:0 4px 20px #ef444433}.flame-hot{color:#ef4444!important;filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.flame-warm{color:#10b981!important;filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.streak-fire{font-size:1.2em;animation:bounce 2s infinite}.new-record{font-size:.8em;color:#fbbf24;font-weight:700;animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stat-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;flex-shrink:0;color:var(--text-primary)}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0;font-weight:500;letter-spacing:.3px}.stat-change{font-size:.8rem;color:var(--accent);margin-top:.25rem;font-weight:500}.stat-change.positive{color:var(--accent)}.stat-change.negative{color:#ef4444}.recent-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.recent-form-card h3{margin-bottom:1rem;font-size:1.1rem}.form-indicators{display:flex;gap:.5rem}.form-indicator{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s;cursor:default}.form-indicator:hover{transform:scale(1.1)}.form-indicator.w{background:#22c55e33;color:var(--accent);border:1px solid rgba(34,197,94,.3)}.form-indicator.l{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.form-indicator.d{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.progress-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.progress-chart-card h3{margin-bottom:1.5rem}.chart-container{display:flex;justify-content:space-around;align-items:flex-end;height:150px;margin-bottom:1rem;padding:0 1rem}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.chart-bars{display:flex;gap:4px;align-items:flex-end;height:120px}.chart-bar{width:20px;background:linear-gradient(to top,var(--accent),rgba(59,130,246,.7));border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.chart-bar.points{background:linear-gradient(to top,#3b82f6,#60a5fa)}.chart-bar.correct{background:linear-gradient(to top,var(--accent),#228B22)}.chart-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.chart-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.chart-legend .dot.points{background:#3b82f6}.chart-legend .dot.correct{background:var(--accent)}.achievements-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.achievements-card h3{margin-bottom:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.achievement{background:var(--bg-secondary);border-radius:12px;padding:1rem;text-align:center;position:relative;transition:all .3s}.achievement.unlocked{border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#fbbf241a,#fbbf240d)}.achievement.locked{opacity:.6;border:1px solid var(--border)}.achievement:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.achievement-icon{font-size:2rem;margin-bottom:.5rem}.achievement-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.achievement-desc{font-size:.75rem;color:var(--text-secondary)}.achievement-progress{margin-top:.75rem;font-size:.75rem}.progress-bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .5s ease}.patterns-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.patterns-card h3{margin-bottom:1rem}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pattern-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px;transition:all .2s}.pattern-item:hover{background:var(--bg-hover)}.pattern-label{font-size:.875rem;color:var(--text-secondary)}.pattern-value{font-weight:600;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-tile{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem;min-height:120px;justify-content:center}.stat-icon{width:44px;height:44px;font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.85rem}.stat-change{font-size:.75rem}.performance-card{padding:1.5rem;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;position:relative}.accuracy-ring{margin:1.5rem 0;min-height:130px;min-width:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.accuracy-ring svg{width:120px;height:120px;max-width:none;max-height:none}.accuracy-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.streak-fire{font-size:1.1em}.new-record{font-size:.7em}.achievements-grid{grid-template-columns:1fr}}@media (max-width: 480px){.performance-card{padding:2rem 1rem;min-height:200px;margin:.5rem}.accuracy-ring{margin:2rem 0;min-height:140px;min-width:140px}.accuracy-ring svg{width:110px;height:110px}.patterns-grid{grid-template-columns:1fr}.chart-container{padding:0}.chart-bar{width:15px}}@media (max-width: 480px){.quick-stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-tile{padding:1rem;min-height:100px;gap:.5rem}.stat-icon{width:40px;height:40px;font-size:1.4rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.stat-change{font-size:.7rem}.dashboard-content{padding:1rem;gap:1rem}.dashboard-header{padding:1rem}}.weekly-progress-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.progress-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.progress-legend{display:flex;gap:1.5rem;align-items:center}.legend-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.legend-dot{width:12px;height:12px;border-radius:2px}.points-dot{background-color:#3b82f6}.predictions-dot{background-color:#10b981}.progress-chart-container{position:relative;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.progress-chart-container::-webkit-scrollbar{height:4px}.progress-chart-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:2px}.progress-chart-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.progress-chart-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.chart-scroll-container{display:flex;gap:1rem;min-width:min-content;padding:0 1rem}.gameweek-column{display:flex;flex-direction:column;align-items:center;min-width:80px;position:relative;padding:.5rem;border-radius:12px;transition:all .3s ease}.gameweek-column:hover{background:#3b82f60d;transform:translateY(-2px)}.gameweek-column.current-week{background:#3b82f614;border:2px solid rgba(59,130,246,.2);box-shadow:0 4px 12px #3b82f626}.charts-container{display:flex;gap:.75rem;align-items:end;height:120px;margin-bottom:1rem}.chart-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100px;justify-content:end}.chart-bar{width:20px;border-radius:4px 4px 0 0;transition:all .3s ease;position:relative;box-shadow:0 2px 4px #0000001a}.predictions-bar{background:linear-gradient(180deg,#10b981,#047857)}.chart-bar:hover{transform:scaleY(1.05);box-shadow:0 4px 8px #0003}.chart-value{font-size:.75rem;font-weight:600;text-align:center;min-height:18px;display:flex;align-items:center}.points-value{color:#3b82f6}.predictions-value{color:#10b981}.gameweek-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-align:center;display:flex;align-items:center;gap:.25rem}.current-week .gameweek-label{color:#3b82f6;font-weight:600}.current-indicator{color:#3b82f6;font-size:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-data-message{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-secondary);text-align:center}.no-data-message p{margin:0;font-size:1rem}.dual-bar-chart{display:flex;gap:1.25rem;min-width:min-content;padding:1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.dual-bar-chart::-webkit-scrollbar{height:6px}.dual-bar-chart::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dual-bar-chart::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.dual-bar-chart::-webkit-scrollbar-thumb:hover{background:#3b82f680}.dual-bar-group{display:flex;flex-direction:column;align-items:center;min-width:90px;position:relative;padding:.75rem;border-radius:12px;transition:all .3s ease}.dual-bar-group:hover{background:#3b82f60d;transform:translateY(-2px)}.dual-bar-group.current-week{background:#3b82f614;border:2px solid rgba(59,130,246,.2);box-shadow:0 4px 12px #3b82f626}.dual-bars{display:flex;gap:.5rem;align-items:end;height:140px;margin-bottom:1rem}.bar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:end}.bar{width:24px;border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #00000026;cursor:pointer}.bar:hover{transform:scale(1.05);filter:brightness(1.1)}.points-bar{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.correct-bar{background:linear-gradient(180deg,#10b981,#047857)}.bar-value{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center;min-height:1rem;display:flex;align-items:center}.gameweek-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:center;margin-top:.5rem;position:relative}.current-indicator{color:#3b82f6;font-size:.75rem;margin-left:.25rem;animation:pulse 2s infinite}@media (max-width: 768px){.progress-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-legend{gap:1rem}.gameweek-column{min-width:70px}.charts-container{gap:.5rem;height:100px}.chart-bar{width:16px}.chart-bar-container{height:80px}.dual-bar-chart{gap:1rem;padding:.75rem}.dual-bar-group{min-width:75px;padding:.5rem}.dual-bars{height:110px;gap:.375rem}.bar{width:20px}}@media (max-width: 480px){.weekly-progress-card{padding:1rem}.gameweek-column{min-width:60px}.charts-container{gap:.375rem;height:80px}.chart-bar{width:14px}.chart-bar-container{height:60px}.chart-value,.gameweek-label{font-size:.6875rem}.dual-bar-chart{gap:.75rem;padding:.5rem}.dual-bar-group{min-width:65px;padding:.375rem}.dual-bars{height:90px;gap:.25rem}.bar{width:16px}.bar-value{font-size:.6875rem}.gameweek-label{font-size:.6875rem;margin-top:.375rem}}.profile-view-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-view-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(255,255,255,.1)}.profile-view-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-view-header h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.password-input-container{position:relative;width:100%}.password-input-container input{padding-right:45px!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#e2e8f0;background:#ffffff0d}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.close-btn:hover{background:#ffffff1a;color:#fff}.profile-view-content{padding:24px}.profile-avatar-section{text-align:center;margin-bottom:32px}.avatar-container{position:relative;display:inline-block;cursor:pointer;margin-bottom:16px}.avatar-edit-overlay{position:absolute;inset:0;background:#0009;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;gap:4px}.avatar-container:hover .avatar-edit-overlay{opacity:1}.user-info-below-avatar .username-display{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 4px}.user-info-below-avatar .user-tag-display{font-family:Roboto,sans-serif;font-size:.875rem;color:#94a3b8;margin:0}.profile-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.profile-field{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.profile-field.bio-field{align-items:flex-start}.field-icon{color:#2bb52b;margin-top:2px}.field-content{flex:1;min-width:0}.field-content label{display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:6px}.field-content span{font-family:Roboto,sans-serif;font-size:1rem;color:#cbd5e1;line-height:1.5;word-break:break-word}.field-content input,.field-content select,.field-content textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;font-family:Roboto,sans-serif;font-size:1rem;color:#fff;transition:border-color .2s ease}.field-content input:focus,.field-content select:focus,.field-content textarea:focus{outline:none;border-color:#2bb52b;box-shadow:0 0 0 3px #22c55e1a}.field-content select option{background:#1e293b;color:#fff;padding:8px 12px}.field-content select option:hover{background:#334155}.field-content select optgroup{background:#0f172a;color:#22c55e;font-weight:600;font-size:.9rem;padding:8px 12px}.profile-picture-edit{display:flex;flex-direction:column;align-items:center;gap:1rem}.picture-edit-options{text-align:center}@media (max-width: 768px){.profile-view-modal{width:95%;max-width:none;margin:1rem;border-radius:12px}.profile-view-header{padding:1.5rem 1rem;border-bottom:2px solid rgba(255,255,255,.15)}.profile-view-content{padding:1rem}.profile-section{padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05}.section-title{color:var(--text-primary)!important;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:1rem}.form-field{margin-bottom:1rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.field-label{color:var(--text-secondary)!important;font-weight:500;margin-bottom:.5rem}.field-content input,.field-content select,.field-content textarea{font-size:16px;min-height:44px;padding:.75rem;border:1px solid rgba(255,255,255,.2);background:#ffffff14}}@media (max-width: 480px){.profile-view-modal{width:100vw;height:100vh;margin:0;border-radius:0;max-height:none}.profile-view-header{padding:1rem}.profile-view-content{padding:1rem .75rem}.profile-section{padding:.75rem;margin-bottom:.75rem}}.team-logo-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 16px;color:#94a3b8;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.team-logo-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.field-content textarea{resize:vertical;min-height:80px}.profile-actions{display:flex;justify-content:center}.edit-profile-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2bb52b,#228b22);border:none;border-radius:10px;padding:12px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.edit-profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.edit-actions{display:flex;gap:12px}.cancel-btn,.save-btn{padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover:not(:disabled){background:#ffffff26}.save-btn{background:linear-gradient(135deg,#2bb52b,#228b22);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.save-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.avatar-selector-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-selector-modal{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}.avatar-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar-selector-header h3{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin:0}.avatar-selector-header button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.avatar-selector-header button:hover{background:#ffffff1a;color:#fff}.selected-avatar-preview{padding:20px;text-align:center;background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.preview-username{font-family:Roboto,sans-serif;font-size:.8rem;color:#94a3b8;margin:8px 0 0;font-weight:400}.avatar-selector-modal .avatar-selector{background:transparent;padding:20px}.avatar-selector-modal .avatar-selector h3{font-family:Inter,sans-serif;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:12px}.avatar-selector-modal .avatar-selector .subtitle{font-family:Roboto,sans-serif;color:#94a3b8;font-size:.85rem;margin-bottom:20px}.avatar-selector-modal .avatar-grid{gap:12px;max-width:450px}.avatar-selector-modal .avatar-option{background:transparent;border-radius:50%;padding:8px;transition:all .2s ease;border:2px solid rgba(255,255,255,.1)!important}.avatar-selector-modal .avatar-option:hover{transform:scale(1.05);border-color:#ffffff4d!important}.avatar-selector-modal .avatar-option.selected{border-color:#2bb52b!important;box-shadow:0 0 0 3px #22c55e33;transform:scale(1.1)}.toggle-container{display:flex;flex-direction:column;gap:4px}.toggle-container input[type=checkbox]{width:48px;height:24px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:24px;position:relative;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.toggle-container input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s}.toggle-container input[type=checkbox]:checked{background:linear-gradient(135deg,#2bb52b,#228b22)!important}.toggle-container input[type=checkbox]:checked:before{transform:translate(24px)}.field-description{font-family:Roboto,sans-serif;font-size:.75rem;color:#94a3b8;font-weight:400}.danger-zone{margin-top:24px;padding:20px;background:linear-gradient(135deg,#ef444414,#dc26260f);border:2px solid rgba(239,68,68,.3);border-radius:12px;box-shadow:0 0 20px #ef44441a;position:relative;display:flex;flex-direction:column;gap:24px}.danger-zone:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#ef444433,#dc26261a);border-radius:14px;z-index:-1;filter:blur(8px)}.danger-zone .field-icon{color:#ef4444}.danger-zone label{color:#ef4444!important;text-shadow:0 0 10px rgba(239,68,68,.3)}.danger-btn{margin-top:12px;padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-zone .profile-field:first-child .danger-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:1px solid rgba(249,115,22,.3)}.danger-zone .profile-field:first-child .danger-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c80;transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.danger-zone .profile-field:first-child .field-icon{color:#f97316}.danger-zone .profile-field:first-child label{color:#f97316!important;text-shadow:0 0 10px rgba(249,115,22,.3)}.danger-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}@media (max-width: 640px){.profile-view-modal{width:95%;margin:10px;max-height:95vh;max-height:95svh}.profile-view-header,.profile-view-content{padding:16px}.profile-view-overlay{padding:10px;align-items:flex-start;overflow-y:auto}.profile-field{flex-direction:column;gap:8px}.field-icon{align-self:flex-start}.edit-actions{flex-direction:column;gap:12px;position:sticky;bottom:0;background:linear-gradient(135deg,#1e293b,#334155);padding:16px;margin:0 -16px -16px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.save-btn{width:100%;min-height:48px}.avatar-selector-modal{width:95%;max-height:95vh;max-height:95svh;margin:10px}.avatar-selector-header,.avatar-selector-content{padding:16px}}.subscription-status-field{background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid rgba(249,115,22,.2);border-radius:12px;padding:1rem}.subscription-status-field.premium{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid rgba(34,197,94,.2)}.premium-icon{color:#f59e0b}.subscription-info{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.plan-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.plan-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-badge.free{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.subscription-details-inline{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.status-indicator.active{color:var(--success)}.billing-date{font-size:1rem;font-weight:600;color:var(--text-primary);margin:.5rem 0}.premium-features{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem}.premium-features .field-content.full-width{width:100%}.benefits-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary)}.benefit-icon{color:var(--success);flex-shrink:0}.pricing-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.price-amount{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.price-period{font-size:1rem;color:var(--text-dim);font-weight:500}.profile-save-btn.premium-upgrade{background:linear-gradient(135deg,var(--orange-primary),var(--orange-hover));color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f973164d}.profile-save-btn.premium-upgrade:hover{background:linear-gradient(135deg,var(--orange-hover),var(--orange-dark));transform:translateY(-1px);box-shadow:0 6px 16px #f9731666}.profile-save-btn.premium-upgrade:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{display:flex;align-items:center;gap:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error);padding:1rem;border-radius:8px;margin:1rem 0;font-size:.875rem}.premium-profile-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.premium-profile-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.premium-profile-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:#1f2937cc}.premium-profile-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.premium-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.premium-profile-content{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner-container p{color:var(--text-secondary);margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-state p{color:var(--error);margin-bottom:1rem}.error-close-btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.error-close-btn:hover{background:var(--accent-hover)}.premium-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border:1px solid rgba(59,130,246,.2);border-radius:12px}.avatar-display{position:relative;display:flex;align-items:center;justify-content:center}.premium-crown{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.player-basic-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.player-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.player-tag{font-size:1rem;color:var(--text-secondary);margin:0;font-family:Courier New,monospace}.premium-status{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:16px;font-size:.85rem;font-weight:600;margin-top:.5rem}.premium-profile-details{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.detail-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.detail-section h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 1rem;display:flex;align-items:center;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid var(--border);transition:all .2s ease}.detail-item:hover{background:#ffffff14;border-color:#fff3}.detail-item svg{color:var(--accent);flex-shrink:0;margin-top:.125rem;width:20px;height:20px}.detail-item div{display:flex;flex-direction:column;gap:.5rem;min-width:0;flex:1}.detail-label{font-size:.875rem;color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.75px;margin-bottom:.25rem}.detail-value{font-size:1rem;color:var(--text-primary);font-weight:600;word-wrap:break-word;line-height:1.4}.bio-section{margin-top:1rem}.bio-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:.5rem 0 0;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border:1px solid rgba(59,130,246,.2);border-radius:12px;transition:all .3s ease;min-height:80px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.stat-card:hover{border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #3b82f633}.stat-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.premium-stats{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.premium-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid rgba(249,115,22,.2);border-radius:6px}.premium-stat-label{font-size:.85rem;color:var(--text-secondary)}.premium-stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.premium-stat-value.positive{color:var(--success)}.premium-stat-value.negative{color:var(--error)}.premium-challenge-status{background:linear-gradient(135deg,#f973161a,#ea580c0d);border-color:#f9731633}.challenge-status-card{background:#ffffff0d;border:1px solid rgba(249,115,22,.2);border-radius:8px;padding:1rem}.challenge-info{display:flex;flex-direction:column;gap:.75rem}.challenge-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.challenge-item svg{color:#f59e0b;flex-shrink:0}@media (max-width: 768px){.premium-profile-overlay{padding:.5rem}.premium-profile-modal{max-width:100%;max-height:95vh}.premium-profile-header{padding:1rem 1.5rem}.premium-profile-header h2{font-size:1.1rem}.premium-profile-content{padding:1.5rem;gap:1.5rem}.premium-avatar-section{padding:1rem}.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.premium-stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.premium-profile-content,.detail-section{padding:1rem}.stat-card{padding:.75rem}.player-name{font-size:1.25rem}.premium-badge{font-size:.75rem;padding:.25rem .5rem}}.profile-info-cards{display:flex;flex-direction:column;gap:1rem}.info-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f614,#8b5cf60a);border:1px solid rgba(59,130,246,.15);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.info-card:hover{background:linear-gradient(135deg,#3b82f61f,#8b5cf60f);border-color:#3b82f640;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.info-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.info-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #3b82f633}.info-card-content{display:flex;flex-direction:column;gap:.5rem;min-width:0;flex:1}.info-card-label{font-size:.8rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0}.info-card-value{font-size:1.1rem;color:var(--text-primary);font-weight:600;line-height:1.3}.bio-card{background:linear-gradient(135deg,#22c55e14,#16a34a0a);border-color:#22c55e26}.bio-card:hover{background:linear-gradient(135deg,#22c55e1f,#16a34a0f);border-color:#22c55e40;box-shadow:0 4px 12px #22c55e1a}.bio-card:before{background:linear-gradient(135deg,#22c55e,#16a34a)}.bio-card .info-card-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e33}.info-card-bio{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;padding:0}.empty-profile-info{text-align:center;padding:2rem;background:#ffffff05;border:1px dashed var(--border);border-radius:12px;color:var(--text-dim)}.empty-profile-info p{margin:0;font-size:.9rem;font-style:italic}@media (max-width: 1024px) and (min-width: 769px){.stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.875rem}.stat-card{padding:1rem;min-height:75px}.stat-icon{width:40px;height:40px}}@media (max-width: 768px){.info-card{padding:1rem}.info-card-icon{width:40px;height:40px}.info-card-value{font-size:1rem}.stat-card{padding:1rem;min-height:70px}.stat-icon{width:40px;height:40px}}@media (max-width: 480px){.info-card{padding:.875rem}.info-card-icon{width:36px;height:36px}.info-card-label{font-size:.75rem}.info-card-value{font-size:.95rem}.stat-card{padding:.875rem;min-height:65px}.stat-icon{width:36px;height:36px}.stat-value{font-size:1.1rem}.stat-label{font-size:.75rem}}:root{--orange-primary: #f97316;--orange-hover: #ea580c;--orange-light: #fed7aa;--orange-dark: #c2410c}.rewards-container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;width:100%}.rewards-main-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rewards-main-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;margin:0;line-height:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 768px){.rewards-main-header{padding:1rem}}.rewards-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.account-status-section{background:linear-gradient(135deg,#f9731614,#ea580c0a);border:1px solid rgba(249,115,22,.15);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.account-status-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.account-status-header h3{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.25rem;margin:0}.account-badge{flex-shrink:0}.free-premium-message{background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid rgba(249,115,22,.2);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.free-premium-message p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;text-align:center}.highlight-free{color:var(--success);font-weight:600}.highlight-premium{color:var(--orange-primary);font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-dim)}.rewards-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.rewards-title{flex:1}.rewards-title h3{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.rewards-title p{color:var(--text-dim);font-size:.95rem;margin:0;line-height:1.4}.subscription-status{flex-shrink:0}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-weight:500;font-size:.875rem;transition:all .2s ease}.status-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.status-badge.free{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.status-badge.inline-badge{display:inline-flex;align-items:center;gap:.5rem;margin-left:.5rem;vertical-align:middle;font-size:.875rem}.subscription-status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.subscription-status-card.premium-active{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid rgba(34,197,94,.2)}.current-week-card,.premium-leaderboard-card,.how-it-works-card,.recent-winners-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.subscription-status-card:hover,.current-week-card:hover,.premium-leaderboard-card:hover,.how-it-works-card:hover,.recent-winners-card:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 8px 25px #00000026}.subscription-status-card h2,.current-week-card h2,.premium-leaderboard-card h2,.how-it-works-card h2,.recent-winners-card h2{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.25rem;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.premium-status{text-align:left}.premium-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.header-content{flex:1}.premium-header h2{margin:0 0 .5rem;color:var(--success);font-size:1.5rem;font-weight:700}.subscription-tier{margin:0;color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.tier-crown{color:#f59e0b}.success-icon{color:var(--success)}.subscription-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1.25rem;max-width:400px;margin-left:auto;margin-right:auto}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-item:last-child{border-bottom:none}.detail-item .label{color:var(--text-dim);font-size:.875rem}.detail-item .value{color:var(--text-primary);font-weight:500;font-size:.875rem}.status-active{color:var(--success)!important;text-transform:capitalize}.upgrade-prompt{text-align:center}.upgrade-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.upgrade-header h2{margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gift-icon,.crown-icon{color:var(--orange-primary)}.upgrade-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.benefit-item{display:flex;align-items:center;gap:.75rem}.check-icon{color:var(--success);flex-shrink:0}.benefit-item span{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.upgrade-pricing{margin-bottom:1.5rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1rem}.currency{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.amount{font-size:3rem;font-weight:700;color:var(--accent);line-height:1}.period{font-size:1.25rem;color:var(--text-dim)}.manage-billing-btn{background:#2bb52b;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:inherit}.manage-billing-btn:hover{background:#228b22;transform:translateY(-1px);box-shadow:0 4px 12px #2bb52b4d}.upgrade-btn,.unlock-btn{background:linear-gradient(135deg,var(--orange-primary),var(--orange-hover));color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:inherit;box-shadow:0 4px 12px #f973164d}.upgrade-btn:hover,.unlock-btn:hover{background:linear-gradient(135deg,var(--orange-hover),var(--orange-dark));transform:translateY(-1px);box-shadow:0 6px 16px #f9731666}.manage-billing-btn:disabled,.upgrade-btn:disabled,.unlock-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{display:flex;align-items:center;gap:.5rem;color:var(--error);background:#ef44441a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.week-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem}.weekly-points-breakdown{background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.weekly-points-breakdown h3{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.points-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:6px;border:1px solid var(--border)}.points-value{width:36px;height:36px;background:var(--orange-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.points-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.weekly-potential{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2bb52b1a;border:1px solid rgba(43,181,43,.2);border-radius:6px;gap:1rem}.potential-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.potential-value{color:var(--success);font-weight:600;font-size:.95rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.stat-item:hover{background:#ffffff14;border-color:#fff3}.stat-item svg{color:var(--accent);flex-shrink:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.leaderboard-full{display:flex;flex-direction:column;gap:.5rem}.leaderboard-header{display:grid;grid-template-columns:60px 1fr 80px 120px;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 80px 120px;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;transition:all .2s ease;align-items:center}.leaderboard-row:hover{background:#ffffff14;border-color:#fff3}.leaderboard-row.current-user{border-color:var(--accent);background:#2bb52b1a}.leaderboard-row.eligible{background:#2bb52b0d}.rank{font-weight:600;color:var(--text-secondary)}.player{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.player-avatar{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;position:relative}.premium-indicator{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-card)}.clickable-player{cursor:pointer!important;transition:all .2s ease;padding:.25rem;border-radius:6px;margin:-.25rem}.clickable-player:hover{background:#f973161a;border-color:#f973164d;transform:translateY(-1px)}.clickable-player:hover .player-avatar{transform:scale(1.05)}.points{font-weight:600;color:var(--text-primary);text-align:center}.status{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;text-align:center;font-weight:500}.status.eligible{background:#2bb52b33;color:var(--success)}.status.needs-more{background:#fb923c33;color:#fb923c}.leaderboard-locked{text-align:center;padding:3rem 2rem}.lock-icon{margin-bottom:1.5rem;opacity:.5}.lock-icon svg{color:var(--text-dim)}.leaderboard-locked h3{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.25rem;margin:0 0 .75rem}.leaderboard-locked p{color:var(--text-dim);margin-bottom:2rem;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.step-number{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.step-content h3{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.step-content p{color:var(--text-dim);font-size:.9rem;line-height:1.5;margin:0}.winners-list{display:flex;flex-direction:column;gap:.75rem}.winner-item{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;transition:all .2s ease;align-items:center}.winner-item:hover{background:#ffffff14;border-color:#fff3}.winner-week{font-size:.875rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.winner-info{display:flex;align-items:center;gap:.75rem}.winner-avatar{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;flex-shrink:0;position:relative}.clickable-winner{cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:6px;margin:-.25rem}.clickable-winner:hover{background:#f973161a;transform:translateY(-1px)}.clickable-winner:hover .winner-avatar{transform:scale(1.05)}.winner-details{display:flex;flex-direction:column;gap:.25rem}.winner-name{color:var(--text-primary);font-weight:500;font-size:.95rem}.winner-score{color:var(--text-dim);font-size:.8rem}.winner-prize{font-size:1.25rem;font-weight:700;color:var(--success)}.empty-leaderboard{text-align:center;padding:2rem;color:var(--text-dim);font-style:italic}@media (max-width: 768px){.rewards-header{flex-direction:column;align-items:flex-start;gap:1rem}.subscription-status{align-self:stretch}.status-badge{justify-content:center}.week-stats,.points-grid{grid-template-columns:1fr}.weekly-potential{flex-direction:column;align-items:stretch;text-align:center;gap:.5rem}.steps-grid{grid-template-columns:1fr}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 60px 100px;gap:.5rem;font-size:.8rem}.winner-item{grid-template-columns:1fr auto;gap:1rem}.winner-week{grid-column:1 / -1;margin-bottom:.5rem}.subscription-details,.upgrade-benefits{max-width:none}}@media (max-width: 480px){.rewards-content{gap:1rem}.subscription-status-card,.current-week-card,.premium-leaderboard-card,.how-it-works-card,.recent-winners-card{padding:1rem}.price{gap:.125rem}.currency{font-size:1.25rem}.amount{font-size:2.5rem}.period{font-size:1rem}.leaderboard-header{display:none}.leaderboard-row{grid-template-columns:1fr;gap:.75rem;text-align:left}.rank{position:absolute;top:.75rem;right:.75rem;font-size:.8rem}.leaderboard-row{position:relative}.account-status-header{flex-direction:column;align-items:flex-start;gap:1rem}.account-badge{align-self:stretch}.account-badge .status-badge{justify-content:center}}@media (max-width: 768px){.account-status-header{flex-direction:column;align-items:flex-start;gap:1rem}.account-badge{align-self:stretch}.account-badge .status-badge{justify-content:center}.rewards-content,.free-premium-message,.account-status-section{padding:1rem}}@media (max-width: 480px){.account-status-header h3{font-size:1.1rem}.highlight-premium{gap:.125rem}}.premium-subscription-section{margin-top:2rem}.subscription-card{background:#1a1a1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--orange-primary);border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #f973161a}.subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange-primary),var(--orange-hover),var(--orange-primary));animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.subscription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.subscription-icon{color:var(--orange-primary);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#f973161a;border-radius:50%;flex-shrink:0}.subscription-title{flex:1}.subscription-title h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.subscription-title p{color:var(--orange-primary);margin:0;font-weight:600;font-size:1rem}.subscription-price{display:flex;align-items:baseline;gap:.25rem;flex-shrink:0}.price-amount{font-size:2rem;font-weight:800;color:var(--orange-primary)}.price-period{font-size:1rem;color:var(--text-secondary)}.subscription-benefits{display:grid;gap:1rem;margin-bottom:2rem}.benefit-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.benefit-item svg{color:#22c55e;flex-shrink:0}.benefit-item span{font-weight:500}.subscribe-button{width:100%;background:linear-gradient(135deg,var(--orange-primary),var(--orange-hover));color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;box-shadow:0 4px 16px #f973164d}.subscribe-button:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-hover),var(--orange-dark));transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.subscribe-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #f973164d}.subscribe-button svg{color:#fff}.subscription-note{text-align:center;color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.stripe-text{font-weight:600;color:#635bff}@media (max-width: 768px){.subscription-card{padding:1.5rem}.subscription-header{flex-direction:column;text-align:center;margin-bottom:1.5rem}.subscription-icon{width:50px;height:50px}.subscription-title h3{font-size:1.3rem}.price-amount{font-size:1.75rem}.subscription-benefits{gap:.75rem}.benefit-item{gap:.5rem}}@media (max-width: 480px){.subscription-card{padding:1rem;margin:1rem}.subscription-header{gap:.75rem}.subscription-title h3{font-size:1.2rem}.price-amount{font-size:1.5rem}.subscribe-button{padding:.875rem 1.5rem;font-size:1rem}}.premium-leaderboard-card{background:#1a1a1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;padding:2rem;margin-top:2rem}.premium-leaderboard-card h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease;cursor:pointer}.leaderboard-item.clickable-premium:hover{background:#f973160d;border-color:#f9731633;transform:translateY(-1px);box-shadow:0 4px 12px #f973161a}.leaderboard-rank{font-size:1.2rem;font-weight:700;color:var(--orange-primary);min-width:3rem}.leaderboard-player{display:flex;align-items:center;gap:.75rem;flex:1}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--orange-primary),var(--orange-hover));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;position:relative;flex-shrink:0}.premium-indicator{position:absolute;bottom:-2px;right:-2px;background:gold;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.premium-indicator svg{color:#000}.player-details{display:flex;flex-direction:column;gap:.25rem}.player-name{font-weight:600;color:var(--text-primary);font-size:1rem}.player-tag{font-size:.85rem;color:var(--text-secondary);opacity:.8}.leaderboard-points{font-weight:700;color:var(--accent);font-size:1.1rem}.no-premium-users{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.premium-leaderboard-card{padding:1.5rem}.leaderboard-item{padding:.75rem}.player-avatar{width:36px;height:36px;font-size:.9rem}.leaderboard-rank{font-size:1rem;min-width:2.5rem}.player-name{font-size:.95rem}.leaderboard-points{font-size:1rem}}@media (max-width: 480px){.premium-leaderboard-card{padding:1rem}.leaderboard-item{padding:.5rem;gap:.5rem}.player-details{gap:.125rem}.player-tag{font-size:.8rem}}.results-container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.results-main-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.results-main-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.results-content{padding:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.results-title h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.results-title p{color:var(--text-secondary);font-size:1rem;margin:0}.gameweek-selector{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border-radius:12px;padding:.5rem;border:1px solid var(--border)}.gw-nav-btn{background:linear-gradient(135deg,var(--accent),#2bb52b);border:2px solid transparent;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gw-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#2bb52b,#32cd32);transform:translateY(-2px);box-shadow:0 8px 25px #0b662366}.gw-nav-btn:disabled{background:var(--bg-secondary);color:var(--text-dim);cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none}.gw-nav-btn.grayed-out{background:var(--bg-secondary);color:var(--text-dim);cursor:not-allowed;opacity:.5}.gw-nav-btn.grayed-out:hover{background:var(--bg-secondary);transform:none;box-shadow:none}.current-gw{font-weight:700;font-size:1.1rem;color:var(--text-primary);min-width:60px;text-align:center}.results-summary{margin-bottom:2rem}.summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border);box-shadow:0 4px 6px #0000001a}.summary-stat{text-align:center;display:flex;flex-direction:column;gap:.5rem}.summary-stat .stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-stat .stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-results{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border)}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.no-results p{color:var(--text-secondary);max-width:400px;margin:0 auto;line-height:1.6}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.result-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:2px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.result-card.correct{background:linear-gradient(135deg,#22c55e33,#22c55e1f);border-color:#22c55e66}.result-card.incorrect{background:linear-gradient(135deg,#ef444433,#ef44441f);border-color:#ef444466}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border);transition:all .3s ease}.result-card.correct:before{background:linear-gradient(90deg,#fff,#e2e8f0)}.result-card.incorrect:before{background:linear-gradient(90deg,#ef4444,#f97316)}.result-card.pending:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.result-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.match-date{font-size:.875rem;color:var(--text-secondary);font-weight:600}.result-icon{font-size:1.25rem}.result-card .match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.result-card .team-section{flex:1;display:flex;justify-content:center;align-items:center}.result-card .team-section.home{justify-content:flex-start;padding-left:12px}.result-card .team-section.away{justify-content:flex-end;padding-right:12px}.result-card .team-badge{width:48px;height:48px;background:transparent no-repeat center / 90% auto;border:none;border-radius:8px;transition:transform .2s ease}.result-card .team-badge:hover{transform:scale(1.05)}.result-card .team-badge.ARS{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t3.png)}.result-card .team-badge.AVL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t7.png)}.result-card .team-badge.BOU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t91.png)}.result-card .team-badge.BRE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t94.png)}.result-card .team-badge.BHA{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t36.png)}.result-card .team-badge.BUR{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t90.png)}.result-card .team-badge.CHE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t8.png)}.result-card .team-badge.CRY{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t31.png)}.result-card .team-badge.EVE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t11.png)}.result-card .team-badge.FUL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t54.png)}.result-card .team-badge.IPS{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t40.png)}.result-card .team-badge.LEI{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t13.png)}.result-card .team-badge.LEE{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t2.png)}.result-card .team-badge.LIV{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t14.png)}.result-card .team-badge.MCI{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t43.png)}.result-card .team-badge.MUN{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t1.png)}.result-card .team-badge.NEW{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t4.png)}.result-card .team-badge.NFO{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t17.png)}.result-card .team-badge.SOU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t20.png)}.result-card .team-badge.SUN{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t56.png)}.result-card .team-badge.TOT{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t6.png)}.result-card .team-badge.WHU{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t21.png)}.result-card .team-badge.WOL{background-image:url(https://resources.premierleague.com/premierleague/badges/50/t39.png)}.score-section{flex:0 0 auto;text-align:center;padding:0 1rem}.final-score{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border)}.vs-indicator{font-size:1rem;font-weight:600;color:var(--text-dim);padding:.5rem}.prediction-result{display:flex;justify-content:space-between;margin-bottom:1rem;gap:1rem}.prediction-info,.actual-info{flex:1}.prediction-label,.actual-label{display:block;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:600}.prediction-value,.actual-value{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary)}.points-earned{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-secondary);border-radius:8px;padding:.75rem;border:1px solid var(--border)}.result-card.correct .points-earned{background:#ffffff1a;border-color:#ffffff4d}.result-card.incorrect .points-earned{background:#ef44441a;border-color:#ef44444d}.points-value{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-card.incorrect .points-value{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-label{font-size:.875rem;color:var(--text-secondary);font-weight:600}@media (max-width: 1024px) and (min-width: 769px){.results-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.results-container{padding:.5rem}.results-content{padding:1rem}.results-main-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.results-header{flex-direction:column;align-items:stretch;text-align:center;gap:1.5rem}.result-card{padding:1rem}.result-match{flex-direction:column;gap:.75rem}.match-teams,.gameweek-selector{justify-content:center}.results-grid{grid-template-columns:1fr}.summary-card{grid-template-columns:repeat(2,1fr)}.prediction-result{flex-direction:column;gap:.5rem}}.leagues-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.leagues-container{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:1200px;height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 25px 50px #00000080}.leagues-container.inline{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;width:100%;max-width:none;height:auto;box-shadow:none;animation:none;overflow:visible}.leagues-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leagues-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.close-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d;transform:translateY(-1px)}.leagues-nav{display:flex;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#1f293780;border-bottom:1px solid rgba(255,255,255,.1)}.league-nav-tab{padding:.875rem 1.75rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.2px;flex:1;text-align:center;white-space:nowrap}.league-nav-tab:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.league-nav-tab.active{background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;box-shadow:0 4px 12px #0b66234d;transform:translateY(-1px)}.leagues-actions{display:flex;justify-content:center;gap:1rem;padding:1rem 2rem;background:#1f29374d}.btn-create-league,.btn-join-league{padding:.875rem 1.75rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.2px}.btn-create-league{background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;border:2px solid transparent}.btn-create-league:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0b662366}.btn-join-league{background:#ffffff0d;color:var(--text-primary);border:2px solid rgba(255,255,255,.1)}.btn-join-league:hover{background:#ffffff1a;border-color:#0b66234d;transform:translateY(-1px)}.leagues-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#0f11154d}.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.leagues-grid .empty-state{grid-column:1 / -1;justify-self:center;max-width:500px;width:100%}.league-card{background:#1a1a1aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.league-card:hover{transform:translateY(-4px);border-color:#0b66234d;box-shadow:0 20px 40px #0006;background:#1a1a1acc}.league-card.active{border-color:#22c55e33;background:#22c55e0d}.league-card.popular{position:relative}.league-card.popular:before{content:"🔥";position:absolute;top:8px;right:8px;font-size:1.2rem;animation:bounce 2s infinite}.league-stat.members{position:relative}.league-stat.members .stat-value{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.league-capacity-full{color:#ef4444!important;font-weight:700}.league-capacity-high{color:#f59e0b!important}.league-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.league-title-section{flex:1}.league-badges{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.delete-league-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.5rem;color:#ef4444;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0}.delete-league-btn:hover{background:#ef444433;border-color:#ef444466;opacity:1;transform:scale(1.1)}.league-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.owner-badge,.public-badge{padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-height:24px;display:inline-flex;align-items:center}.owner-badge{background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;box-shadow:0 2px 8px #0b66234d}.public-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.league-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.league-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary)}.stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.stat-value.code{font-family:Courier New,monospace;background:#0b66231a;color:#2bb52b;padding:.4rem .8rem;border-radius:8px;border:1px solid rgba(11,102,35,.2);display:inline-block;font-weight:700;letter-spacing:1px}.btn-join-small{width:100%;padding:.875rem;background:linear-gradient(135deg,#228b22,#2bb52b);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.2px}.btn-join-small:hover{box-shadow:0 8px 20px #0b662366;transform:translateY(-2px)}.league-full{text-align:center;padding:.75rem;background:var(--bg-hover);border-radius:8px;color:var(--text-secondary);font-weight:500}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:4rem;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:.95rem}.league-details-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.league-details{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px #00000080}.league-details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-radius:20px 20px 0 0}.league-details-header h2{font-size:1.25rem;font-weight:600}.league-info{padding:1.5rem 2rem;background:#1f293780;border-bottom:1px solid rgba(255,255,255,.1)}.info-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.info-item:last-child{margin-bottom:0}.league-code{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;background:#0b66231a;color:#2bb52b;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(11,102,35,.2);letter-spacing:2px;box-shadow:0 4px 12px #0b66231a}.copy-btn{padding:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;color:var(--text-secondary)}.copy-btn:hover{background:#0b66231a;border-color:#0b66234d;color:#2bb52b;transform:translateY(-1px)}.standings-table{padding:1rem 2rem}.table-header{display:grid;grid-template-columns:60px 1fr repeat(4,80px);gap:1rem;padding:1rem 1.5rem;background:#1f293799;border-radius:12px;margin-bottom:.75rem;font-weight:600;font-size:.9rem;color:var(--text-secondary);letter-spacing:.5px}.table-row{display:grid;grid-template-columns:60px 1fr repeat(4,80px);gap:1rem;padding:1rem 1.5rem;background:#1a1a1a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.table-row:hover{background:#1a1a1acc;border-color:#0b662333;transform:translate(6px);box-shadow:0 4px 12px #0003}.table-row.current-user{background:linear-gradient(135deg,#0b66231a,#228b221a);border:1px solid rgba(11,102,35,.3);box-shadow:0 4px 12px #0b66231a}.table-row.gold-rank{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #ffd7001a}.table-row.silver-rank{background:linear-gradient(135deg,#c0c0c01a,#a9a9a91a);border:1px solid rgba(192,192,192,.3);box-shadow:0 4px 12px #c0c0c01a}.table-row.bronze-rank{background:linear-gradient(135deg,#cd7f321a,#b873331a);border:1px solid rgba(205,127,50,.3);box-shadow:0 4px 12px #cd7f321a}.table-row.current-user{background:linear-gradient(135deg,#0b66231a,#228b221a)!important;border:1px solid rgba(11,102,35,.3)!important;box-shadow:0 4px 12px #0b66231a!important}.col-rank{font-weight:700;font-size:1.1rem;display:flex;align-items:center}.col-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-stat{text-align:center;font-weight:600;color:var(--text-primary)}.global-leaderboard{padding:0}.global-leaderboard .leaderboard-header,.weekly-leaderboard .leaderboard-header{text-align:center;margin-bottom:2rem;background:none!important;display:block!important;grid-template-columns:none!important;gap:initial!important;padding:0!important}.global-leaderboard .leaderboard-header h3,.weekly-leaderboard .leaderboard-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center!important;background:linear-gradient(135deg,#e67e22,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-header p{color:var(--text-secondary);font-size:.95rem}.weekly-leaderboard{padding:0}.weekly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.weekly-title{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}.weekly-spacer{flex:0 0 auto;width:180px}.weekly-title h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#e67e22,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weekly-title p{color:var(--text-secondary);font-size:.95rem;margin:0}.weekly-header .gameweek-selector{display:flex;align-items:center;gap:1rem;background:#1a1a1a99;border-radius:12px;padding:.5rem;border:1px solid rgba(255,255,255,.1)}.weekly-header .gw-nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.85rem}.weekly-header .gw-nav-btn:hover:not(:disabled){background:#22c55e;color:#fff;transform:translateY(-1px)}.weekly-header .gw-nav-btn:disabled{opacity:.5;cursor:not-allowed}.weekly-header .gw-nav-btn.grayed-out{background:#ffffff05;color:var(--text-dim);cursor:not-allowed;opacity:.3}.weekly-header .gw-nav-btn.grayed-out:hover{background:#ffffff05;transform:none}.weekly-header .current-gw{font-weight:700;font-size:1.1rem;color:var(--text-primary);min-width:60px;text-align:center}.premium-challenge-header .gw-nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.85rem}.premium-challenge-header .gw-nav-btn:hover:not(:disabled){background:#e67e22;color:#fff;transform:translateY(-1px)}.premium-challenge-header .gw-nav-btn:disabled{opacity:.5;cursor:not-allowed}.premium-challenge-header .gw-nav-btn.grayed-out{background:#ffffff05;color:var(--text-dim);cursor:not-allowed;opacity:.3}.premium-challenge-header .gw-nav-btn.grayed-out:hover{background:#ffffff05;transform:none}.premium-challenge-header .current-gw{font-weight:700;font-size:1.1rem;color:var(--text-primary);min-width:60px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10500;animation:fadeIn .3s ease}.modal-content{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-content.small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1f2937cc;border-radius:20px 20px 0 0}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close svg{width:20px;height:20px;stroke-width:2}.modal-close:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d;transform:translateY(-1px)}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#1f293780;border-radius:0 0 20px 20px}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#1a1a1a99;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.leaderboard-item:hover{background:#1a1a1acc;border-color:#0b662333;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.leaderboard-item.current-user{background:linear-gradient(135deg,#0b662326,#228b2226);border:1px solid rgba(11,102,35,.3);box-shadow:0 4px 12px #0b662333}.leaderboard-item.gold-rank{background:linear-gradient(135deg,#ffd70026,#ffc10726);border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #ffd70033}.leaderboard-item.silver-rank{background:linear-gradient(135deg,#c0c0c026,#a9a9a926);border:1px solid rgba(192,192,192,.3);box-shadow:0 4px 12px #c0c0c033}.leaderboard-item.bronze-rank{background:linear-gradient(135deg,#cd7f3226,#b8733326);border:1px solid rgba(205,127,50,.3);box-shadow:0 4px 12px #cd7f3233}.leaderboard-item.current-user{background:linear-gradient(135deg,#0b662326,#228b2226)!important;border:1px solid rgba(11,102,35,.3)!important;box-shadow:0 4px 12px #0b662333!important}.leaderboard-separator{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text-dim);font-size:1.2rem;letter-spacing:2px}.player-rank{font-size:1.1rem;font-weight:700;color:var(--text-primary);min-width:60px;display:flex;align-items:center;justify-content:center}.player-info{flex:1;min-width:0}.player-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.player-stats{font-size:.85rem;color:var(--text-secondary)}.player-score{text-align:right;min-width:80px}.score-main{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0b662380;background:#ffffff14;box-shadow:0 0 0 3px #0b66231a}.form-group select option{background:var(--bg-card);color:var(--text-primary);padding:8px 12px}.form-group select option:hover{background:#ffffff1a}.form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,#228b22,#2bb52b);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.2px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0b662366}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:.875rem 1.75rem;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.2px}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading:before{content:"";width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#2bb52b;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.success-modal{max-width:450px}.success-header{background:linear-gradient(135deg,#228b2233,#2bb52b33);border-bottom-color:#228b224d}.success-header h2{background:linear-gradient(135deg,#228b22,#2bb52b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.success-body{text-align:center;padding:2.5rem 2rem}.success-icon{font-size:4rem;margin-bottom:1.5rem;display:block;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.success-message{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.5}.success-code-section{background:#228b221a;border:1px solid rgba(34,139,34,.2);border-radius:16px;padding:1.5rem;margin-bottom:1rem}.code-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.success-code{display:flex;align-items:center;justify-content:center;gap:1rem;background:#1a1a1a99;border:1px solid rgba(34,139,34,.3);border-radius:12px;padding:1rem 1.5rem}.code-text{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:#2bb52b;letter-spacing:3px;text-shadow:0 0 10px rgba(43,181,43,.3)}.success-code .copy-btn{background:#228b2233;border:1px solid rgba(34,139,34,.3);border-radius:8px;padding:.5rem;font-size:1.2rem;color:#2bb52b;transition:all .2s ease}.success-code .copy-btn:hover{background:#228b224d;transform:scale(1.1)}.success-footer{background:linear-gradient(135deg,#228b221a,#2bb52b1a);border-top-color:#228b2233;justify-content:center}.success-btn{padding:1rem 2rem;font-size:1rem;min-width:120px;background:linear-gradient(135deg,#228b22,#2bb52b);box-shadow:0 4px 15px #228b2266}.success-btn:hover{box-shadow:0 6px 20px #228b2280;transform:translateY(-2px)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.delete-modal{max-width:450px}.delete-header{background:linear-gradient(135deg,#ef444433,#dc262633);border-bottom-color:#ef44444d}.delete-header h2{color:#ef4444;margin:0}.delete-body{text-align:center;padding:2.5rem 2rem}.delete-icon{font-size:4rem;margin-bottom:1.5rem;display:block;animation:pulse 2s infinite}.delete-body h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:1rem}.delete-message{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.5}.delete-warning{font-size:.9rem;color:#ef4444;font-weight:600;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem}.delete-footer{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-top-color:#ef444433;justify-content:center;gap:1rem}.btn-danger{padding:1rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.2px;min-width:140px}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.leagues-container{width:100%;height:100vh;border-radius:0}.leagues-grid{grid-template-columns:1fr;gap:1rem}.league-card{padding:1rem}.league-card.popular:before{top:4px;right:4px;font-size:1rem}.league-card-stats{grid-template-columns:1fr;gap:.5rem}.league-stat{flex-direction:row;justify-content:space-between;align-items:center}.table-header,.table-row{grid-template-columns:40px 1fr repeat(4,60px);font-size:.85rem}.leagues-actions{flex-direction:column}.btn-create-league,.btn-join-league{width:100%}.weekly-header{flex-direction:column;align-items:center;text-align:center}.weekly-spacer{display:none}.weekly-title{text-align:center;flex:none}.weekly-header .gameweek-selector{justify-content:center}.leagues-header,.leagues-nav,.leagues-content{padding-left:1rem;padding-right:1rem}.league-nav-tab,.btn-create-league,.btn-join-league,.btn-join-small{min-height:44px;font-size:16px}.close-btn,.modal-close,.copy-btn,.delete-league-btn{min-width:44px;min-height:44px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:1rem}.modal-content{width:calc(100vw - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.leagues-modal-overlay{padding:0}}@media (max-width: 480px){.league-nav-tab{padding:.75rem 1rem;font-size:.85rem}.leagues-actions{padding:.75rem 1rem}.btn-create-league,.btn-join-league{padding:1rem 1.25rem}.league-card{padding:1.25rem}.league-code{font-size:1rem;padding:.75rem 1rem;letter-spacing:1px}.table-header,.table-row{padding:.75rem 1rem;font-size:.8rem;grid-template-columns:35px 1fr repeat(4,50px)}.modal-header,.modal-body,.modal-footer{padding:1rem}.success-body,.delete-body{padding:1.5rem 1rem}.code-text{font-size:1.25rem;letter-spacing:2px}}@media (hover: none) and (pointer: coarse){.league-card:hover,.table-row:hover,.leaderboard-item:hover{transform:none;box-shadow:0 4px 6px -1px #0000001a}.league-card:active,.table-row:active,.leaderboard-item:active{transform:scale(.98);opacity:.9}.btn-create-league:hover,.btn-join-league:hover,.btn-join-small:hover,.league-nav-tab:hover,.close-btn:hover,.copy-btn:hover,.delete-league-btn:hover{transform:none;box-shadow:none}.btn-create-league:active,.btn-join-league:active,.btn-join-small:active,.league-nav-tab:active{transform:scale(.95)}.close-btn:active,.copy-btn:active,.delete-league-btn:active{transform:scale(.9)}}@media (max-width: 896px) and (orientation: landscape) and (max-height: 500px){.leagues-container{height:100vh}.leagues-header,.leagues-nav,.leagues-actions{padding-top:.75rem;padding-bottom:.75rem}.league-nav-tab,.btn-create-league,.btn-join-league{padding:.75rem 1.25rem}.modal-content{max-height:95vh;margin:.5rem}}.premium-tab{background:linear-gradient(135deg,#f973161a,#ea580c1a);border:1px solid rgba(249,115,22,.3);color:#f97316;display:flex;align-items:center;gap:.5rem}.premium-tab:hover{background:linear-gradient(135deg,#f9731633,#ea580c33);border-color:#f9731666}.premium-tab.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff}.premium-challenge{padding:2rem}.premium-challenge-header{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid rgba(249,115,22,.2);border-radius:16px}.crown-icon{color:#f97316;margin-bottom:1rem}.premium-challenge-header h3{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.premium-challenge-header p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.5}.premium-empty{padding:3rem 2rem;text-align:center}.premium-empty .empty-icon{color:#f97316;margin-bottom:1.5rem}.premium-empty h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem}.premium-empty p{color:var(--text-secondary);line-height:1.6}.premium-members-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.premium-member-item{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(249,115,22,.1);border-radius:12px;transition:all .2s ease;align-items:center}.premium-member-item:hover{background:#f973160d;border-color:#f9731633;transform:translateY(-1px);box-shadow:0 4px 12px #f973161a}.premium-member-item.current-user{border-color:#f97316;background:#f973161a;box-shadow:0 0 0 1px #f973164d}.member-avatar{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.member-picture{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #f973164d}.member-crown{position:absolute;top:-4px;right:-4px;background:#fbbf24;border:2px solid white;border-radius:50%;padding:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.member-info{flex:1}.member-name{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:600;font-size:1rem;margin-bottom:.25rem}.premium-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-joined{color:var(--text-dim);font-size:.875rem;font-style:italic}.member-status{text-align:right}.status-indicator{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-indicator.active{background:#228b2233;color:var(--success);border:1px solid rgba(34,139,34,.3)}.weekly-points{display:flex;flex-direction:column;align-items:center;gap:.25rem}.points-value{font-size:1.25rem;font-weight:700;color:var(--accent);line-height:1}.points-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.premium-badge-small{display:inline-flex;align-items:center;margin-left:.5rem;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:50%;padding:.25rem;line-height:1}.premium-challenge-info{background:linear-gradient(135deg,#f973160d,#ea580c08);border:1px solid rgba(249,115,22,.1);border-radius:16px;padding:2rem}.challenge-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-card{text-align:center;padding:1.5rem;background:#ffffff08;border:1px solid rgba(249,115,22,.1);border-radius:12px;transition:all .2s ease}.stat-card:hover{background:#f973160d;border-color:#f9731633;transform:translateY(-2px);box-shadow:0 4px 12px #f973161a}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-premium-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;margin-left:.5rem}.premium-members-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.premium-member-item{display:flex;align-items:center;gap:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;min-height:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.premium-member-item:hover{background:#ffffff0d;border-color:#e77e224d;transform:translateY(-1px);box-shadow:0 4px 12px #e77e221a}.premium-member-item.current-user{background:#e77e221a;border-color:#e77e224d}.premium-member-item.gold-rank{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.premium-member-item.silver-rank{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border-color:#c0c0c04d}.premium-member-item.bronze-rank{background:linear-gradient(135deg,#cd7f321a,#cd7f320d);border-color:#cd7f324d}.member-rank{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-weight:700;font-size:.875rem;color:var(--text-primary)}.member-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#e67e22,#d35400);border-radius:10px;font-weight:700;font-size:1rem;color:#fff;position:relative;flex-shrink:0}.member-crown{position:absolute;top:-2px;right:-2px;color:#f39c12;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.member-info{flex:1;min-width:0}.member-name{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.premium-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:.15rem .4rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.member-stats{font-size:.8rem;color:var(--text-secondary);line-height:1.2}.member-status{display:flex;align-items:center;gap:.5rem}.weekly-points{text-align:right}.points-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1}.points-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1;margin-top:.2rem}.premium-challenge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.premium-spacer{width:120px}.premium-title{flex:1;text-align:center}.premium-title h3{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.crown-icon{color:#f39c12;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.premium-title p{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0;line-height:1.3}@media (max-width: 768px){.premium-challenge{padding:1rem}.premium-challenge-header{flex-direction:column;gap:1rem;align-items:center}.premium-spacer{display:none}.premium-title h3{font-size:1.2rem}.premium-member-item{padding:.65rem .85rem;gap:.65rem}.member-avatar{width:36px;height:36px;font-size:.9rem}.member-info{order:1}.member-status{order:2;text-align:center}.challenge-stats{grid-template-columns:1fr}.premium-tab{font-size:.8rem;padding:.75rem}}@media (max-width: 480px){.premium-tab span{display:none}.premium-tab{justify-content:center;min-width:50px}.member-name{flex-direction:column;align-items:center;gap:.5rem}.stat-value{font-size:1.5rem}}.loading-skeleton{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-header{margin-bottom:2rem}.skeleton-title{height:2rem;width:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-subtitle{height:1rem;width:150px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-gameweek-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem}.skeleton-gameweek-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-gameweek-info{flex:1}.skeleton-gameweek-title{height:2.5rem;width:250px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:6px;margin-bottom:.5rem}.skeleton-gameweek-subtitle{height:1.25rem;width:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-gameweek-ring{width:120px;height:120px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite}.skeleton-matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.skeleton-match-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.skeleton-match-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-date{height:1rem;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-status{height:1rem;width:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-match-teams{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-team{display:flex;align-items:center;gap:.75rem}.skeleton-team-name{height:1.25rem;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-team-badge{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite}.skeleton-vs{height:1rem;width:30px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}.skeleton-prediction-section{display:flex;justify-content:center}.skeleton-draw-btn{height:2.5rem;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:8px}[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-subtitle,[data-theme=dark] .skeleton-gameweek-title,[data-theme=dark] .skeleton-gameweek-subtitle,[data-theme=dark] .skeleton-gameweek-ring,[data-theme=dark] .skeleton-date,[data-theme=dark] .skeleton-status,[data-theme=dark] .skeleton-team-name,[data-theme=dark] .skeleton-team-badge,[data-theme=dark] .skeleton-vs,[data-theme=dark] .skeleton-draw-btn{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite}@media (max-width: 768px){.skeleton-matches-grid{grid-template-columns:1fr;gap:1rem}.skeleton-gameweek-header{flex-direction:column;gap:1rem;text-align:center}.skeleton-gameweek-ring{width:100px;height:100px}}.app-footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;margin-top:auto;border-top:1px solid #333}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem;display:inline-block}.footer-brand{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.footer-logo-svg{height:80px;width:auto;filter:brightness(0) invert(1)}.footer-description{color:#b0b0b0;font-size:.95rem;line-height:1.5;margin:0;text-align:center}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-link{color:#b0b0b0;text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;transition:all .2s ease;font-family:inherit}.footer-link:hover{color:#007bff;transform:translate(4px)}.footer-link svg{opacity:.7;transition:opacity .2s ease}.footer-link:hover svg{opacity:1}.footer-bottom{background:#000;border-top:1px solid #333}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#888;font-size:.85rem;margin:0}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem 1.5rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:.5rem;padding:1rem}.footer-brand{justify-content:center}.footer-section:first-child{text-align:center}}@media (prefers-color-scheme: dark){.app-footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top-color:#444}.footer-bottom{background:#000;border-top-color:#444}}.legal-page{max-width:800px;margin:0 auto;padding:2rem;background:#1a1a1a;border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #333}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.legal-icon{color:#007bff;margin-bottom:1rem;width:48px;height:48px}.legal-header h1{color:#fff;margin:1rem 0 .5rem;font-size:2.5rem;font-weight:700}.legal-updated{color:#b0b0b0;font-size:.9rem;margin:0}.legal-subtitle{color:#007bff;font-size:1.1rem;font-weight:500;margin:.5rem 0 0}.legal-content{line-height:1.6}.legal-content section{margin-bottom:2.5rem}.legal-content h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;border-left:4px solid #007bff;padding-left:1rem}.legal-content h3{color:#e0e0e0;font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem}.legal-content h4{color:#d0d0d0;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.legal-content p{color:#b0b0b0;margin-bottom:1rem}.legal-content ul,.legal-content ol{color:#b0b0b0;margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem}.legal-content ul li::marker{color:#007bff}.legal-content a{color:#007bff;text-decoration:none}.legal-content a:hover{text-decoration:underline}.contact-info{background:#ffffff0d;padding:1.5rem;border-radius:6px;border-left:4px solid #007bff;margin-top:1rem}.contact-info p{margin:.5rem 0;color:#e0e0e0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.feature-item{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.feature-icon{color:#007bff;width:32px;height:32px;margin-bottom:1rem}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.contact-icon{color:#007bff;width:24px;height:24px;margin-top:.25rem;flex-shrink:0}.contact-item h3{margin:0 0 .5rem;color:#fff}.contact-item p{margin:.25rem 0}.scoring-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.score-item{padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center}.score-item h4{color:#fff;margin:0 0 1rem}.score-item p{margin:0;font-size:1.1rem}.score-item strong{color:#007bff;font-size:1.3rem}@media (max-width: 768px){.legal-page{margin:0;padding:1rem;border-radius:0;box-shadow:none}.legal-header h1{font-size:2rem}.legal-content h2{font-size:1.3rem}.feature-grid,.contact-details,.scoring-info{grid-template-columns:1fr;gap:1rem}}.legal-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:9999;overflow-y:auto}.legal-modal-content{background:#1a1a1a;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;margin:auto;border:1px solid #333}.legal-modal-close{position:absolute;top:1rem;right:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;transition:all .2s ease;z-index:10}.legal-modal-close:hover{background:#dc262633;border-color:#dc262680;color:#ef4444;transform:scale(1.05)}.legal-modal-close svg{width:20px;height:20px}.close-fallback{position:absolute;font-size:24px;font-weight:700;line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.legal-modal-body .legal-page{margin:0;box-shadow:none;border-radius:0;max-width:none;background:transparent;color:#e0e0e0}.legal-modal-body .legal-header h1{color:#fff}.legal-modal-body .legal-updated,.legal-modal-body .legal-subtitle{color:#b0b0b0}.legal-modal-body .legal-content h2{color:#fff;border-left-color:#007bff}.legal-modal-body .legal-content h3{color:#e0e0e0}.legal-modal-body .legal-content h4{color:#d0d0d0}.legal-modal-body .legal-content p,.legal-modal-body .legal-content ul,.legal-modal-body .legal-content ol{color:#b0b0b0}.legal-modal-body .contact-info{background:#ffffff0d;border-left-color:#007bff}.legal-modal-body .contact-info p{color:#e0e0e0}.legal-modal-body .feature-item,.legal-modal-body .contact-item,.legal-modal-body .score-item{background:#ffffff0d;border-color:#ffffff1a}.legal-modal-body .contact-item h3{color:#fff}@media (max-width: 768px){.legal-modal-overlay{padding:1rem}.legal-modal-content{max-height:95vh;border-radius:12px}.legal-modal-close{top:.5rem;right:.5rem;width:36px;height:36px}}