@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#052148;--green:#7cb522;--muted:#718096}*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:var(--navy);font:15px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:600 12px 'DM Sans';border:1px solid #d5dce5;border-radius:8px;padding:10px 14px;background:white;color:var(--navy);cursor:pointer}button:hover{background:#eaf2dd}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:4px}header{background:var(--navy);color:white;padding:20px max(24px,calc((100vw - 900px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:4px solid var(--green)}.brand{display:flex;gap:14px;align-items:center;color:white;text-decoration:none;font:800 21px Manrope;white-space:nowrap}.brand img{width:64px;height:64px;object-fit:contain;border-radius:8px}.brand small{display:block;margin-top:6px;font:10px 'DM Sans';letter-spacing:2px;color:#b8c8dd}header button{background:#ffffff0d;border-color:#ffffff30;color:white}header button:hover{background:#ffffff22}main{max-width:900px;margin:auto;padding:38px 24px 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#628c20}h1{font:800 38px Manrope;letter-spacing:-1.5px;margin:10px 0}.title>p:last-child{color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 15px;border-bottom:1px solid #dce2ea;margin-bottom:25px}#connection{font-size:11px;color:var(--muted)}.group{margin:0 0 30px}.group h2{font:800 19px Manrope;margin:0 0 5px}.league{font-size:11px;color:var(--muted);margin:0 0 17px}.day{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#7a8796;margin:18px 0 10px}.match{display:grid;grid-template-columns:70px 1fr auto 20px;align-items:center;gap:20px;width:100%;padding:20px;background:white;border:1px solid #e0e5ed;border-radius:12px;text-decoration:none;color:var(--navy);margin-bottom:10px;box-shadow:0 3px 10px #05214803;transition:border-color .15s}.match:hover{border-color:var(--green);box-shadow:0 3px 12px #0521480b}.time{font:800 20px Manrope;border-right:1px solid #e4e9ee;padding-right:20px}.time small{display:block;font:10px 'DM Sans';margin-top:5px;color:var(--muted)}.names{display:flex;flex-direction:column;gap:7px;font-size:13px}.names strong{font-weight:800}.badge{font-size:9px;letter-spacing:.7px;border-radius:5px;padding:6px 8px;background:#edf1f6;color:#6d7e94;white-space:nowrap}.badge.live{background:#e7f2d5;color:#46751b}.arrow{font-size:24px;color:var(--green)}.empty{background:white;border:1px dashed #cbd6e1;border-radius:12px;padding:35px 20px;text-align:center;color:var(--muted);line-height:1.8}.note{font-size:10px;color:#8793a2;line-height:1.8;margin:25px 0}.back{display:inline-block;color:#61738a;font-size:12px;text-decoration:none;margin-bottom:20px}.detail{background:white;border-radius:16px;border:1px solid #dce3ec;overflow:hidden}.detailhead{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-bottom:1px solid #e8ecf2;font-size:11px;gap:12px}.scoreboard{background:var(--navy);color:white;padding:32px 24px;text-align:center}.matchdate{font-size:11px;color:#a9bad1;margin:0 0 30px}.scoregrid{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;gap:16px}.teamlogo{width:72px;height:72px;object-fit:contain;border-radius:12px;margin-bottom:12px}.initial{display:grid;place-items:center;margin:0 auto 12px;background:#ffffff12;color:#aec1db;font:800 21px Manrope}.teamname{font:700 15px Manrope;line-height:1.5}.bigscore{font:800 46px Manrope;white-space:nowrap;color:white}.bigscore small{font:11px 'DM Sans';display:block;color:#adc1db;margin-top:5px}.points{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px auto 0;padding:18px;border:1px solid #ffffff23;border-radius:10px;max-width:300px}.points strong{font:800 34px Manrope;color:#a3d34e}.points span{font-size:11px;color:#adc1db}.waiting{font-size:12px;color:#b4c5da;margin:26px 0 0;line-height:1.7}.setwrap{padding:24px}.setwrap h3{font:800 14px Manrope;margin:0 0 18px}.sets{width:100%;border-collapse:collapse;font-size:12px}.sets th,.sets td{text-align:center;padding:13px 8px;border-bottom:1px solid #edf0f5}.sets th{font-size:10px;color:#8491a1}.sets td:first-child,.sets th:first-child{text-align:left}.sets .current{background:#f0f6e8}.detailfoot{padding:0 24px 24px;color:var(--muted);font-size:11px;line-height:1.7}.detailactions{display:flex;justify-content:center;margin-top:18px}footer{max-width:900px;margin:auto;padding:20px 24px 32px;border-top:1px solid #dce2ea;display:flex;justify-content:space-between;font-size:10px;color:#8592a2}footer a{color:inherit}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 20px;border-radius:8px;display:none;font-size:12px;z-index:5}@media(max-width:600px){header{padding:16px}.brand{font-size:17px;gap:10px}.brand img{width:48px;height:48px}.brand small{font-size:8px;letter-spacing:1.4px}header button{font-size:10px;padding:9px}main{padding:27px 16px 20px}h1{font-size:32px}.toolbar{padding-top:14px}#connection{font-size:9px}.toolbar button{font-size:10px;padding:9px}.match{grid-template-columns:52px 1fr 15px;gap:12px;padding:17px 14px}.time{font-size:17px;padding-right:10px}.names{font-size:12px}.match .badge{grid-column:2;grid-row:2;justify-self:start;margin-top:-5px}.match .arrow{grid-column:3;grid-row:1 / 3}.scoreboard{padding:24px 14px}.scoregrid{grid-template-columns:1fr 80px 1fr;gap:8px}.teamlogo{width:56px;height:56px}.teamname{font-size:12px}.bigscore{font-size:32px}.detailhead{padding:15px;font-size:10px}.setwrap{padding:20px 12px}.sets{font-size:11px}.detailfoot{padding:0 16px 20px}footer{padding:18px 16px;gap:12px}}
.listteam{display:flex;align-items:center;gap:9px;min-height:28px}.listteam .teamlogo{width:26px;height:26px;margin:0;border-radius:5px;object-fit:contain;background:#f4f6f9;flex-shrink:0}.listteam .initial{font-size:9px}.names{gap:5px}.toolbar{min-height:60px}#connection{line-height:1.6}
header{padding-top:12px;padding-bottom:12px}.brand img{width:112px;height:112px;border-radius:10px}footer{align-items:center;gap:24px}.credit{display:flex;align-items:center;gap:16px;line-height:1.8}.credit img{width:94px;height:94px;object-fit:contain;border-radius:9px}.credit strong{color:var(--navy)}@media(max-width:600px){header{padding:10px 16px}.brand img{width:90px;height:90px}footer{align-items:flex-start;flex-direction:column;gap:18px}.credit img{width:76px;height:76px}.credit{gap:13px}}
footer{padding:18px 16px 24px;justify-content:center;color:#6d8096}.credit{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.6;font-size:10px}.credit img{width:64px;height:39px;object-fit:contain;border-radius:0}.credit>span:last-child{max-width:100%}@media(max-width:600px){footer{align-items:center;flex-direction:row;padding:16px}.credit{column-gap:6px;row-gap:3px;text-align:center}.credit img{width:61px;height:38px}.credit>span:last-child{flex-basis:100%}}