:root{color-scheme:light;--green:#0b6b35;--green-dark:#084522;--lime:#c7f36c;--ink:#14221a;--muted:#728078;--line:#e5ebe6;--paper:#f4f7f4;--white:#fff;--shadow:0 14px 35px rgba(11,60,30,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0 auto;max-width:720px;min-height:100vh;background:var(--paper);color:var(--ink);padding-bottom:env(safe-area-inset-bottom)}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#tab-bar[hidden],#team-summary[hidden]{display:none}
.app-header{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.club-brand{display:flex;align-items:center;gap:10px}.club-brand img{width:39px;height:39px;object-fit:contain}.club-brand span{display:flex;flex-direction:column;gap:2px}.club-brand strong{font-size:15px;letter-spacing:.09em;color:var(--green-dark)}.club-brand small{color:var(--muted);font-size:9px;letter-spacing:.12em;font-weight:700}.icon-button{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:26px;line-height:1}.icon-button:active{transform:rotate(40deg)}
.team-head{padding:27px 22px 25px;background:linear-gradient(145deg,var(--green),var(--green-dark));color:#fff;border-radius:0 0 24px 24px}.overline{margin:0 0 9px;color:#d3f4bd;font-size:10px;font-weight:800;letter-spacing:.16em}.team-head h1{margin:0 0 17px;max-width:580px;font-size:clamp(25px,7vw,34px);line-height:1.08;letter-spacing:-.035em}.team-pickers{display:grid;gap:8px}.team-select-wrap{position:relative;display:flex;align-items:center}.team-select-wrap select{appearance:none;width:100%;height:50px;padding:0 42px 0 15px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:650;font-size:14px;outline:none}.team-select-wrap select:disabled{opacity:.65}.team-select-wrap select option{color:var(--ink);background:#fff}.team-select-wrap>span{position:absolute;right:16px;font-size:23px;color:#d5f4c4;pointer-events:none}.league-label{margin:11px 0 0;color:#c5dec9;font-size:12px}.team-summary{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.team-summary div{display:flex;flex-direction:column;gap:3px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.team-summary div:first-child{border:0;padding-left:0}.team-summary b{font-size:19px;line-height:1.1;color:var(--lime)}.team-summary span{font-size:10px;color:#d0e2d3}
.tab-bar{position:sticky;top:0;z-index:4;display:flex;overflow:auto;padding:10px 12px;gap:5px;background:rgba(244,247,244,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;border:0;border-radius:10px;background:transparent;color:#68776e;padding:10px 12px;font-size:12px;font-weight:750}.tab.active{background:var(--green);color:white;box-shadow:0 4px 12px rgba(11,107,53,.2)}
.content-area{padding:18px 16px 35px;min-height:240px}.view-heading{display:flex;justify-content:space-between;align-items:end;margin:5px 3px 13px}.view-heading h2{margin:0;font-size:20px;letter-spacing:-.03em}.view-heading small{color:var(--muted);font-size:11px}.match-list{display:grid;gap:10px}.match-card,.table-card,.welcome-card,.empty-card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:var(--shadow)}.match-card{padding:15px}.match-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.025em;margin-bottom:13px}.round-pill{color:var(--green);background:#edf8ed;border-radius:20px;padding:5px 8px;white-space:nowrap}.match-line{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center}.club-name{font-size:12px;font-weight:720;line-height:1.35}.club-name.away{text-align:right}.score{min-width:65px;text-align:center;padding:8px 9px;border-radius:10px;background:#f0f4f0;font-size:16px;font-weight:850;letter-spacing:.05em}.score.pending{color:#98a39b;font-size:13px;letter-spacing:0}.home-team{color:var(--green)}.venue-line{margin-top:10px;color:var(--muted);font-size:10px}.table-card{overflow:hidden}.standings-head,.standing-row{display:grid;grid-template-columns:32px minmax(0,1fr) 38px 38px 38px;gap:5px;align-items:center;padding:12px 10px}.standings-head{background:#f7faf7;color:#829087;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.standing-row{border-top:1px solid #eff2ef;font-size:11px;font-weight:700}.standing-row.highlight{background:#f1faeb;color:var(--green-dark)}.standing-row .num{text-align:center;color:#819087;font-variant-numeric:tabular-nums}.standing-row .club-position{font-size:10px;line-height:1.25}.form{font-size:10px;letter-spacing:1px;color:#748078}.welcome-card,.empty-card{padding:27px 21px;text-align:center}.ball-mark{margin:0 auto 10px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#eff8e8;font-size:25px}.welcome-card h2,.empty-card h2{margin:0 0 8px;font-size:20px}.welcome-card p,.empty-card p{max-width:360px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.6}.data-note{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);color:var(--green);font-size:11px;font-weight:750}.skeleton{height:102px;border-radius:16px;background:linear-gradient(90deg,#e7ede8 20%,#f5f8f5 38%,#e7ede8 62%);background-size:400% 100%;animation:shimmer 1.3s infinite}.error-card{padding:16px;border-radius:14px;border:1px solid #f0d6c9;background:#fff8f4;color:#8a4226;font-size:12px;line-height:1.5}.error-card a{display:inline-block;margin-top:8px;font-weight:800;text-decoration:underline}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 20px 24px;color:#89948d;font-size:10px}.app-footer a{color:var(--green);font-weight:750}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:10;transform:translate(-50%,20px);padding:11px 16px;border-radius:22px;background:#1a3022;color:white;font-size:12px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes shimmer{to{background-position:-400% 0}}@media(min-width:520px){.team-pickers{grid-template-columns:.8fr 1.5fr}}@media(min-width:720px){body{margin:24px auto;min-height:calc(100vh - 48px);border-radius:26px;overflow:hidden;box-shadow:0 20px 60px rgba(20,50,30,.12)}.app-header{padding:0 28px}.team-head{padding:32px 30px 28px;border-radius:0 0 27px 27px}.tab-bar{padding:11px 24px}.content-area{padding:22px 24px 40px}.app-footer{padding-left:28px;padding-right:28px}}