:root{--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: rgba(255, 255, 255, .75);--border-color: rgba(0, 0, 0, .06);--accent-emerald: #059669;--accent-cyan: #0284c7;--accent-blue: #2563eb;--accent-purple: #7c3aed;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--glass-blur: blur(24px);--glass-shadow: 0 8px 30px 0 rgba(0, 0, 0, .05);--glass-border: 1px solid rgba(255, 255, 255, .8);--aura-emerald: rgba(5, 150, 105, .1);--aura-cyan: rgba(2, 132, 199, .1);font-family:Inter,sans-serif;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary)}:root[data-theme=dark]{--bg-primary: #05070f;--bg-secondary: #0d1221;--bg-card: rgba(13, 18, 33, .7);--border-color: rgba(255, 255, 255, .08);--accent-emerald: #0df0a3;--accent-cyan: #0dcaf0;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--glass-blur: blur(20px);--glass-shadow: 0 10px 40px 0 rgba(0, 0, 0, .6);--glass-border: 1px solid rgba(255, 255, 255, .1);--aura-emerald: rgba(13, 240, 163, .12);--aura-cyan: rgba(13, 202, 240, .12);color-scheme:dark}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;background-color:var(--bg-primary);position:relative;transition:background-color .4s ease,color .4s ease}body:before{content:"";position:fixed;top:-20vh;left:-20vw;width:60vw;height:60vh;background:radial-gradient(circle,var(--aura-emerald) 0%,transparent 70%);filter:blur(100px);z-index:-2;pointer-events:none;transition:background .4s ease}body:after{content:"";position:fixed;bottom:-20vh;right:-20vw;width:60vw;height:60vh;background:radial-gradient(circle,var(--aura-cyan) 0%,transparent 70%);filter:blur(100px);z-index:-2;pointer-events:none;transition:background .4s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:8px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;margin:0;letter-spacing:-.2px}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.match-card-item{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;border:1px solid var(--border-color)}.match-card-item:hover{transform:translateY(-2px);border-color:var(--text-muted);box-shadow:var(--glass-shadow)}.match-card-item.live:hover{border-color:var(--accent-emerald);box-shadow:0 6px 20px var(--aura-emerald)}@keyframes pulse-emerald{0%{transform:scale(.9);box-shadow:0 0 #0df0a3cc}70%{transform:scale(1);box-shadow:0 0 0 8px #0df0a300}to{transform:scale(.9);box-shadow:0 0 #0df0a300}}.live-dot{width:8px;height:8px;background-color:var(--accent-emerald);border-radius:50%;display:inline-block;animation:pulse-emerald 2s infinite}.soccer-pitch-container{width:100%;max-width:520px;margin:0 auto;aspect-ratio:2/3;position:relative;background:repeating-linear-gradient(0deg,#115e59,#115e59 30px,#0f766e 30px,#0f766e 60px);border:3px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:inset 0 0 60px #000000bf,0 12px 36px #0000008c;overflow:hidden}.pitch-lines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pitch-midline{position:absolute;top:50%;left:0;right:0;height:2px;background-color:#fff6}.pitch-midcircle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border:2px solid rgba(255,255,255,.4);border-radius:50%}.pitch-penalty-area-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:62%;height:18%;border-bottom:2px solid rgba(255,255,255,.4);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4)}.pitch-penalty-area-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:62%;height:18%;border-top:2px solid rgba(255,255,255,.4);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4)}.pitch-goal-area-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:32%;height:6%;border-bottom:2px solid rgba(255,255,255,.4);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4)}.pitch-goal-area-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:32%;height:6%;border-top:2px solid rgba(255,255,255,.4);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4)}.pitch-goal-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:18%;height:4px;border:2px solid rgba(255,255,255,.6);border-top:none;background:#ffffff1a}.pitch-goal-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:18%;height:4px;border:2px solid rgba(255,255,255,.6);border-bottom:none;background:#ffffff1a}.player-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.player-node:hover{z-index:25}.player-node:hover .player-jersey{transform:scale(1.2) translateY(-2px);box-shadow:0 0 15px var(--accent-emerald),0 8px 12px #0006}.player-jersey{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--accent-blue) 0%,#1e40af 100%);border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;box-shadow:0 4px 8px #0006;transition:all .25s cubic-bezier(.16,1,.3,1)}.player-jersey.away{background:radial-gradient(circle,var(--accent-cyan) 0%,#0891b2 100%);color:#070a13}.player-jersey.goalkeeper{background:radial-gradient(circle,var(--warning) 0%,#d97706 100%);color:#070a13}.player-name{margin-top:5px;font-size:9px;font-weight:700;padding:2px 6px;background-color:#070a13d9;border-radius:6px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(255,255,255,.08);color:#fff;transition:all .2s ease}.player-node:hover .player-name{background-color:var(--bg-secondary);border-color:var(--accent-emerald)}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;animation:fadeIn .3s forwards ease}.drawer-content{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:var(--bg-primary);z-index:101;transform:translateY(100%);animation:slideUp .38s forwards cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:none;border-left:none}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes skeleton-glow{0%{background-color:#ffffff0a}50%{background-color:#ffffff1f}to{background-color:#ffffff0a}}.skeleton{animation:skeleton-glow 1.4s infinite ease-in-out;border-radius:12px}@media (max-width: 600px){.date-slider button{min-width:50px!important;padding:6px 8px!important}.drawer-content{border-radius:0}.match-card-item{margin:0 8px 10px!important;padding:12px 16px!important}.league-header-click{padding:8px 12px!important}}