@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c10;--surface:#12161e;--surface2:#1a2030;--border:#232c3d;--gold:#c9a227;--gold-light:#f0c040;--gold-dim:#6b5512;--blue:#1a4b8c;--blue-light:#3b82f6;--blue-bright:#60a5fa;--text:#f0f2f5;--text-secondary:#8892a4;--text-dim:#4a5568;--win:#22c55e;--loss:#ef4444;--radius:12px}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}body{overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}.home{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.home:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a2271f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.home-logo{letter-spacing:-4px;background:linear-gradient(135deg,#f0c040 0%,#c9a227 50%,#8b6914 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(80px,20vw,160px);font-weight:900;line-height:1}.home-tagline{color:var(--text);text-align:center;letter-spacing:.5px;margin-bottom:8px;font-size:clamp(16px,4vw,22px);font-weight:700}.home-sub{color:var(--text-secondary);text-align:center;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:48px;font-size:clamp(13px,3vw,15px);font-weight:500}.mode-section{width:100%;max-width:480px;margin-bottom:32px}.mode-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:11px;font-weight:600}.mode-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);text-align:left;padding:20px 16px;transition:all .2s;position:relative}.mode-btn:hover{border-color:var(--gold-dim);background:var(--surface2)}.mode-btn.active{border-color:var(--gold);background:#c9a22714}.mode-btn.active:after{content:"✓";color:var(--gold);font-size:14px;font-weight:700;position:absolute;top:10px;right:12px}.mode-btn-badge{letter-spacing:2px;margin-bottom:8px;font-size:28px;font-weight:900}.mode-btn-badge.on{color:var(--gold-light)}.mode-btn-badge.off{color:var(--blue-bright)}.mode-btn-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.home-cb-logo-center{justify-content:center;margin-bottom:20px;display:flex}.home-cb-logo-center img{object-fit:cover;border:2.5px solid #c9a22780;border-radius:50%;width:100px;height:100px;box-shadow:0 0 28px #c9a22740}.cb-header-logo{object-fit:cover;border:1.5px solid #c9a22759;border-radius:50%;flex-shrink:0;width:40px;height:40px}.cb-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:28px 16px 24px;display:flex}.cb-footer-text{color:var(--text-secondary);letter-spacing:1px;font-size:11px;font-weight:600}.cb-footer-logo-img{object-fit:cover;border:1.5px solid #c9a22759;border-radius:50%;width:40px;height:40px}.cb-footer-brand{color:var(--text);font-size:14px;font-weight:800}.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.social-links-sm .social-btn{width:44px;height:44px}.social-links-md .social-btn{width:50px;height:50px}.social-links-lg .social-btn{width:58px;height:58px}.social-btn{background:var(--surface2);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex;box-shadow:0 2px 8px #0000004d}.social-btn:hover,.social-btn:active{color:var(--social-color,var(--text));border-color:var(--social-color,var(--border));background:#ffffff1a;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.how-to-play{width:100%;max-width:480px;margin-top:12px}.htp-toggle{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.htp-toggle:hover{border-color:var(--gold-dim);color:var(--text)}.htp-steps{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin-top:8px;padding:16px;display:flex}.htp-step{align-items:flex-start;gap:12px;display:flex}.htp-icon{flex-shrink:0;margin-top:1px;font-size:20px}.htp-step-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.htp-step-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.disclaimer{max-width:480px;color:var(--text-dim);text-align:center;border-top:1px solid var(--border);margin-top:16px;padding:12px 16px;font-size:10px;line-height:1.6}.overseas-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 14px;display:flex}.overseas-label{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:700}.overseas-pips{flex:1;gap:5px;display:flex}.overseas-pip{background:var(--border);border-radius:999px;flex:1;height:6px;transition:background .2s}.overseas-pip.used{background:var(--gold)}.overseas-count{color:var(--gold);text-align:right;flex-shrink:0;min-width:32px;font-size:12px;font-weight:800}.overseas-tag{letter-spacing:1px;color:var(--blue-bright);vertical-align:middle;background:#3b82f626;border:1px solid #3b82f64d;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700}.player-overseas-badge{margin-left:4px;font-size:12px}.share-options{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.share-option-btn{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.share-option-btn:hover:not(:disabled){border-color:var(--gold);background:#ffffff12}.share-option-btn:disabled{opacity:.5;cursor:not-allowed}.share-option-icon{flex-shrink:0;font-size:22px}.share-option-btn.whatsapp:hover{border-color:#25d366}.share-option-btn.instagram:hover{border-color:#e1306c}.follow-close-x{background:var(--surface2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex;position:absolute;top:14px;right:16px}.follow-close-x:hover{color:var(--text);border-color:var(--text-secondary)}.follow-modal{position:relative}.follow-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.follow-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px 20px 16px 16px;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:480px;padding:32px 24px 28px;animation:.3s ease-out slideUp;display:flex}.follow-logo{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:80px;height:80px;margin-bottom:12px}.follow-title{color:var(--text);text-align:center;font-size:22px;font-weight:900}.follow-sub{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:14px}.follow-ig-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:16px;font-size:15px;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.follow-ig-btn:hover{opacity:.9}.follow-other-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:10px;font-weight:600}.follow-skip{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;margin-top:20px;padding:13px;font-size:14px;font-weight:600;transition:all .15s}.follow-skip:hover{border-color:var(--text-secondary);color:var(--text)}.sim-cta-row{flex-direction:column;gap:10px;margin-top:16px;margin-bottom:32px;display:flex}.share-btn{border-radius:var(--radius);letter-spacing:1px;text-transform:uppercase;color:#0a0c10;cursor:pointer;background:linear-gradient(135deg,#c9a227,#8b6914);border:none;width:100%;padding:16px;font-size:15px;font-weight:800;transition:all .2s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a22759}.new-season-btn{border-radius:var(--radius);letter-spacing:.5px;border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;padding:14px;font-size:14px;font-weight:700;transition:all .15s}.new-season-btn:hover{border-color:var(--text-secondary);color:var(--text)}.start-btn{border-radius:var(--radius);letter-spacing:1.5px;text-transform:uppercase;color:#0a0c10;background:linear-gradient(135deg,#c9a227,#8b6914);width:100%;max-width:480px;padding:18px;font-size:16px;font-weight:800;transition:all .2s}.start-btn:disabled{background:var(--surface2);color:var(--text-dim);cursor:not-allowed}.start-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a22759}.draft{flex-direction:column;max-width:540px;min-height:100vh;margin:0 auto;padding:20px 16px 48px;display:flex}.draft-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.draft-logo{background:linear-gradient(135deg,#f0c040,#c9a227);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.draft-progress{color:var(--text-secondary);font-size:13px;font-weight:600}.start-over-btn{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.5px;background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.start-over-btn:hover{border-color:var(--loss);color:var(--loss)}.scorecard{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow:hidden}.scorecard-section-header{border-top:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:2.5px;color:var(--gold-dim);text-transform:uppercase;background:#c9a22714;padding:5px 14px;font-size:9px;font-weight:800}.scorecard-section-header:first-child{border-top:none}.scorecard-row{border-bottom:1px solid #232c3d99;align-items:center;gap:10px;padding:9px 14px;transition:background .15s;display:flex}.scorecard-row:last-child{border-bottom:none}.scorecard-row.filled{background:#c9a2270a}.sc-pos{width:20px;color:var(--text-dim);text-align:center;flex-shrink:0;font-size:11px;font-weight:700}.scorecard-row.filled .sc-pos{color:var(--gold-dim)}.sc-icon{text-align:center;opacity:.75;flex-shrink:0;width:22px;font-size:15px}.scorecard-row.empty .sc-icon{opacity:.35}.sc-info{flex:1;min-width:0}.sc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sc-meta{color:var(--text-dim);letter-spacing:.3px;margin-top:1px;font-size:10px;font-weight:500}.sc-empty-role{color:var(--text-dim);font-size:12px;font-style:italic;font-weight:500}.sc-ovr{text-align:right;min-width:28px;color:var(--gold-light);flex-shrink:0;font-size:15px;font-weight:900}.sc-ovr-empty{font-size:13px;font-weight:500;color:var(--text-dim)!important}.spin-area{margin-bottom:16px}.spin-btn{border-radius:var(--radius);letter-spacing:1px;text-transform:uppercase;width:100%;color:var(--blue-bright);background:linear-gradient(135deg,#1a4b8c,#0f2d5a);border:1px solid #3b82f64d;margin-bottom:10px;padding:15px;font-size:15px;font-weight:800;transition:all .2s}.spin-btn:hover:not(:disabled){border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f640}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.spin-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spin-chip-box{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:58px;padding:10px 14px;display:flex;overflow:hidden}.spin-chip-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;margin-bottom:4px;font-size:9px;font-weight:700}.spin-chip-value{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:13px;font-weight:700;transition:color .15s;overflow:hidden}.spin-chip-value.cycling{color:var(--blue-bright);animation:80ms linear infinite flicker}.spin-chip-value.revealed{color:var(--gold-light);animation:.35s ease-out fadeSlide}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.players-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;overflow:hidden}.players-panel-header{border-bottom:1px solid var(--border);color:var(--blue-bright);background:#3b82f60f;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.players-panel-hint{color:var(--text-dim);font-size:10px;font-weight:500}.players-list{flex-direction:column;display:flex}.player-card{cursor:pointer;border-bottom:1px solid #232c3d99;align-items:center;gap:11px;padding:10px 14px;transition:all .15s;display:flex}.player-card:last-child{border-bottom:none}.player-card:hover:not(.disabled){background:#c9a2270f}.player-card.disabled{opacity:.28;cursor:not-allowed}.player-ovr{background:var(--surface2);width:40px;height:40px;color:var(--gold-light);border:1px solid var(--gold-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.player-info{flex:1;min-width:0}.player-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.player-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.player-right{flex-shrink:0}.player-slots{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.slot-pill{color:var(--blue-bright);background:#3b82f626;border:1px solid #3b82f64d;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.slot-pill-none{color:var(--text-dim);font-size:10px;font-style:italic}.slot-modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.slot-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-width:480px;padding:24px;animation:.25s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slot-modal-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.slot-modal-sub{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.slot-modal-options{flex-direction:column;gap:10px;display:flex}.slot-pick-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:10px;padding:14px 16px;font-size:15px;font-weight:700;transition:all .15s}.slot-pick-btn:hover{border-color:var(--gold);color:var(--gold-light);background:#c9a2271a}.slot-modal-cancel{border:1px solid var(--border);width:100%;color:var(--text-secondary);background:0 0;border-radius:10px;margin-top:10px;padding:12px;font-size:14px;font-weight:600}.sim{max-width:540px;min-height:100vh;margin:0 auto;padding:24px 16px 60px}.sim-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.sim-logo{background:linear-gradient(135deg,#f0c040,#c9a227);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:900}.sim-record{letter-spacing:-2px;margin-bottom:8px;font-size:clamp(56px,15vw,96px);font-weight:900;line-height:1}.sim-record .wins{color:var(--win)}.sim-record .sep{color:var(--text-dim);margin:0 4px}.sim-record .losses{color:var(--loss)}.sim-record-zero .losses{color:var(--gold-light)}.undefeated-banner{border:1px solid var(--gold);color:var(--gold-light);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#c9a22733,#f0c0401a);border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 20px;font-size:14px;font-weight:800;display:inline-flex}.sim-finish{color:var(--text-secondary);font-size:15px;font-weight:500}.sim-finish strong{color:var(--text)}.sim-stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px 12px}.stat-value{color:var(--gold-light);font-size:22px;font-weight:900}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:10px;font-weight:600}.awards-section{margin-bottom:28px}.section-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;font-size:11px;font-weight:600}.award-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;display:flex}.award-icon{flex-shrink:0;font-size:24px}.award-info{flex:1}.award-name{color:var(--text);font-size:15px;font-weight:700}.award-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.award-ovr{color:var(--gold);font-size:20px;font-weight:900}.matches-section{margin-bottom:28px}.match-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;margin-bottom:5px;padding:10px 14px;display:flex}.match-badge{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.match-badge.won{color:var(--win);background:#22c55e26}.match-badge.lost{color:var(--loss);background:#ef444426}.match-info{flex:1;min-width:0}.match-game{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.match-opponent{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.match-result{flex-shrink:0;font-size:12px;font-weight:600}.match-result.won{color:var(--win)}.match-result.lost{color:var(--loss)}.league-opp-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:9px 14px;display:flex}.league-opp-name{color:var(--text);font-size:13px;font-weight:600}.league-opp-record{font-size:14px;font-weight:800}.league-w{color:var(--win)}.league-l{color:var(--loss)}.league-sep{color:var(--text-dim)}.playoff-divider{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim);align-items:center;gap:8px;margin:14px 0 8px;font-size:10px;font-weight:700;display:flex}.playoff-divider:before,.playoff-divider:after{content:"";background:linear-gradient(to right, transparent, var(--gold-dim), transparent);flex:1;height:1px}.play-again-btn{border-radius:var(--radius);letter-spacing:1px;text-transform:uppercase;color:#0a0c10;background:linear-gradient(135deg,#c9a227,#8b6914);width:100%;margin-top:16px;padding:16px;font-size:15px;font-weight:800;transition:all .2s}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a22759}