*{box-sizing:border-box;margin:0;padding:0}:root{--bg-body:linear-gradient(135deg,#667eea,#764ba2);--bg-app:#fff;--bg-panel:#f8f9fa;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f0f4ff;--text-primary:#1a1a2e;--text-secondary:#555;--text-muted:#888;--text-on-card:#333;--border-color:#e0e0e0;--border-light:#f0f0f0;--accent:#667eea;--accent-secondary:#764ba2;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--accent-gold:#ffc800;--stat-bg:#f8f9fa;--highlight-bg:#f0f4ff;--error-bg:#fff0f0;--success-bg:#f0fff4;--shadow-lg:0 20px 60px #0000004d;--prob-bar-bg:#e0e0e0;--h2h-match-bg:#0000000d;--injury-reason:#555;--player-name-color:#1a1a2e;--safe-area-top:env(safe-area-inset-top,0px)}[data-theme=dark]{--bg-body:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);--bg-app:#1a1a2e;--bg-panel:#16213e;--bg-card:#1e2a45;--bg-input:#16213e;--bg-hover:#253555;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-muted:#777;--text-on-card:#d0d0d0;--border-color:#2a3a5c;--border-light:#253555;--stat-bg:#16213e;--highlight-bg:#667eea26;--error-bg:#d32f2f26;--success-bg:#4caf5026;--shadow-lg:0 20px 60px #00000080;--prob-bar-bg:#2a3a5c;--h2h-match-bg:#ffffff0d;--injury-reason:#aaa;--player-name-color:#e8e8e8}body{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-body);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;transition:background .3s ease}@media (max-width:768px){body{padding:10px}}.app{background:#fff;background:var(--bg-app);border-radius:15px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1400px;overflow:hidden;transition:background .3s ease;width:100%}.container>*{min-width:0;padding-top:env(safe-area-inset-top);padding-top:var(--safe-top,env(safe-area-inset-top))}.container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-top:20px;min-height:600px;overflow-x:hidden;padding:40px;width:100%}.left-panel{background:#f8f9fa;background:var(--bg-panel);max-height:800px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}.left-panel,.right-panel{border-radius:10px;transition:background .3s ease}.right-panel{animation:panelFadeIn .4s ease both;background:#fff;background:var(--bg-app)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.container{gap:15px;grid-template-columns:1fr;padding:15px}.left-panel,.right-panel{max-height:none;overflow-y:visible}.right-panel{padding:60px 0 10px}.right-panel:empty{display:none}}@media (max-width:768px){.container{gap:10px;grid-template-columns:1fr;min-height:0;min-height:auto;padding:10px}.left-panel,.right-panel{border-radius:8px;max-height:none;min-width:0;overflow-y:visible;padding:60px 0 10px;width:100%}}.loading{color:#667eea;color:var(--accent);font-weight:500;padding:20px;text-align:center}@media (max-width:768px){.prob-item{grid-template-columns:1fr auto 45px}.prob-label{font-size:11px;word-break:break-word}.standings-grid{flex-direction:column;gap:8px}.standing-item{flex-wrap:wrap}}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--accent-gradient);border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-screen p{color:#fffc;font-size:16px}.upgrade-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--accent-gradient);border-radius:10px;color:#fff;display:flex;font-size:14px;justify-content:space-between;margin:10px 20px;padding:12px 20px}.upgrade-banner button{background:#ffc800;background:var(--accent-gold);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 16px;transition:transform .2s ease}.upgrade-banner button:hover{transform:scale(1.05)}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--accent-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:600;margin-bottom:12px;margin-top:20px;padding:12px 16px;text-align:left;transition:opacity .3s ease;width:100%}.back-btn:hover{opacity:.9}.app-footer{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 20px}.app-footer,.app-footer button{color:#888;color:var(--text-muted);font-size:12px}.app-footer button{background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease}.app-footer button:hover{color:#667eea;color:var(--accent)}.footer-copy{color:#888;color:var(--text-muted)}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--accent-gradient);border-bottom:1px solid #ffffff1a;left:0;padding-top:env(safe-area-inset-top);padding-top:var(--safe-top,env(safe-area-inset-top));position:fixed;top:0;transition:box-shadow .3s ease;width:100%;z-index:1000}.site-header.scrolled{border-bottom-color:#ffffff0f;box-shadow:0 4px 24px #00000040}.header-inner{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.header-logo{cursor:pointer}.header-logo img{display:block;height:36px;transition:opacity .2s ease,transform .2s ease;width:auto}.header-logo img:hover{opacity:.85;transform:scale(1.02)}.desktop-nav{align-items:center;display:flex;gap:4px}.nav-link{background:none;border:none;border-radius:8px;color:#ffffffa6;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;position:relative;transition:all .2s ease}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff1f;color:#fff}.nav-link.active:after{background:#fff;border-radius:2px;bottom:2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:18px}.desktop-right{align-items:center;display:flex;gap:8px}.header-badge{border-radius:20px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.8px;padding:4px 12px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.header-badge:hover{transform:scale(1.05)}.header-badge.free{background:#ffffff1f;border:1px solid #fff3;color:#ffffffd9}.header-badge.pro{background:linear-gradient(135deg,#ffc800,#ff9500);border:none;box-shadow:0 2px 8px #ffc8004d;color:#1a1a2e}.header-badge.pro:hover{box-shadow:0 4px 14px #ffc80073}.header-predictions{background:#ffffff0f;border-radius:6px;color:#fff9;font-size:12px;font-weight:500;padding:3px 8px}.header-lang-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffbf;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 10px;transition:all .2s ease}.header-lang-btn:hover{background:#ffffff26;color:#fff}.header-theme-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background .2s ease,transform .3s ease;width:32px}.header-theme-btn:hover{background:#ffffff26;transform:rotate(30deg)}.header-signout{background:none;border:1px solid #ffffff26;border-radius:8px;color:#ffffffa6;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s ease}.header-signout:hover{background:#ff464626;border-color:#ff46464d;color:#ff8a8a}.header-mobile-controls{align-items:center;display:none;gap:10px}.hamburger{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:8px 7px;position:relative;transition:background .2s ease;width:36px;z-index:200}.hamburger:hover{background:#ffffff26}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;pointer-events:none;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#667eeafa,#764ba2fa);max-height:0;overflow:hidden;padding:0 24px;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s ease}.mobile-menu.show{max-height:420px;padding:16px 24px 20px}.mobile-nav{border-bottom:1px solid #ffffff1f;display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding-bottom:16px}.mobile-nav-link{background:none;border:none;border-radius:10px;color:#ffffffe6;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:12px 14px;text-align:left;transition:background .2s ease}.mobile-nav-link:active,.mobile-nav-link:hover{background:#ffffff1a;color:#fff}.mobile-user-section{display:flex;flex-direction:column;gap:14px}.mobile-user-row{align-items:center;display:flex;gap:10px}.mobile-user-avatar{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.mobile-predictions{background:#ffffff0f;border-radius:8px;color:#fff9;font-size:13px;font-weight:500;padding:6px 12px}.mobile-email{color:#fff9;font-size:13px;word-break:break-all}.mobile-actions{display:flex;gap:8px}.mobile-lang-btn,.mobile-theme-btn{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;color:#ffffffe6;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s ease}.mobile-lang-btn:hover,.mobile-theme-btn:hover{background:#ffffff1f}.mobile-signout{background:#ff464614;border:1px solid #ff464633;border-radius:10px;color:#ffb4b4e6;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.mobile-signout:hover{background:#ff464633;border-color:#ff464659;color:#faa}@media (max-width:768px){.header-inner{height:56px;padding:0 16px}.desktop-nav,.desktop-right{display:none}.header-mobile-controls{display:flex}.header-logo img{height:30px}}
/*# sourceMappingURL=main.75e13406.css.map*/