@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#102c28;--muted:#62706a;--paper:#f5f6f0;--lime:#b5ed74;--line:#dce2d6;--white:#fff;--sport:'Barlow Condensed','Arial Narrow',sans-serif;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button,select{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #558c2a;outline-offset:4px}button{border:0}button:hover{filter:brightness(.94)}.top,main,footer{max-width:1180px;margin:auto;padding:0 36px}.top{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:800 25px/1 var(--sport);letter-spacing:1px}.brand small{display:block;font:600 9px/1.6 'DM Sans',sans-serif;letter-spacing:1.4px;margin-top:5px}.badge{width:47px;height:57px;clip-path:polygon(0 0,100% 0,100% 77%,50% 100%,0 77%);background:var(--ink);color:#fff;text-align:center;font:800 32px/1 var(--sport);padding-top:5px}.badge span{display:block;font:700 9px/1 'DM Sans';color:var(--lime);letter-spacing:2px}.made{text-decoration:none;font-size:11px;color:var(--muted)}.made strong{display:block;font-size:23px;color:var(--ink);letter-spacing:-1px}.made strong span{font-weight:400}.intro{padding:48px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 17px}h1{font:800 clamp(64px,7vw,92px)/.95 var(--sport);letter-spacing:-2px;margin:0}h1 em{font-style:normal;position:relative;z-index:0}h1 em:after{content:'';position:absolute;z-index:-1;height:16px;background:var(--lime);bottom:5px;left:0;right:0;transform:rotate(-2deg)}.intro-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:20px 0 0}.choose{width:330px;margin-top:60px}.choose label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.select-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 10px}.choose select{width:100%;padding:15px 9px;background:#fff;color:var(--ink);border:0;font-size:18px;font-weight:700}.choose p{font-size:11px;color:var(--muted);margin-top:10px}.next-card{border-radius:20px;background:var(--ink);color:white;position:relative;overflow:hidden;padding:28px 32px}.next-card:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff14;border-radius:50%;right:-100px;top:-170px;box-shadow:0 0 0 65px #ffffff05;pointer-events:none}.next-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{display:inline-block;border-radius:50px;padding:7px 11px;background:#ffffff12;color:#e1e8df;font-size:10px;font-weight:600;letter-spacing:.6px}.pill.lime{background:var(--lime);color:var(--ink)}.next-top .meta{font-size:11px;color:#c3d2c4}.fixture{display:grid;grid-template-columns:1fr 155px 1fr;align-items:center;text-align:center;gap:25px;margin:30px 0}.team-logo{width:50px;height:55px;border:1px solid #ffffff40;border-radius:12px;display:grid;place-content:center;margin:0 auto 11px;font:800 29px var(--sport);background:#ffffff0a;color:var(--lime)}.team-name{font:700 26px/1.1 var(--sport);max-width:290px;margin:auto}.team-name small{display:block;font:400 10px/1.7 'DM Sans';margin-top:8px;color:#c3d2c4}.kickoff{font:700 57px/1 var(--sport);color:var(--lime)}.kickoff small{display:block;font:500 11px 'DM Sans';margin-top:8px;color:#c3d2c4}.next-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff20;padding-top:18px}.next-bottom p{margin:0;font-size:12px;color:#c3d2c4;line-height:1.8}.next-bottom strong{color:#fff}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary{padding:12px 15px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.primary{background:var(--lime);color:var(--ink)}.secondary{background:#ffffff10;color:#fff;border:1px solid #ffffff25}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 35px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 21px}.stat strong{font:700 30px var(--sport)}.stat span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.stat small{font-size:10px;color:var(--muted);margin-left:8px}.content-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:14px}.tabs{display:flex;gap:22px}.tabs button{background:none;color:var(--muted);padding:18px 0;font-weight:600;font-size:13px;border-bottom:3px solid transparent}.tabs button[aria-current]{color:var(--ink);border-color:var(--ink)}.text-button{background:none;font-size:12px;font-weight:600;color:var(--ink)}.panel{padding-top:27px}.panel[hidden]{display:none}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}h2{font:700 29px/1.1 var(--sport);margin:0}.section-title p{font-size:12px;color:var(--muted);margin:8px 0 0}.filter-label{font-size:11px;color:var(--muted)}select{border:1px solid var(--line);padding:9px;border-radius:8px;background:white;color:var(--ink);font-size:12px}.matches{display:grid;gap:10px}.match{display:grid;grid-template-columns:80px 1fr 115px 110px 36px;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 21px;text-align:left;width:100%;color:var(--ink)}.match:hover{border-color:#98b281;background:#fcfff8}.datebox{border-right:1px solid var(--line);font:700 30px/1 var(--sport);padding-right:15px}.datebox small{display:block;font:600 10px/1.2 'DM Sans';text-transform:uppercase;letter-spacing:1px;margin-top:4px}.opponent{font-size:13px;font-weight:600;line-height:1.4}.opponent small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.match-time{font:700 25px var(--sport)}.match-time small{display:block;font:400 10px 'DM Sans';color:var(--muted)}.venue-tag{font-size:10px;color:var(--muted)}.venue-tag span{display:block;margin-top:6px}.arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--paper);font-size:16px}.match.rest{background:#edf0e7;color:var(--muted)}.source-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:18px}.promo{margin:42px 0 35px;padding:25px 27px;display:flex;align-items:center;gap:22px;background:#e8eedf;border-radius:14px}.koala-mark{width:62px;height:62px;border-radius:14px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:42px;font-weight:700;letter-spacing:-4px;flex-shrink:0}.promo .eyebrow{font-size:8px;margin-bottom:8px}.promo h2{font-size:24px}.promo p:not(.eyebrow){font-size:11px;color:var(--muted);margin-bottom:0}.promo a{margin-left:auto;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}footer{display:flex;justify-content:space-between;gap:18px;font-size:9px;color:var(--muted);padding-top:22px;padding-bottom:25px;border-top:1px solid var(--line)}footer a{text-decoration:none}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:15px 14px;text-align:center;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{font-size:10px;color:var(--muted);background:#eef1e8}.selected-row{background:#e8f4da;font-weight:700}.all-heading{margin:28px 0 12px;font:700 24px var(--sport)}#league>label{font-size:12px}.league-matches{display:grid;gap:9px;margin-top:20px}.league-row{background:#fff;padding:16px;border-radius:10px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px;font-size:12px}.league-row span:last-child{text-align:right}.league-row strong{text-align:center;color:var(--muted)}.rival-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rival{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;text-align:left;color:var(--ink)}.rival .mini-logo{font:700 29px var(--sport);background:#e9efdf;border-radius:9px;width:45px;height:45px;display:grid;place-content:center;margin-bottom:17px}.rival h3{font:700 23px/1.1 var(--sport);margin:0}.rival p{font-size:11px;color:var(--muted);line-height:1.6}.rival span{font-size:11px;font-weight:700}dialog{width:min(560px,calc(100% - 30px));padding:35px;border:0;border-radius:20px;color:var(--ink);background:var(--paper);max-height:85vh;overflow:auto}dialog::backdrop{background:#102c28b0;backdrop-filter:blur(4px)}.close{position:absolute;right:13px;top:10px;font-size:27px;background:none;color:var(--muted)}dialog h2{font-size:37px;margin:17px 0}dialog p{font-size:13px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.detail-grid>div{background:#fff;padding:15px;border:1px solid var(--line);border-radius:10px}.detail-grid small{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.detail-grid strong{font-size:14px}dialog .secondary{color:var(--ink);border-color:var(--line);background:#fff}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;max-width:90vw}#toast.visible{opacity:1}.empty{padding:30px;background:white;border-radius:12px;font-size:13px}.rest-title{font:700 48px var(--sport);margin:25px 0}
@media(max-width:750px){.top,main,footer{padding-left:20px;padding-right:20px}.top{height:86px}.made{font-size:9px}.made strong{font-size:20px}.brand{font-size:21px}.brand small{font-size:7px}.intro{padding:30px 0 25px;display:block}h1{font-size:66px}.intro-copy{font-size:12px}.choose{margin:25px 0 0;width:100%}.choose select{padding:12px;font-size:16px}.choose label{font-size:12px}.choose p{display:none}.next-card{padding:22px 18px}.next-top .meta{font-size:9px}.fixture{grid-template-columns:1fr 82px 1fr;gap:10px;margin:25px 0}.team-name{font-size:20px}.team-name small{font-size:9px}.kickoff{font-size:40px}.kickoff small{font-size:9px}.team-logo{width:42px;height:46px;font-size:25px}.next-bottom{display:block}.actions{margin-top:14px}.primary,.secondary{padding:12px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.stat{padding:14px 17px}.stat strong{font-size:27px}.stat small{font-size:9px}.content-head{align-items:flex-start;flex-wrap:wrap;gap:0}.tabs{gap:25px;width:100%}.text-button{padding:14px 0}.section-title{align-items:flex-start;flex-direction:column;gap:14px}h2{font-size:27px}.match{grid-template-columns:55px 1fr 53px;gap:12px;padding:15px 12px}.datebox{font-size:26px;padding-right:8px}.datebox small{font-size:8px}.opponent{font-size:11px}.opponent small{font-size:9px}.match-time{font-size:22px}.match-time small{font-size:9px}.venue-tag,.match .arrow{display:none}.rival-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rival{padding:17px}.rival h3{font-size:20px}.promo{padding:23px 18px;gap:15px;flex-wrap:wrap}.koala-mark{width:47px;height:47px;font-size:33px}.promo>div:nth-child(2){flex:1}.promo h2{font-size:22px}.promo a{margin:8px 0 0 62px}.promo .eyebrow{font-size:7px;letter-spacing:1px}footer{flex-wrap:wrap;font-size:8px}footer span:nth-child(2){display:none}.league-row{font-size:10px;grid-template-columns:1fr 58px 1fr;padding:13px 10px}dialog{padding:27px 22px}dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}