:root{--bg-primary: #05070f;--bg-secondary: #0d1221;--bg-card: rgba(22, 22, 26, .65);--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;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--glass-blur: blur(40px) saturate(1.4);--glass-shadow: 0 10px 40px 0 rgba(0, 0, 0, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-hover: 1px solid rgba(255, 255, 255, .15);--glass-inner-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1);--aura-emerald: rgba(13, 240, 163, .15);--aura-cyan: rgba(13, 202, 240, .15);--aura-purple: rgba(139, 92, 246, .15);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary)}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;max-width:100vw}#root{overflow-x:clip;max-width:100vw}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(13,202,240,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(13,240,163,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,130,246,.15) 0px,transparent 50%);background-attachment:fixed;background-size:cover;position:relative;min-height:100vh;transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#fff3}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),var(--glass-inner-shadow);border-radius:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border:var(--glass-border-hover)}.match-card-item{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;border:var(--glass-border)}.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:0;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:0;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:0}.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:0;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:0;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:#05070fb3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);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:0}@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}}.brand-logo{height:70px;width:auto;max-width:240px;object-fit:contain}@media (max-width: 768px){.brand-logo{height:44px;max-width:140px}.header-brand{order:1}.header-tools{order:2;margin-left:auto;gap:6px!important}.header-search{order:3;width:100%!important;min-width:100%!important;max-width:100%!important;margin-top:8px}.hide-on-mobile{display:none!important}}