:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1210;color:#f5f8f6}*{box-sizing:border-box}body{margin:0;min-height:100dvh}header{height:75px;padding:22px 18px 12px;display:flex;align-items:center;justify-content:space-between;background:#101b17;border-bottom:1px solid #21382e}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{color:#36df88}button,select,input{font:inherit}button{cursor:pointer}header button{background:#1b2a23;color:white;border:0;border-radius:12px;padding:9px 13px;font-size:20px}main{max-width:750px;margin:auto;padding:16px}.dates{display:flex;align-items:center;justify-content:space-between;background:#15231c;border:1px solid #284032;border-radius:15px;padding:8px}.dates button{font-size:29px;background:transparent;border:0;color:#41e88c;padding:0 18px}.dates input{background:transparent;color:#fff;border:0;font-size:17px;text-align:center}nav{display:flex;gap:7px;overflow:auto;margin:17px 0 12px}nav button{white-space:nowrap;background:#1a2921;color:#b5c5b9;border:1px solid #2b4435;border-radius:24px;padding:10px 14px;font-size:13px;font-weight:700}nav button.active{background:#32dd84;color:#052110;border-color:#32dd84}select{width:100%;padding:13px;border-radius:12px;background:#16251d;color:#fff;border:1px solid #2d4938}#notice{color:#b4c6ba;font-size:13px;padding:13px 3px;min-height:40px}.league{background:#15221b;border:1px solid #263c2e;border-radius:15px;margin:11px 0;overflow:hidden}.league h3{font-size:13px;font-weight:750;color:#b9cdbf;margin:0;padding:13px 14px;border-bottom:1px solid #2a3b30}.match{width:100%;display:grid;grid-template-columns:1fr 70px 1fr;gap:8px;align-items:center;background:transparent;border:0;border-bottom:1px solid #24372b;padding:17px 10px;color:#fff;text-align:center}.match:last-child{border-bottom:0}.team{font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:8px}.team img{width:30px;height:30px;object-fit:contain}.score{font-size:20px;font-weight:800;white-space:nowrap}.status{display:block;font-size:11px;font-weight:650;color:#39e18b;margin-top:7px}.empty{padding:55px 12px;text-align:center;color:#b5c8ba}dialog{background:#14221b;color:white;border:1px solid #34533e;border-radius:18px;width:calc(100% - 30px);max-width:560px;max-height:85dvh;overflow:auto;padding:22px}dialog::backdrop{background:#000a}dialog input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #385441;border-radius:10px;background:#0b1710;color:white}dialog p{line-height:1.5;color:#b6cbbd;font-size:14px}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.actions button,.detailhead button{padding:11px 15px;border:0;border-radius:10px;background:#31dc83;color:#082414;font-weight:750}.actions button:first-child{background:#29382e;color:white}.detailhead{display:flex;align-items:center;gap:15px}.detailhead h2{font-size:18px}.detailscore{text-align:center;padding:25px 4px;font-size:23px;font-weight:800}.event{padding:14px;border-bottom:1px solid #2c4033;font-size:14px}.muted{color:#a6b9ad}footer{text-align:center;font-size:11px;color:#758d7d;padding:35px 10px}body:has(#detail[open]){overflow:hidden}