@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}: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: #22c55e;--accent-hover: #16a34a;--success: #22c55e;--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);overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{max-width:100vw;overflow-x:hidden}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%;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1)}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}.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);width:120px;height:120px}.gameweek-ring-svg{width:120px;height:120px}.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),var(--accent-hover));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,var(--accent-hover),var(--accent));transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.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}.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)}.unlock-icon{color:#3b82f6}.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}.live-badge{background:linear-gradient(135deg,#f97316,#ea580c);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}.deadline-info-inline{color:var(--text-secondary);font-size:.85rem;margin-left:.5rem;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}.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}.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}.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)}.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,var(--accent),var(--accent-hover));border:none;border-radius:14px;color:#fff;font-size:1.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}.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-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{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.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 spin{to{transform:rotate(360deg)}}@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){.predictions-header,.dashboard-header,.results-main-header,.leagues-header,.rewards-header,.rules-header{display:none!important}.gameweek-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:linear-gradient(135deg,#1a1d29f2,#0f1115fa);border:1px solid rgba(255,255,255,.08);border-radius:10px}.gameweek-title-container{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;flex:1;min-width:0}.gameweek-title-container .lock-icon,.gameweek-title-container .unlock-icon{display:none}.gameweek-info{display:flex;flex-direction:column;gap:.1rem}.gameweek-title{font-size:1.1rem!important;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.gameweek-title .gw-number{font-size:1.1rem}.gameweek-subtitle{font-size:.65rem!important;margin-bottom:0!important;min-height:0}.gameweek-subtitle:empty{display:none}.gameweek-title .status-badge{padding:.2rem .5rem!important;font-size:.6rem!important;border-radius:4px!important;min-height:16px!important;min-width:fit-content!important;font-weight:700!important;letter-spacing:.5px!important;flex-shrink:0;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;-webkit-text-fill-color:white!important;text-transform:uppercase;overflow:visible!important;white-space:nowrap!important}.gameweek-title .status-badge.live-badge{background:#f97316!important;box-shadow:0 1px 4px #f9731666}.gameweek-title .status-badge.completed-badge{background:#22c55e!important;box-shadow:0 1px 4px #22c55e66}.gameweek-title .status-badge.coming-soon-badge{background:#64748b!important;box-shadow:0 1px 4px #64748b66}.deadline-info-inline{font-size:.6rem!important;color:var(--text-secondary)!important}.gameweek-progress{flex-shrink:0;margin-right:.5rem}.gameweek-ring{width:auto;height:auto;position:relative}.gameweek-ring svg{display:none}.gameweek-ring-text{position:static;transform:none;display:flex;flex-direction:column;align-items:center}.gameweek-value{font-size:.95rem!important;font-weight:700;color:#fff!important}.gameweek-label{display:block!important;font-size:.5rem!important;color:#ffffffb3!important;text-transform:uppercase;letter-spacing:.3px;margin-top:0!important}.gameweek-nav{display:flex;flex-direction:row;align-items:center;gap:.25rem;flex-shrink:0}.gameweek-nav .current-gw{display:none}.gameweek-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;font-size:.8rem!important;border-radius:6px!important}.error-toast{bottom:1rem;right:1rem;max-width:280px;font-size:.85rem}h1{font-size:1.5rem}.team-name{font-size:.95rem}.stats-grid{grid-template-columns:1fr 1fr}.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(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,var(--accent),var(--accent-hover));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}.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}.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}.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)}}.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,.btn:hover,.stat-tile:hover{transform:none!important;box-shadow:none!important}.btn,.toggle-switch{min-height:44px;min-width:44px}.btn:active{transform:scale(.98);opacity:.8}}@media(max-width:480px){:root{--mobile-padding: .75rem;--mobile-gap: .5rem}.main-content,.auth-container{padding:var(--mobile-padding)}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}.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,.live-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){.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}}@media(max-width:1024px)and (orientation:landscape)and (max-height:768px){.gameweek-header{padding:.75rem}}@supports (padding: max(0px)){.main-content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.main-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.nav-tab,.btn{-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}@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}.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}.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-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)}}.draw-label-container{display:flex;flex-direction:column;align-items:center;text-align:center}.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}.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}.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}.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}.predictions-loading-state{position:relative;min-height:600px}.loading-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:10;background:#0f1115f2;padding:2rem;border-radius:16px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-message span{color:var(--text-secondary);font-size:.95rem;font-weight:500}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:9999}.loading-screen .loading-spinner{width:48px;height:48px;border-width:4px}.loading-screen p{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0}.loading-screen-minimal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.loading-spinner-small{width:24px;height:24px;border:2px solid rgba(34,197,94,.3);border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}.error-toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #dc26264d;font-weight:500;font-size:.95rem;z-index:1000;max-width:320px;line-height:1.4;animation:slideUpError .3s ease,fadeOutError .3s ease 4.7s}@keyframes slideUpError{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOutError{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.error-toast{bottom:1rem;right:1rem;left:1rem;max-width:none;font-size:.9rem}.loading-message{padding:1.5rem;margin:0 1rem}.predictions-loading-state{min-height:400px}}.ranking-intro{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.tiers-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.tier-display-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.tier-display-item:hover{background:#ffffff0f;transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 4px 12px #0003}.tier-badge-display{position:relative;overflow:hidden}.tier-display-range{font-size:.875rem;color:var(--text-secondary);text-align:center;font-weight:500}.ranking-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem;margin-top:1rem}.ranking-note p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.ranking-note strong{color:var(--text-primary)}@media(max-width:768px){.tiers-display{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.tier-display-item{padding:1rem}.tier-badge-display{font-size:11px!important;padding:6px 14px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1)}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1)}.animate-slide-in-left{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}