:root{--bg-color:#0a0e14;--panel-bg:#141a2399;--accent-color:#00e676;--accent-secondary:#ffb300;--text-main:#fff;--text-dim:#9ca3af;--border-color:#ffffff14;--glass-effect:blur(16px);--team-font-size:.95rem;--bar-text-size:.75rem;--star-duel-name-size:.85rem;--star-duel-title-size:1.15rem}[data-theme=modern]{--bg-color:#030014;--panel-bg:#0a051e80;--accent-color:#ff007f;--accent-secondary:#00f0ff;--text-main:#fff;--text-dim:#a1a1aa;--border-color:#ffffff1a;--glass-effect:blur(20px)}[data-theme=elite]{--bg-color:#000;--panel-bg:#050505b3;--accent-color:#0f6;--accent-secondary:#ffb300;--text-main:#fff;--text-dim:#737373;--border-color:#00ff6626;--glass-effect:blur(24px)}.bg-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;animation:20s linear infinite grid-move;position:fixed;top:0;left:0}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#00ff880d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffd7000d 0%,#0000 40%);min-height:100vh;font-family:Outfit,sans-serif}h1,h2,h3,.heading-font{letter-spacing:2px;text-transform:uppercase;font-family:Orbitron,sans-serif}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.glass-panel:hover{border-color:color-mix(in srgb, var(--accent-color) 50%, transparent);box-shadow:0 8px 32px 0 #00000080, inset 0 0 20px color-mix(in srgb, var(--accent-color) 10%, transparent)}.pes-button{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 60%, black));color:#050505;cursor:pointer;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border:1px solid #fff3;border-radius:4px;padding:12px 24px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.pes-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.pes-button:hover:after{left:150%}.pes-button:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--accent-color) 40%, transparent);filter:brightness(1.1);transform:skew(-5deg)scale(1.05)}.radar-container{width:100%;max-width:400px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.landing-title{letter-spacing:4px;font-family:Orbitron,sans-serif;font-size:5rem}.landing-subtitle{letter-spacing:12px;font-size:1.4rem}.landing-btn{box-shadow:0 0 40px var(--accent-color);font-size:1.5rem;transition:all .3s;padding:15px 60px!important}@media (width<=768px){.landing-title{letter-spacing:2px;font-size:3rem}.landing-subtitle{letter-spacing:4px;padding:0 20px;font-size:.9rem}.landing-btn{font-size:1.1rem;width:auto!important;padding:12px 30px!important}}.loading-overlay{background:var(--bg-color);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pes-spinner{border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin;position:relative}.pes-spinner:after{content:"";border:2px solid var(--border-color);border-bottom-color:var(--accent-secondary);border-radius:50%;animation:.5s linear infinite reverse spin;position:absolute;inset:5px}@keyframes spin{to{transform:rotate(360deg)}}.active-tab{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}nav button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:5px 0;font-family:Orbitron,sans-serif;font-size:.8rem;transition:color .3s}nav button:hover{color:var(--accent-color)}.prob-bar{background:#ffffff1a;border-radius:2px;flex:1;height:20px;position:relative;overflow:hidden}.prob-bar div{height:100%;transition:width 1s ease-in-out}.prob-bar span{text-align:center;width:100%;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.streak-item{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.dots{gap:5px;display:flex}.dot{border-radius:2px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.win{background:var(--accent-color);color:#000}.draw{color:#fff;background:#888}.loss{color:#fff;background:#f44}.match-card{transition:transform .2s}.match-card:hover{transform:translate(5px)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:20px;display:grid}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr;gap:25px;padding:15px}}@media (width<=768px){:root{--team-font-size:.78rem;--bar-text-size:.62rem;--star-duel-name-size:.75rem;--star-duel-title-size:.95rem}body{text-align:left}.league-selector-wrapper{padding:0 15px!important}.glass-panel{margin-bottom:10px;padding:20px 15px!important}.heading-font{text-align:center;font-size:1.3rem!important}.pes-button{width:100%;clip-path:none!important;border-radius:10px!important;padding:14px!important}header{text-align:center;flex-direction:column;gap:20px!important;margin:15px!important;padding:20px!important}header h1{font-size:1.4rem!important}header>div{flex-direction:column;width:100%;gap:15px!important}nav{flex-wrap:wrap;width:100%;justify-content:center!important;gap:10px!important}.match-card{border-left:none!important;border-bottom:3px solid var(--accent-color)!important;padding:20px!important}.match-card>div{gap:15px;justify-content:center!important}.prob-bar{height:24px!important}.league-selector-container{flex-direction:column!important;align-items:center!important;gap:15px!important}select{text-align:center;text-align-last:center;width:100%!important}.radar-container{padding:10px}.streak-item{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:15px 0}.gauge-main-container{text-align:center;flex-direction:column!important;gap:20px!important}.star-duel-grid{grid-template-columns:1fr!important;gap:10px!important}.star-duel-vs-divider{margin:5px 0!important}.radar-container{width:100%!important;max-width:100%!important;padding:0!important}}.gauge-main-container{align-items:center;gap:28px;margin-bottom:28px;display:flex}.star-duel-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-bottom:18px;display:grid}.star-duel-vs-divider{color:var(--text-dim);text-align:center;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}@media (width<=600px){.bot-panel{width:92vw!important;right:50%!important;transform:translate(50%)!important}}.dashboard-grid>*{min-width:0;max-width:100%}.glass-panel{box-sizing:border-box;max-width:100%;overflow:hidden}@media (width<=600px){.dashboard-grid{padding:10px!important}.glass-panel{padding:15px 10px!important}.recharts-responsive-container{width:100%!important;min-width:0!important}}