:root{--bg-primary: #0a0d14;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(26, 35, 54, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(56, 189, 248, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-emerald: #34d399;--accent-purple: #a855f7;--accent-amber: #fbbf24;--accent-rose: #f43f5e;--patreon-color: #ff424d;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.08) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(52,211,153,.05) 0px,transparent 50%);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color .2s ease,transform .2s ease}.glass-card:hover{border-color:#ffffff26}.glow-border{border-color:var(--border-glow);box-shadow:0 0 20px #38bdf826}.patreon-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff424d,#e63946);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:9999px;text-decoration:none;box-shadow:0 4px 14px #ff424d59;transition:all .2s ease-in-out;border:1px solid rgba(255,255,255,.2)}.patreon-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff424d80;background:linear-gradient(135deg,#ff545f,#ff424d)}.match-carousel-container{display:flex!important;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 40px 12px;-webkit-overflow-scrolling:touch}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-60%);z-index:10;width:36px;height:36px;border-radius:50%;background:#121826e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0009;transition:all .2s ease}.carousel-nav-btn:hover{background:#38bdf840;border-color:var(--accent-cyan);transform:translateY(-60%) scale(1.1)}.carousel-nav-btn.left{left:0}.carousel-nav-btn.right{right:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0d1480}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff1a;border-radius:4px;outline:none;touch-action:manipulation}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 0 10px var(--accent-cyan);transition:transform .1s ease}.badge-5star{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-4star{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-3star{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;font-family:var(--font-heading)}@media (max-width: 960px){.main-layout-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.app-header{flex-direction:column!important;align-items:flex-start!important;padding:16px!important;gap:12px!important}.header-actions{width:100%;justify-content:space-between}.match-banner-grid{grid-template-columns:1fr!important;gap:12px!important}.carousel-nav-btn{display:none!important}.match-carousel-container{padding:4px 0 12px!important}.score-display{font-size:2rem!important}.team-title{font-size:1.25rem!important}}.date-filter-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);font-weight:600;font-size:.8rem;padding:6px 14px;border-radius:9999px;cursor:pointer;transition:all .2s ease}.date-filter-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.date-filter-btn.active{background:#38bdf833;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px #38bdf833}.custom-date-picker{background:#121826e6;border:1px solid var(--border-color);color:var(--accent-cyan);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;outline:none;cursor:pointer;transition:border-color .2s ease}.custom-date-picker:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #38bdf840}.custom-date-picker::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(100%) hue-rotate(180deg);cursor:pointer}