﻿@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--ink:#eef5ff;--muted:#8ea2ba;--line:rgba(151,174,204,.17);--panel:#0d1a2b;--bg:#07111f;--aqua:#68f0ca;--orange:#f5b65c;--danger:#ff7979}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 83% -10%, #153a51 0, transparent 30rem),var(--bg);color:var(--ink);font:500 15px/1.55 Manrope,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{color:var(--aqua)}.shell{width:min(1180px, calc(100% - 40px));margin:0 auto}.main-content{flex:1;padding:48px 0 80px}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(7,17,31,0.9);backdrop-filter:blur(14px)}.nav-shell{display:flex;min-height:68px;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;white-space:nowrap}.brand-logo{display:block;width:160px;height:auto}.primary-nav{display:flex;align-items:stretch;gap:24px;height:68px}.primary-nav a{display:grid;place-items:center;border-bottom:2px solid transparent;color:var(--muted);font-size:13px}.primary-nav a.active,.primary-nav a:hover{border-bottom-color:var(--aqua);color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.user-email{max-width:180px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--aqua);border-radius:8px;padding:0 15px;background:var(--aqua);color:#052018;cursor:pointer;font:800 12px/1 Manrope,sans-serif;letter-spacing:.02em}.button:hover{border-color:#a0ffe4;background:#a0ffe4;color:#052018}.button-quiet{border-color:var(--line);background:transparent;color:var(--ink)}.button-quiet:hover{background:var(--panel);color:var(--aqua)}.button-small{min-height:34px}.button-danger{border-color:rgba(255,121,121,0.4);background:transparent;color:var(--danger)}.button-danger:hover{background:rgba(255,121,121,0.14);color:#ffb0b0}.flash{margin-bottom:22px;border:1px solid;border-radius:9px;padding:12px 15px;font-size:13px}.flash-success{border-color:rgba(104,240,202,0.32);background:rgba(104,240,202,0.1);color:#a3f7df}.flash-alert{border-color:rgba(255,121,121,0.38);background:rgba(255,121,121,0.1);color:#ffb6b6}.hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:20px 0 45px}.eyebrow{margin:0 0 9px;color:var(--aqua);font:500 11px/1.3 'DM Mono',monospace;letter-spacing:.13em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(104,240,202,0.13)}.hero h1,.page-heading h1{max-width:720px;margin:0;font-size:clamp(37px, 5vw, 65px);line-height:1.06;letter-spacing:-.065em}.hero h1 em{color:var(--aqua);font-style:normal}.hero-copy,.page-heading>p{max-width:590px;margin:18px 0 0;color:var(--muted);font-size:16px}.hero-action{display:grid;gap:10px;justify-items:end;padding-bottom:5px;text-align:right}.hero-action small{color:var(--muted);font:11px 'DM Mono',monospace}.score-filters{display:flex;align-items:center;gap:18px;min-height:70px;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-group{display:flex;gap:5px}.state-tabs{margin-left:auto}.filter-tab{border-radius:6px;padding:7px 10px;color:var(--muted);font-size:12px}.filter-tab:hover{background:rgba(255,255,255,0.05)}.filter-tab.selected{background:rgba(104,240,202,0.13);color:var(--aqua)}.date-filter{display:flex;align-items:center;gap:8px}.date-filter input{width:140px;border:1px solid var(--line);border-radius:7px;padding:7px;background:var(--panel);color:var(--ink);font:12px 'DM Mono',monospace;color-scheme:dark}.provider-panel{display:flex;align-items:center;min-height:180px;border:1px solid var(--line);border-radius:14px;padding:28px;background:linear-gradient(120deg, var(--panel), rgba(13,26,43,0.5))}.provider-panel h2{margin:0;font-size:23px;letter-spacing:-.04em}.provider-panel p{max-width:700px;margin:9px 0 0;color:var(--muted)}.provider-panel code{color:var(--aqua)}.provider-warning{border-color:rgba(245,182,92,0.3)}.empty-state{display:grid;justify-items:start}.fixture-header{display:flex;align-items:end;justify-content:space-between;margin:35px 0 15px}.fixture-header h2{margin:0;font-size:22px;letter-spacing:-.035em}.data-note{color:var(--muted);font:11px 'DM Mono',monospace}.fixture-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:13px}.fixture-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg, rgba(18,35,55,0.96), rgba(11,23,39,0.96))}.fixture-card>header,.fixture-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px}.fixture-card>header{border-bottom:1px solid var(--line)}.fixture-card>footer{min-height:46px;border-top:1px solid var(--line);color:var(--muted);font:11px 'DM Mono',monospace}.league-name{display:flex;align-items:center;gap:7px;overflow:hidden;color:#c0d1e5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.league-logo{width:16px;height:16px;object-fit:contain}.status{border-radius:999px;padding:3px 7px;background:rgba(142,162,186,0.1);color:var(--muted);font:10px 'DM Mono',monospace;white-space:nowrap}.status-live{background:rgba(104,240,202,0.15);color:var(--aqua)}.status-finished{color:#b8c5d5}.teams{padding:8px 15px}.team{display:flex;align-items:center;justify-content:space-between;min-height:37px;gap:14px}.team-name{display:flex;align-items:center;gap:10px;overflow:hidden;font-size:13px}.team-logo{width:21px;height:21px;object-fit:contain}.team strong{font:500 19px/1 'DM Mono',monospace}.text-button{border:0;padding:0;background:transparent;color:var(--aqua);cursor:pointer;font:700 11px/1 Manrope,sans-serif}.text-button:hover{color:#b0ffe6}.page-heading{margin-bottom:32px}.page-heading h1{font-size:41px}.page-heading.with-action{display:flex;align-items:end;justify-content:space-between;gap:25px}.inline-actions{display:flex;gap:9px}.lineup-form{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.form-grid label{display:block;margin-bottom:7px;color:#cbd8e7;font-size:12px}.form-grid input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;outline:0;background:var(--panel);color:var(--ink);font:inherit}.form-grid input:focus{border-color:var(--aqua)}.player-picker{margin-bottom:25px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}.picker-header h2{margin:0;font-size:19px;letter-spacing:-.03em}.player-options{display:grid;grid-template-columns:repeat(2, 1fr)}.player-option{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.player-option:nth-child(odd){border-right:1px solid var(--line)}.player-option input{accent-color:var(--aqua)}.player-option span{display:grid;min-width:0}.player-option strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.player-option small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-option em{margin-left:auto;color:var(--orange);font:11px 'DM Mono',monospace;font-style:normal;white-space:nowrap}.empty-copy{padding:20px;color:var(--muted)}.seo-brief{display:grid;grid-template-columns:1fr minmax(280px, 0.7fr);gap:52px;margin-top:54px;border-top:1px solid var(--line);padding:34px 0 3px}.seo-brief h2{max-width:560px;margin:0;font-size:clamp(25px, 3vw, 37px);line-height:1.08;letter-spacing:-.055em}.seo-brief>div:last-child{padding-top:25px}.seo-brief p:not(.eyebrow){margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.75}.guide-hero{max-width:830px;padding:33px 0 65px}.guide-hero h1{max-width:760px;margin:0;font:600 clamp(42px, 6.2vw, 76px)/0.98 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.075em}.guide-hero h1 em{color:var(--aqua);font-style:normal}.guide-hero>p:not(.eyebrow){max-width:625px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.guide-steps{display:grid;grid-template-columns:repeat(3, 1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(13,26,43,0.62)}.guide-steps article{min-height:240px;padding:28px}.guide-steps article+article{border-left:1px solid var(--line)}.guide-steps span{color:var(--aqua);font:500 11px/1 'DM Mono',monospace;letter-spacing:.12em}.guide-steps h2{margin:49px 0 9px;font-size:21px;letter-spacing:-.04em}.guide-steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.guide-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.guide-note h2{max-width:620px;margin:0;font-size:clamp(26px, 3.1vw, 40px);line-height:1.08;letter-spacing:-.055em}.guide-note p:not(.eyebrow){max-width:640px;margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.guide-faq{max-width:830px;padding-bottom:25px}.guide-faq h2{margin:0 0 20px;font-size:31px;letter-spacing:-.05em}.guide-faq details{border-top:1px solid var(--line);padding:18px 0}.guide-faq details:last-child{border-bottom:1px solid var(--line)}.guide-faq summary{position:relative;cursor:pointer;list-style:none;padding-right:30px;color:#d9e6f3;font-weight:700}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{position:absolute;right:2px;color:var(--aqua);content:"+";font:20px/1 'DM Mono',monospace}.guide-faq details[open] summary:after{content:"−"}.guide-faq details p{max-width:720px;margin:11px 30px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.lineup-list{display:grid;gap:10px}.lineup-row{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:30px;border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--panel)}.lineup-row h2{margin:0;font-size:17px}.lineup-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.lineup-meta{display:flex;gap:18px;color:var(--muted);font-size:12px}.lineup-meta strong{display:block;color:var(--ink);font:18px 'DM Mono',monospace}.stat-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;margin:-8px 0 20px}.stat-grid>div{border:1px solid var(--line);border-radius:9px;padding:14px;background:var(--panel)}.stat-grid span{display:block;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.stat-grid strong{display:block;margin-top:4px;font:22px 'DM Mono',monospace}.back-link{margin-top:20px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:11px 16px;color:var(--muted);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.data-table td{border-top:1px solid var(--line);padding:14px 16px;color:#c7d5e4;font-size:13px}.data-table td strong{color:var(--ink)}.site-footer{position:relative;margin-top:auto;overflow:hidden;border-top:1px solid rgba(104,240,202,0.3);background:#06101d;color:var(--ink)}.site-footer:before{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), rgba(116,152,190,0.07) calc(100% - 1px)),linear-gradient(180deg, rgba(104,240,202,0.08), transparent 38%);background-size:94px 100%,100% 100%;content:"";pointer-events:none}.footer-deck{position:relative;z-index:1}.footer-pulse{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;color:#a7bacf;font:500 10px/1 'DM Mono',monospace;letter-spacing:.12em}.footer-pulse span:last-child{display:inline-flex;align-items:center;gap:8px;color:var(--aqua)}.footer-pulse i{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--aqua);box-shadow:0 0 0 4px rgba(104,240,202,0.12)}.footer-stage{display:grid;grid-template-columns:minmax(0, 1fr) minmax(350px, 0.82fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-intro{padding:37px 44px 42px 0}.footer-brand{display:inline-flex;align-items:center}.footer-logo{display:block;width:180px;height:auto}.footer-intro h2{max-width:430px;margin:25px 0 0;font:600 clamp(38px, 4.4vw, 61px)/0.94 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.075em}.footer-intro h2 em{color:var(--aqua);font-style:normal}.footer-intro>p{max-width:400px;margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.footer-sidecar{display:grid;grid-template-columns:1.22fr .78fr;gap:25px;align-content:center;border-left:1px solid var(--line);padding:32px 0 32px 37px}.footer-label{margin:0;color:#7890aa;font:500 9px/1.3 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.sportmicro-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border-bottom:1px solid rgba(104,240,202,0.45);padding:0 0 10px;color:var(--ink);font:600 17px/1 'Space Grotesk',Manrope,sans-serif;letter-spacing:-.045em}.sportmicro-link span{color:var(--ink)}.sportmicro-link b{color:var(--aqua);font:500 18px/1 'DM Mono',monospace}.sportmicro-link:hover{border-color:var(--aqua);color:var(--aqua)}.sportmicro-link:hover span{color:var(--aqua)}.footer-data small{display:block;margin-top:12px;color:var(--muted);font:11px/1.55 Manrope,sans-serif}.footer-nav{display:grid;align-content:start;gap:11px}.footer-nav .footer-label{margin-bottom:2px}.footer-nav a{width:max-content;color:#c7d7e9;font:600 12px/1.2 Manrope,sans-serif}.footer-nav a:after{margin-left:6px;color:var(--aqua);content:"↗";font:10px 'DM Mono',monospace}.footer-nav a:hover{color:var(--aqua)}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;padding:15px 0;color:#71869d;font:500 9px/1.4 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.footer-bottom span:nth-child(2){color:#9aadc0;text-align:center}.footer-bottom span:last-child{text-align:right}.legal-page{max-width:800px}.legal-page h1{margin:0;font-size:clamp(39px, 5vw, 58px);letter-spacing:-.06em}.legal-intro{max-width:660px;margin:16px 0 28px;color:var(--muted);font-size:16px}.legal-page section{margin-top:11px;border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--panel)}.legal-page h2{margin:0;font-size:20px;letter-spacing:-.035em}.legal-page section p{margin:8px 0 0;color:var(--muted)}@media (max-width: 800px){.nav-shell{gap:13px}.primary-nav{gap:14px}.user-email{display:none}.hero,.score-filters,.page-heading.with-action{align-items:flex-start;flex-direction:column}.score-filters{padding:12px 0}.state-tabs{margin-left:0}.fixture-grid{grid-template-columns:1fr}.hero-action{justify-items:start;text-align:left}.player-options{grid-template-columns:1fr}.player-option:nth-child(odd){border-right:0}.lineup-row{grid-template-columns:1fr;gap:14px}.lineup-meta{order:3}.seo-brief,.guide-note{grid-template-columns:1fr;gap:17px}.seo-brief>div:last-child{padding-top:0}.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:0}.guide-steps article+article{border-top:1px solid var(--line);border-left:0}.guide-steps h2{margin-top:26px}.footer-stage{grid-template-columns:1fr}.footer-intro{padding-right:0}.footer-sidecar{grid-template-columns:1.2fr .8fr;border-top:1px solid var(--line);border-left:0;padding:26px 0}.nav-actions .button-quiet{display:none}}@media (max-width: 520px){.shell{width:min(100% - 26px, 1180px)}.primary-nav a:nth-child(n+2){display:none}.brand-logo{width:136px}.nav-shell{min-height:58px}.primary-nav{height:58px}.nav-actions{gap:7px}.nav-actions .button{padding:0 9px;font-size:10px}.filter-group{flex-wrap:wrap}.form-grid,.stat-grid{grid-template-columns:1fr}.guide-hero{padding-top:23px}.guide-hero h1{font-size:47px}.guide-steps article{padding:23px}.guide-note{margin:38px 0;padding:28px 0}.guide-faq h2{font-size:28px}.footer-pulse{align-items:flex-start;flex-direction:column;padding:13px 0}.footer-intro{padding:30px 0}.footer-intro h2{font-size:43px}.footer-sidecar{grid-template-columns:1fr;gap:28px}.footer-bottom{grid-template-columns:1fr;gap:5px}.footer-bottom span:nth-child(2),.footer-bottom span:last-child{text-align:left}.date-filter{width:100%}.date-filter input{flex:1}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}}
