:root { --ink:#081113; --ink-2:#101b1c; --cream:#f2efe7; --paper:#faf9f5; --orange:#ff4b1f; --mint:#b8f47c; --line:rgba(8,17,19,.14); --muted:#677071; --font-geist-mono:ui-monospace,SFMono-Regular,Consolas,monospace; --font-geist-sans:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.shell { width:min(1220px,calc(100% - 56px)); margin-inline:auto; }

.site-header { position:absolute; z-index:20; inset:0 0 auto; color:#fff; border-bottom:1px solid rgba(255,255,255,.14); }
.header-inner { min-height:78px; display:flex; align-items:center; gap:44px; }
.brand { display:inline-flex; align-items:center; gap:10px; letter-spacing:.08em; }
.brand span { width:39px; height:39px; display:grid; place-items:center; background:var(--orange); color:#fff; border-radius:50%; font:900 12px/1 var(--font-geist-mono),monospace; }
.brand strong { font-size:11px; line-height:1.05; }
.site-header nav { display:flex; gap:29px; margin-left:auto; }
.site-header nav a { font-size:13px; font-weight:700; color:rgba(255,255,255,.75); }
.site-header nav a:hover { color:#fff; }
.header-right { display:flex; align-items:center; gap:9px; font:700 10px/1 var(--font-geist-mono),monospace; letter-spacing:.1em; }
.live-dot { width:8px; height:8px; display:inline-block; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(255,75,31,.16); }

.hero { min-height:700px; display:flex; align-items:center; overflow:hidden; background:var(--ink); color:#fff; }
.hero-grid { padding-top:88px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; }
.kicker { display:flex; align-items:center; gap:10px; color:var(--mint); font:700 11px/1 var(--font-geist-mono),monospace; letter-spacing:.16em; }
.kicker span { width:30px; height:1px; background:var(--mint); }
.hero h1 { margin:26px 0 22px; font-size:clamp(54px,6.2vw,88px); line-height:.93; letter-spacing:-.055em; }
.hero h1 em { color:var(--mint); font-style:normal; font-weight:430; }
.hero-copy { max-width:560px; color:rgba(255,255,255,.63); font-size:18px; line-height:1.7; }
.hero-button { margin-top:21px; display:inline-flex; align-items:center; gap:36px; padding:16px 18px 16px 21px; background:var(--orange); color:#fff; font-size:13px; font-weight:800; }
.hero-button span { font-size:20px; }
.hero-diamond { min-height:500px; display:grid; place-items:center; position:relative; }
.hero-diamond::before,.hero-diamond::after { content:""; position:absolute; width:560px; height:560px; border:1px solid rgba(255,255,255,.055); border-radius:50%; }
.hero-diamond::after { width:400px; height:400px; }
.diamond-field { width:330px; height:330px; position:relative; transform:rotate(45deg); border:1px solid rgba(184,244,124,.35); background:linear-gradient(135deg,rgba(184,244,124,.09),transparent 55%); }
.diamond-field b { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); color:rgba(255,255,255,.09); font:900 49px/.8 var(--font-geist-sans),sans-serif; text-align:center; }
.base { position:absolute; width:18px; height:18px; background:#fff; }
.base-one { right:-9px; top:calc(50% - 9px); }.base-two { right:calc(50% - 9px); top:-9px; }.base-three { left:-9px; top:calc(50% - 9px); }.base-home { bottom:-9px; left:calc(50% - 9px); background:var(--orange); }
.field-line { position:absolute; background:rgba(255,255,255,.16); transform-origin:left; height:1px; width:300px; left:50%; top:50%; }.field-line-one { transform:rotate(90deg); }.field-line-two { transform:rotate(180deg); }

.pulse-strip { background:var(--mint); border-bottom:1px solid var(--ink); }
.pulse-inner { min-height:54px; display:flex; align-items:center; justify-content:space-between; font:700 10px/1 var(--font-geist-mono),monospace; letter-spacing:.08em; }
.pulse-inner div { display:flex; align-items:center; gap:9px; }.pulse-inner strong { font-weight:900; }

.score-section,.guides-section { padding:92px 0 100px; }
.section-title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:36px; }
.section-number { margin:0 0 13px; color:#7a815f; font:700 10px/1 var(--font-geist-mono),monospace; letter-spacing:.13em; }
.section-title-row h2 { margin:0; font-size:clamp(38px,4vw,58px); line-height:1; letter-spacing:-.045em; }
.section-title-row>p { max-width:320px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; text-align:right; text-transform:capitalize; }
.date-rail { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); border-right:0; margin-bottom:22px; }
.date-rail a,.date-rail button { padding:17px 15px; text-align:center; border:0; border-right:1px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; }
.date-rail a.active,.date-rail button.active { background:var(--ink); color:#fff; }
.date-rail small { display:block; margin-bottom:7px; color:#7b8585; font:700 9px/1 var(--font-geist-mono),monospace; letter-spacing:.1em; text-transform:uppercase; }
.date-rail strong { font-size:15px; text-transform:capitalize; }
.scoreboard-toolbar { min-height:42px; display:flex; align-items:center; justify-content:space-between; }
.scoreboard-toolbar p,.updated-at { color:var(--muted); font:600 10px/1.5 var(--font-geist-mono),monospace; letter-spacing:.05em; }
.scoreboard-toolbar button,.score-empty button { padding:9px 13px; border:1px solid var(--ink); background:transparent; cursor:pointer; font-size:11px; font-weight:800; }
.scoreboard-toolbar button:disabled { opacity:.55; }
.games-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.game-card { background:#fff; border:1px solid var(--line); min-width:0; }
.game-card>header { min-height:49px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); color:var(--muted); font:600 9px/1.2 var(--font-geist-mono),monospace; }
.game-status { display:flex; align-items:center; gap:8px; color:var(--ink); font-weight:900; text-transform:uppercase; }.game-status i { width:7px; height:7px; border-radius:50%; background:#9da4a3; }
.game-live .game-status { color:var(--orange); }.game-live .game-status i { background:var(--orange); box-shadow:0 0 0 4px rgba(255,75,31,.13); }
.line-head { display:grid; grid-template-columns:1fr 38px 32px 32px; padding:11px 15px 4px 17px; color:#989d9d; font:700 8px/1 var(--font-geist-mono),monospace; text-align:center; }.line-head span:first-child { text-align:left; }
.team-row { min-height:70px; padding:8px 15px; display:grid; grid-template-columns:42px 1fr 38px 32px 32px; align-items:center; gap:8px; }.game-upcoming .team-row { grid-template-columns:42px 1fr auto; }
.team-badge { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#fff; font:800 9px/1 var(--font-geist-mono),monospace; }
.team-name { min-width:0; }.team-name strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }.team-name small { display:block; margin-top:5px; color:#959b9a; font:600 9px/1 var(--font-geist-mono),monospace; }
.team-row>span:not(.team-badge),.team-row>b { text-align:center; font:700 12px/1 var(--font-geist-mono),monospace; }.team-score { font-size:21px!important; }
.team-row time { font:800 15px/1 var(--font-geist-mono),monospace; }
.game-card>footer { min-height:35px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:#f4f2ec; color:#858c8b; font:600 8px/1.2 var(--font-geist-mono),monospace; text-transform:uppercase; }
.score-empty { min-height:280px; display:grid; place-items:center; align-content:center; gap:8px; text-align:center; background:#fff; border:1px solid var(--line); }.score-empty>span { font-size:44px; color:var(--orange); }.score-empty h3 { margin:0; font-size:25px; }.score-empty p { margin:4px 0 15px; color:var(--muted); }.updated-at { margin:14px 0 0; text-align:right; }

.ad-space { min-height:105px; margin-bottom:90px; display:grid; place-items:center; align-content:center; gap:5px; border:1px dashed #bcc0bb; color:#979d9b; }.ad-space span { font:700 9px/1 var(--font-geist-mono),monospace; letter-spacing:.15em; }.ad-space p { margin:0; font-size:11px; }
.standings-section { padding:92px 0 100px; background:var(--ink); color:#fff; }
.section-title-row.light .section-number { color:var(--mint); }.section-title-row.light>p { color:rgba(255,255,255,.48); }
.standings-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.division-card { border:1px solid rgba(255,255,255,.15); background:var(--ink-2); }
.division-card header { padding:21px 21px 18px; border-bottom:1px solid rgba(255,255,255,.12); }.division-card header span { color:var(--mint); font:700 9px/1 var(--font-geist-mono),monospace; }.division-card h3 { margin:8px 0 0; font-size:23px; }
.standings-head,.standing-row { display:grid; grid-template-columns:25px 1fr 35px 35px 43px; align-items:center; }.standings-head { padding:13px 18px; color:rgba(255,255,255,.37); font:700 8px/1 var(--font-geist-mono),monospace; }.standings-head span:first-child { grid-column:1/3; }
.standing-row { min-height:57px; padding:0 18px; border-top:1px solid rgba(255,255,255,.08); font:700 11px/1 var(--font-geist-mono),monospace; text-align:center; }.standing-row>b { color:var(--orange); text-align:left; }.standing-row .club-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:Arial,sans-serif; font-size:12px; text-align:left; }
.standings-empty { padding:45px; border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.55); text-align:center; }

.guides-grid { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); }
.guide-card { position:relative; min-height:340px; padding:32px; display:flex; flex-direction:column; border:1px solid var(--line); border-left:0; background:#fff; }
.guide-index { position:absolute; top:22px; right:24px; color:#d5d6d0; font:800 30px/1 var(--font-geist-mono),monospace; }.guide-card>p { margin:0 0 32px; color:#7a815f; font:700 9px/1 var(--font-geist-mono),monospace; letter-spacing:.13em; }.guide-card h3 { max-width:290px; margin:0; font-size:27px; line-height:1.08; letter-spacing:-.035em; }.guide-rule { width:42px; height:3px; margin:25px 0; background:var(--orange); }.guide-card small { color:var(--muted); font-size:13px; line-height:1.65; }.guide-card a { margin-top:auto; font-size:11px; font-weight:800; }
.newsletter-band { padding:48px 0; background:var(--mint); }.newsletter-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.newsletter-inner p { margin:0 0 7px; font:700 9px/1 var(--font-geist-mono),monospace; letter-spacing:.13em; }.newsletter-inner h2 { margin:0; font-size:31px; letter-spacing:-.03em; }.newsletter-inner>a { padding:15px 18px; display:flex; align-items:center; gap:35px; background:var(--ink); color:#fff; font-size:12px; font-weight:800; }

.site-footer { padding:64px 0 23px; background:var(--ink); color:#fff; }.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:70px; padding-bottom:50px; }.footer-grid>div:first-child p { max-width:340px; margin:25px 0 0; color:rgba(255,255,255,.48); font-size:13px; line-height:1.7; }.footer-grid h2 { margin:0 0 19px; color:var(--mint); font:700 9px/1 var(--font-geist-mono),monospace; letter-spacing:.12em; text-transform:uppercase; }.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:12px; }.footer-grid>div:not(:first-child) a { color:rgba(255,255,255,.65); font-size:12px; }.footer-bottom { padding-top:21px; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.36); font:600 8px/1 var(--font-geist-mono),monospace; letter-spacing:.06em; text-transform:uppercase; }

.static-main { background:var(--paper); }.static-hero { padding:170px 0 65px; background:var(--ink); color:#fff; }.static-hero p { color:var(--mint); font:700 10px/1 var(--font-geist-mono),monospace; letter-spacing:.14em; }.static-hero h1 { max-width:820px; margin:18px 0 0; font-size:clamp(43px,6vw,76px); letter-spacing:-.05em; line-height:.96; }.static-copy { max-width:780px; padding-top:70px; padding-bottom:100px; }.static-copy h2 { margin:41px 0 12px; font-size:25px; }.static-copy p { color:#4f5858; font-size:16px; line-height:1.8; }.legal-date { font:700 10px/1 var(--font-geist-mono),monospace!important; color:#858d8b!important; letter-spacing:.08em; text-transform:uppercase; }
noscript { position:fixed; inset:auto 16px 16px; z-index:50; padding:12px 16px; background:#fff; border:2px solid var(--orange); }

@media (max-width:1000px) { .hero-grid { grid-template-columns:1fr .65fr; }.diamond-field { width:250px;height:250px; }.games-grid,.standings-grid { grid-template-columns:repeat(2,1fr); }.guides-grid { grid-template-columns:1fr 1fr; }.guide-card:last-child { border-top:0; } }
@media (max-width:760px) { .shell { width:min(100% - 32px,620px); }.site-header nav { display:none; }.header-inner { min-height:70px; }.header-right { margin-left:auto; }.hero { min-height:660px; }.hero-grid { display:block; padding-top:130px; }.hero h1 { font-size:52px; }.hero-diamond { position:absolute; right:-90px; top:170px; opacity:.18; pointer-events:none; }.pulse-inner { padding:12px 0; gap:8px; flex-wrap:wrap; }.pulse-inner div:nth-child(2) { display:none; }.score-section,.guides-section,.standings-section { padding:70px 0; }.section-title-row { display:block; }.section-title-row>p { margin-top:15px; text-align:left; }.date-rail { overflow-x:auto; grid-template-columns:repeat(5,minmax(100px,1fr)); }.games-grid,.standings-grid,.guides-grid { grid-template-columns:1fr; }.guide-card { border-left:1px solid var(--line); border-top:0; }.guide-card:first-child { border-top:1px solid var(--line); }.footer-grid { grid-template-columns:1fr 1fr; gap:45px 20px; }.footer-grid>div:first-child { grid-column:1/-1; }.footer-bottom,.newsletter-inner { align-items:flex-start; flex-direction:column; }.newsletter-inner>a { width:100%; justify-content:space-between; } }
@media (max-width:430px) { .hero h1 { font-size:44px; }.hero-copy { font-size:16px; }.date-long { display:none; }.team-row { padding-inline:10px; grid-template-columns:38px 1fr 34px 27px 27px; gap:5px; }.line-head { grid-template-columns:1fr 34px 27px 27px; padding-inline:12px 10px; }.footer-grid { grid-template-columns:1fr; }.footer-grid>div:first-child { grid-column:auto; } }