@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080d17;--bg-2:#0d1526;--bg-3:#111d33;--bg-card:#0f1a2e;--bg-glass:#0d1526b8;--border:#47556947;--border-2:#4755692e;--border-glow:#10b98159;--text:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--green:#10b981;--green-dim:#10b9811a;--green-glow:#10b98133;--amber:#f59e0b;--amber-dim:#f59e0b1a;--red:#f43f5e;--red-dim:#f43f5e1f;--blue:#38bdf8;--blue-dim:#38bdf81a;--purple:#a78bfa;--purple-dim:#a78bfa1a;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--nav-height:60px;--bottom-nav-height:64px}@supports (padding-bottom:env(safe-area-inset-bottom)){:root{--bottom-nav-height:calc(64px + env(safe-area-inset-bottom))}}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}a{color:inherit;text-decoration:none}::selection{background:var(--green-glow);color:var(--text)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}.animate-pulse-live{animation:1.4s ease-in-out infinite pulse-live}.animate-spin{animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--bg-3) 25%, #ffffff0a 50%, var(--bg-3) 75%);background-size:200% 100%;border-radius:6px;animation:1.6s infinite shimmer}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)}.conf-elite{color:#22d3ee}.conf-high{color:var(--green)}.conf-medium{color:var(--amber)}.conf-low{color:var(--red)}
.nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080d17eb;align-items:center;gap:32px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.02em;color:var(--text);flex-shrink:0;align-items:center;gap:8px;font-size:1.125rem;font-weight:800;display:flex}.nav-brand-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.nav-brand-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%}.nav-links{display:none}@media (min-width:769px){.nav-links{flex:1;gap:4px;display:flex}}.nav-link{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--bg-3)}.nav-link.active{color:var(--green);background:var(--green-dim)}.nav-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.layout-main{max-width:1280px;padding:24px 20px calc(24px + var(--bottom-nav-height));margin:0 auto}@media (min-width:769px){.layout-main{padding-bottom:24px}}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#080d17f2;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{color:var(--text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-link.active{color:var(--green)}@media (min-width:769px){.bottom-nav{display:none}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .15s,transform .15s}.card:hover{border-color:#47556980}.card-sm{border-radius:12px;padding:14px 16px}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:#47556980;transform:translateY(-1px)}.badge{font-size:.6875rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.badge-live{color:var(--green);background:var(--green-dim);border-color:var(--green-glow)}.badge-live:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-live}.badge-upcoming{color:var(--text-2);border-color:var(--border);background:#47556926}.badge-finished{color:var(--text-3);border-color:var(--border-2);background:#4755691a}.badge-premium{color:var(--amber);background:var(--amber-dim);border-color:#f59e0b38}.badge-free{color:var(--green);background:var(--green-dim);border-color:var(--green-glow)}.badge-unlocked{color:var(--green);background:var(--green-dim);border-color:#10b9814d}.badge-conf{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);background:#10b9811f;border:1px solid #10b98138;border-radius:999px;padding:3px 9px}.btn{cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#000;border-color:var(--green)}.btn-primary:hover:not(:disabled){background:#0da370}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-3);border-color:var(--text-3)}.btn-amber{background:var(--amber-dim);color:var(--amber);border-color:#f59e0b4d}.btn-amber:hover:not(:disabled){background:#f59e0b2e}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.btn-sm{border-radius:8px;padding:5px 12px;font-size:.8rem}.btn-lg{border-radius:12px;padding:12px 24px;font-size:1rem}.btn-full{width:100%}.tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;gap:4px;min-width:0;max-width:100%;padding:4px;display:flex;overflow:hidden}.tab{text-align:center;cursor:pointer;min-width:0;max-width:100%;color:var(--text-2);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex;overflow:hidden}.tab svg,.tab>span:not(.tab-label){flex-shrink:0}.tab-label{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.tab:hover{color:var(--text)}.tab.active{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}@media (max-width:480px){.tabs{gap:3px;padding:3px}.tab{gap:4px;padding:7px 6px;font-size:.75rem}}.input{background:var(--bg-2);border:1px solid var(--border);width:100%;color:var(--text);font-size:.875rem;font-family:var(--font-sans);border-radius:10px;outline:none;padding:9px 14px;transition:border-color .15s}.input:focus{border-color:var(--green)}.input::placeholder{color:var(--text-3)}.spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:.6875rem;font-weight:600}.team-logo{object-fit:contain;border-radius:4px;width:28px;height:28px}.team-logo-lg{width:40px;height:40px}.team-logo-fallback{background:var(--bg-3);width:28px;height:28px;color:var(--text-3);font-size:.625rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fixture-card{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.fixture-team{align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.fixture-team.away{text-align:right;flex-direction:row-reverse}.fixture-score{flex-direction:column;align-items:center;gap:4px;min-width:60px;display:flex}.score-text{font-size:1.25rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.fixture-detail-page{min-width:0;max-width:100%}.fixture-detail-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:20px;display:flex}.fixture-detail-card{min-width:0;max-width:100%}.fixture-detail-league-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:16px;display:flex}.fixture-detail-league-main{align-items:center;gap:6px;min-width:0;display:flex}.fixture-detail-league-main img{flex-shrink:0}.fixture-detail-league-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.fixture-detail-league-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fixture-detail-country{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);font-size:.6875rem;font-weight:600;overflow:hidden}.fixture-scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-width:0;margin-bottom:16px;display:grid}.fixture-scoreboard-team{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.fixture-scoreboard-team-name{text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.fixture-scoreboard-center{flex-direction:column;align-items:center;gap:6px;min-width:76px;display:flex}.fixture-scoreboard-score{letter-spacing:0;white-space:nowrap;font-size:2rem;line-height:1}.fixture-event-row{min-width:0}.fixture-event-player{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-scroll table{min-width:640px}.stat-bar-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:8px;font-size:.8125rem;display:grid}.stat-bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:84px;max-width:150px;overflow:hidden}.stat-bar{background:var(--bg-3);border-radius:2px;height:4px;position:relative;overflow:hidden}.stat-bar-fill{background:var(--green);border-radius:2px;height:100%;transition:width .6s}.lock-overlay{text-align:center;filter:blur();flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:relative}.lock-blur-pill{background:#ffffff0f;border-radius:5px;height:10px;display:inline-block}.form-letter{width:20px;height:20px;font-size:.6875rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.form-W{background:var(--green-dim);color:var(--green)}.form-D{color:var(--text-2);background:#47556940}.form-L{background:var(--red-dim);color:var(--red)}.divider{background:var(--border);height:1px;margin:16px 0}.empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state-icon{background:var(--bg-3);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}.layout-main{padding:16px 12px}.nav{gap:16px;padding:0 12px}.card.fixture-detail-card{padding:16px 12px}.fixture-detail-toolbar{margin-bottom:14px}.fixture-detail-league-row{align-items:flex-start;gap:8px}.fixture-detail-league-row>span{flex-shrink:0}.fixture-scoreboard{gap:8px}.fixture-scoreboard-team{gap:6px}.fixture-scoreboard-team .team-logo,.fixture-scoreboard-team .team-logo-fallback{width:42px;height:42px}.fixture-scoreboard-team-name{line-height:1.2;font-size:.8125rem!important}.fixture-scoreboard-center{min-width:66px}.fixture-scoreboard-score{font-size:1.45rem}.stat-bar-row{grid-template-columns:minmax(0,1fr) minmax(72px,auto) minmax(0,1fr);gap:6px}.stat-bar-label{min-width:0;max-width:34vw;font-size:.6875rem!important}}.page-loading{min-height:calc(100vh - var(--nav-height));justify-content:center;align-items:center;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:999px;padding:5px 14px;transition:all .15s}.chip:hover{border-color:var(--text-3);color:var(--text)}.chip.active{background:var(--green-dim);border-color:var(--green-glow);color:var(--green)}.sidebar-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:1024px){.sidebar-layout{grid-template-columns:1fr}}.stat-strip{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:1px;margin-bottom:24px;display:grid;overflow:hidden}@media (min-width:768px){.stat-strip{grid-template-columns:repeat(4,1fr)}}.stat-strip-item{background:var(--bg-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;transition:background .15s;display:flex}.stat-strip-item:hover{background:var(--bg-2)}.stat-strip-value{font-size:1.5rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1}.stat-strip-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.legal-page{max-width:800px;padding:40px 20px}.legal-page h1{margin-bottom:20px;font-size:2.5rem;font-weight:800}.legal-updated{color:var(--text-2);margin-bottom:40px}.legal-sections{color:var(--text);flex-direction:column;gap:24px;line-height:1.6;display:flex}.legal-sections h2{margin-bottom:12px;font-size:1.5rem;font-weight:700}.legal-sections p+p{margin-top:12px}.legal-sections ul{flex-direction:column;gap:8px;margin-top:12px;padding-left:24px;list-style-type:disc;display:flex}.account-deletion-page{max-width:1120px;padding:40px 20px}.account-deletion-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.account-deletion-copy h1{margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.05}.account-deletion-intro{color:var(--text-2);max-width:720px;margin-bottom:24px;font-size:1rem;line-height:1.7}.account-deletion-info{margin-bottom:16px}.account-deletion-info h2,.account-deletion-success h2{margin-bottom:10px;font-size:1.125rem;font-weight:700}.account-deletion-info p,.account-deletion-success p{color:var(--text-2);line-height:1.6}.account-deletion-info ul{color:var(--text-2);flex-direction:column;gap:8px;padding-left:20px;line-height:1.6;list-style-type:disc;display:flex}.account-deletion-form{top:calc(var(--nav-height) + 20px);position:sticky}.contact-page{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:24px;max-width:980px;padding:40px 20px;display:grid}.contact-copy h1{margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.05}.contact-copy p{color:var(--text-2);max-width:620px;font-size:1rem;line-height:1.7}.contact-form{top:calc(var(--nav-height) + 20px);position:sticky}.contact-textarea{resize:vertical;min-height:150px}.contact-result{color:var(--text-2);margin-top:12px;font-size:.8125rem;line-height:1.5}.contact-botcheck{display:none}.form-field{color:var(--text-2);flex-direction:column;gap:8px;margin-bottom:16px;font-size:.8125rem;font-weight:600;display:flex}.account-deletion-textarea{resize:vertical;min-height:130px}.account-deletion-check{color:var(--text-2);align-items:flex-start;gap:10px;margin-bottom:16px;font-size:.8125rem;line-height:1.5;display:flex}.account-deletion-check input{margin-top:3px}.form-error{color:var(--red);margin-bottom:12px;font-size:.8125rem}@media (max-width:900px){.account-deletion-grid{grid-template-columns:1fr}.account-deletion-form{position:static}.contact-page{grid-template-columns:1fr}.contact-form{position:static}}