@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
*{box-sizing:border-box}body{--bg:#f2f3ed;--panel:#fff;--ink:#173d31;--dim:#617266;--line:#dce3d9;--accent:#17644c;--on-accent:#fff;--soft:#eaf1e6;--head:'DM Sans',sans-serif;--radius:12px;margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;padding:9px 13px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;font-size:12px;font-weight:600}button:hover{background:var(--soft)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b88b28;outline-offset:3px}h1,h2,h3{font-family:var(--head);line-height:1.15;margin:0;letter-spacing:-.035em}h1{font-size:38px;font-weight:700}h2{font-size:22px}h3{font-size:15px}p{margin:8px 0}.muted{color:var(--dim)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:10px}.preview-banner{display:flex;align-items:center;gap:22px;justify-content:space-between;background:#101d17;color:#e6efe6;padding:10px 30px;font-size:10px;letter-spacing:.04em}.preview-banner span{color:#b5c7b7}.preview-banner a{text-decoration:underline;text-underline-offset:4px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:99}.skip:focus{top:10px}.mast{height:100px;padding:15px 35px;background:var(--panel);display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.brand{font:800 31px/1 'Barlow Condensed',Impact,sans-serif}.brand>span{color:var(--accent)}.brand small{display:block;font:8px/2 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--dim);margin-top:5px}.league-label{font-size:9px;color:var(--dim);letter-spacing:.08em}.league-label b{display:block;color:var(--ink);font-size:12px;font-weight:500;letter-spacing:0;margin-top:3px}.look-picker{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:8px;color:var(--dim)}select,input{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:5px}.my-club{display:flex;align-items:center;gap:10px}.my-club .club-logo{width:42px;height:42px}.my-club span{font-size:8px;color:var(--dim)}.my-club b{display:block;font-size:13px;color:var(--ink)}.club-logo{object-fit:contain}.app-shell{max-width:1600px;display:grid;grid-template-columns:205px minmax(0,1fr);margin:auto}.app-shell>nav{padding:30px 15px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.app-shell>nav small{font-size:8px;color:var(--dim);letter-spacing:.13em;padding:12px 12px 20px}.app-shell>nav button{background:transparent;border:0;padding:14px 12px;text-align:left;font-size:13px}.app-shell>nav button span{display:inline-block;width:26px;color:var(--dim)}.app-shell>nav button.active{background:var(--soft);color:var(--accent)}.app-shell>nav a{font-size:11px;color:var(--dim);padding:25px 12px}#content{padding:35px;min-height:calc(100vh - 200px);outline:none;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{color:var(--dim)}.demo-tag{text-align:right;font-size:12px;font-weight:700}.demo-tag b{display:block;font-size:8px;letter-spacing:.12em;color:var(--dim);margin-top:6px}.score-strip{display:flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);margin-bottom:22px;font-size:11px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.score-strip>span{font-size:8px;color:var(--dim);letter-spacing:.05em}.score-strip i{font-style:normal;color:var(--dim);margin:0 5px}.score-strip small{font-size:9px;color:var(--dim)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}.dashboard-grid>*,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.match-card{padding:23px}.card-heading{display:flex;justify-content:space-between;gap:10px;color:var(--dim);font-size:9px;font-weight:600;letter-spacing:.08em}.matchup{display:flex;align-items:center;justify-content:space-evenly;gap:8px;padding:20px 0}.matchup>div:not(.at){flex:1;text-align:center;min-width:0}.matchup .club-logo{width:100%;height:165px;max-width:185px;filter:drop-shadow(0 10px 8px #0001)}.matchup h2{font-size:23px}.matchup p{font-size:12px;color:var(--dim)}.at{text-align:center;flex:none;color:var(--dim)}.at small,.at span{display:block;font-size:8px;letter-spacing:.08em}.at b{font:600 34px var(--head);opacity:.55}.match-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.match-footer p{font-size:12px;color:var(--dim)}.match-footer button{white-space:nowrap}.club-card{padding:23px}.club-card>.eyebrow{color:var(--dim)}.club-identity{display:flex;align-items:center;gap:18px}.club-identity .club-logo{width:85px;height:85px}.club-identity small{font-size:8px;color:var(--dim);letter-spacing:.1em}.record{font:600 52px var(--head);display:flex;align-items:center;gap:3px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.record>span{color:var(--dim);opacity:.5}.record small{font:9px/1.8 'DM Sans',sans-serif;margin-left:15px;color:var(--dim)}.club-next>span{color:var(--accent);font-size:9px;letter-spacing:.1em}.club-next h3{margin-top:8px}.club-next p{font-size:12px;color:var(--dim)}.club-next button{width:100%;text-align:left;margin-top:8px}.standings-card,.panel{padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading>span{font-size:10px;color:var(--dim)}.section-heading button{background:none;border:0;padding:0;font-size:10px;color:var(--dim)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}thead th{text-align:right;font-size:9px;color:var(--dim);font-weight:500;padding:8px}thead th:first-child{text-align:left}tbody tr{border-bottom:1px solid var(--line)}tbody tr:last-child{border:0}tbody th{display:flex;align-items:center;gap:9px;text-align:left;padding:8px;font-weight:500}tbody th>.club-logo{width:30px;height:35px}tbody th>span{font-size:10px;color:var(--dim)}tbody th>small{font-size:7px;color:var(--accent)}tbody td{text-align:right;padding:8px}.mine{background:var(--soft)}.park-card>img{width:100%;height:160px;object-fit:cover}.park-card>div{padding:20px}.park-card p{font-size:12px;color:var(--dim)}.park-card button{margin-top:8px}.panel+.panel{margin-top:20px}.schedule-list{display:grid;gap:12px;margin-top:20px}.fixture{border:1px solid var(--line);padding:16px;border-radius:8px;display:grid;gap:10px}.fixture time{font-size:11px;color:var(--dim)}.fixture>div{display:flex;align-items:center;gap:15px}.fixture .club-logo{width:38px;height:38px}.fixture span,.fixture small{color:var(--dim);font-size:11px}.club-settings{max-width:850px}.club-settings form{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:25px 0}.club-settings form label{display:grid;gap:6px}.club-settings input{min-width:250px}.lineup{padding:0;margin:0;list-style:none}.lineup li{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.lineup .order{width:22px;color:var(--dim)}.lineup .position{font-size:11px;background:var(--soft);padding:4px 8px;min-width:38px;text-align:center}.lineup .bats{margin-left:auto;font-size:10px;color:var(--dim)}.ballpark-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.ballpark-option{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.ballpark-option>img{width:100%;height:240px;object-fit:cover}.ballpark-option>div{padding:24px}.ballpark-option p{color:var(--dim);font-size:13px}.ballpark-option dl{display:flex;gap:25px;margin:20px 0}.ballpark-option dt{font-size:9px;color:var(--dim)}.ballpark-option dd{margin:4px 0;font-size:14px}#notice:not(:empty){border:1px solid var(--accent);padding:15px;margin-top:20px}footer{max-width:1600px;margin:auto;display:flex;justify-content:space-between;padding:20px 35px;font-size:9px;color:var(--dim)}.error-state{max-width:800px;padding:50px;margin:auto}
/* Ten deliberately different design treatments. */
.broadcast{--bg:#0b172c;--panel:#13243d;--ink:#f2f5f8;--dim:#a7b7cc;--line:#ffffff20;--accent:#f24c5b;--soft:#ffffff08;--head:'Barlow Condensed',Impact,sans-serif;--radius:5px}.night{--bg:#111315;--panel:#1c2022;--ink:#f3f0e6;--dim:#b0b0a7;--line:#ffffff20;--accent:#e4c36e;--on-accent:#201e16;--soft:#d5b97212;--head:'Barlow Condensed',Impact,sans-serif}.heritage{--bg:#eee6d8;--panel:#f6f0e5;--ink:#332a24;--dim:#786b5e;--line:#cec0ad;--accent:#8e2f36;--soft:#e9ddcb;--head:'Libre Baskerville',Georgia,serif;--radius:0px}.sandlot{--bg:#f6ebd3;--panel:#fff9ec;--ink:#4a452b;--dim:#7d755b;--line:#dcd0ad;--accent:#a64933;--soft:#ece4c9;--head:'Barlow Condensed',Impact,sans-serif;--radius:20px}.analytics{--bg:#111b23;--panel:#182731;--ink:#e5f3f6;--dim:#9db7c0;--line:#364e5c;--accent:#74dce6;--on-accent:#102c36;--soft:#24404d;--head:'DM Sans',sans-serif;--radius:3px}.clubhouse{--bg:#112d25;--panel:#1a3b31;--ink:#f0ecdd;--dim:#b3c3ad;--line:#738d7044;--accent:#d2b276;--on-accent:#182e24;--soft:#c1ac7312;--head:'Libre Baskerville',Georgia,serif;--radius:7px}.coastal{--bg:#eff7fa;--panel:#fff;--ink:#173e56;--dim:#5c7c8d;--line:#d3e4eb;--accent:#187ca3;--soft:#e7f5f9;--head:'DM Sans',sans-serif;--radius:18px}.scorebook{--bg:#f8f7f1;--panel:#fffefa;--ink:#252b29;--dim:#65706b;--line:#cdd7cf;--accent:#b03236;--soft:#edf0e9;--head:Georgia,serif;--radius:0px}.metro{--bg:#e9edff;--panel:#faf9f3;--ink:#1d2b6c;--dim:#596a92;--line:#c1cbe7;--accent:#294ad4;--soft:#dfe6ff;--head:'Barlow Condensed',Impact,sans-serif;--radius:0px}
.broadcast .app-shell,.night .app-shell,.heritage .app-shell,.coastal .app-shell,.metro .app-shell{display:block}.broadcast .app-shell>nav,.night .app-shell>nav,.heritage .app-shell>nav,.coastal .app-shell>nav,.metro .app-shell>nav{flex-direction:row;align-items:center;padding:0 30px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}:is(.broadcast,.night,.heritage,.coastal,.metro) .app-shell>nav small{display:none}:is(.broadcast,.night,.heritage,.coastal,.metro) .app-shell>nav button{border-radius:0;padding:17px 18px;white-space:nowrap}:is(.broadcast,.night,.heritage,.coastal,.metro) .app-shell>nav button span{display:none}:is(.broadcast,.night,.heritage,.coastal,.metro) .app-shell>nav a{margin-left:auto;padding:15px;white-space:nowrap}.broadcast h1,.night h1,.metro h1{font-size:55px}.broadcast .match-card{border-top:4px solid var(--accent)}.broadcast .matchup .club-logo{height:190px}.broadcast .dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.heritage .mast{border-bottom:3px double var(--ink)}.heritage .brand{font:700 25px 'Libre Baskerville',Georgia,serif;letter-spacing:-.05em}.heritage .page-heading{border-bottom:2px solid var(--ink);padding-bottom:23px}.heritage .dashboard-grid>*{border-width:0 0 1px;box-shadow:none}.heritage .standings-card{border-top:3px double var(--line)}.heritage .matchup h2{font-size:21px}.night .match-card{background:linear-gradient(0deg,#111315 0%,#111315a0),url('assets/baseball-park-035.webp') center/cover}.night .match-card .club-logo{height:200px;filter:drop-shadow(0 15px 10px #0009)}.night .park-card>img{height:190px}.sandlot .match-card{background:radial-gradient(ellipse at top,#e9d4a155,transparent),var(--panel);border:2px solid var(--line)}.sandlot .brand{font-size:35px}.sandlot h1{font-size:48px}.sandlot .club-card{transform:rotate(.6deg)}.analytics #content{padding:25px}.analytics .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:14px}.analytics .standings-card{grid-column:1;grid-row:1}.analytics .club-card{grid-column:2;grid-row:1}.analytics .match-card{grid-column:1;grid-row:2}.analytics .park-card{grid-column:2;grid-row:2}.analytics .matchup .club-logo{height:100px}.analytics .page-heading h1{font-size:29px}.analytics table{font-family:ui-monospace,monospace;font-size:14px}.analytics tbody td,.analytics tbody th{padding:15px 8px}.clubhouse .mast{background:#0e241e}.clubhouse h1{font-size:34px}.clubhouse .dashboard-grid{grid-template-columns:1.2fr 1fr}.clubhouse .club-card{grid-column:1;grid-row:1}.clubhouse .match-card{grid-column:2;grid-row:1}.clubhouse .matchup .club-logo{height:110px}.clubhouse .match-footer{display:block}.clubhouse .club-identity .club-logo{width:110px;height:110px}.clubhouse .record{font-size:62px}.clubhouse .match-footer button{margin-top:15px}.clubhouse h2{font-size:21px}.coastal .mast{border-top:4px solid #f18b76}.coastal .page-heading h1{letter-spacing:-.05em}.coastal .dashboard-grid{grid-template-columns:1.6fr 1fr}.coastal .park-card{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr}.coastal .park-card>img{height:260px}.coastal .park-card>div{padding:35px}.coastal .standings-card{grid-column:1/-1}.coastal .match-card{background:linear-gradient(135deg,#fefefe,#e5f5fa)}.scorebook #content{background-image:linear-gradient(#94adb517 1px,transparent 1px);background-size:100% 28px}.scorebook .brand{font-family:Georgia,serif;font-size:25px;font-weight:700}.scorebook .match-card{border-top:5px solid #b03236}.scorebook table{font-family:ui-monospace,monospace}.scorebook tbody td,.scorebook tbody th{border:1px solid var(--line)}.scorebook .standings-card{grid-column:1/-1}.scorebook .park-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.scorebook .park-card>img{height:200px}.metro .page-heading h1{font-size:64px;text-transform:uppercase}.metro .dashboard-grid{grid-template-columns:1fr 1.4fr}.metro .match-card{grid-column:2;grid-row:1;background:#294ad4;color:#fff;--dim:#d0d8ff;--line:#ffffff44;--accent:#f3d476;--on-accent:#1d2b6c}.metro .club-card{grid-column:1;grid-row:1}.metro .standings-card{grid-column:2;grid-row:2}.metro .park-card{grid-column:1;grid-row:2}.metro .mast{border-bottom:3px solid var(--accent)}.metro .match-footer{display:block}.metro .match-footer button{margin-top:12px}
/* The comparison page remains neutral around themed covers. */
.design-gallery{background:#f3f1e9;color:#23342d}.design-gallery main{max-width:1360px;margin:auto;padding:60px 35px}.design-gallery main>h1{font:800 80px/.95 'Barlow Condensed',Impact,sans-serif;margin:18px 0 25px}.gallery-intro{max-width:700px;color:#637069;font-size:17px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.design-card{border:1px solid #d5dbd0;background:#fff;transition:transform .15s;min-width:0}.design-card:hover{transform:translateY(-4px)}.design-cover{height:235px;background:var(--panel);color:var(--ink);padding:20px;position:relative;overflow:hidden;border-bottom:5px solid var(--accent)}.design-cover>span{font-size:8px;letter-spacing:.14em}.design-cover>div{display:flex;align-items:center;justify-content:center;gap:25px;height:140px}.design-cover .club-logo{width:35%;height:115px}.design-cover strong{font:700 28px var(--head);position:absolute;bottom:15px;left:20px;letter-spacing:-.03em}.design-card.night .design-cover{background:linear-gradient(#111315bb,#111315df),url('assets/baseball-park-035.webp') center/cover}.design-card article{padding:24px;color:#23342d;background:#fff}.design-card article h2{font:700 20px 'DM Sans',sans-serif}.design-card article p{font-size:13px;color:#617167;min-height:65px}.design-card article small{font-size:12px;color:#617167;display:block;min-height:35px}.design-card article b{display:block;margin-top:15px;font-size:12px}.gallery-note{margin-top:35px;color:#617167;font-size:13px}
@media(max-width:1100px){.app-shell{grid-template-columns:170px minmax(0,1fr)}#content{padding:25px}.dashboard-grid,.broadcast .dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:16px}.match-footer{display:block}.match-footer button{margin-top:12px}.matchup .club-logo{height:130px}.look-picker{font-size:0}.league-label{display:none}.club-identity{gap:10px}.club-identity .club-logo{width:65px;height:65px}.club-identity h2{font-size:21px}.record{font-size:42px}.record small{font-size:8px}.section-heading h2{font-size:19px}tbody th{gap:6px}.clubhouse .dashboard-grid{grid-template-columns:1fr 1fr}.heritage .matchup h2{font-size:18px}}
@media(max-width:760px){.preview-banner{padding:10px 16px;gap:15px;font-size:9px}.preview-banner>span{display:none}.mast{height:auto;min-height:100px;padding:17px;flex-wrap:wrap;gap:15px}.brand{font-size:28px}.brand small{font-size:7px}.my-club{margin-left:auto}.look-picker{order:3;width:100%;margin-left:0;font-size:10px;justify-content:space-between}.look-picker select{flex:1;max-width:220px}.app-shell{display:block}.app-shell>nav{flex-direction:row;overflow:auto;padding:0 8px;border:0;border-bottom:1px solid var(--line);scrollbar-width:none}.app-shell>nav small,.app-shell>nav button span,.app-shell>nav a{display:none}.app-shell>nav button{white-space:nowrap;padding:15px 13px;border-radius:0;font-size:12px}.app-shell>nav button.active{border-bottom:2px solid var(--accent)}#content{padding:24px 16px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:20px}.page-heading h1,.heritage .page-heading h1,.clubhouse .page-heading h1,.analytics .page-heading h1{font-size:28px}.broadcast .page-heading h1,.night .page-heading h1,.sandlot .page-heading h1{font-size:36px}.metro .page-heading h1{font-size:39px}.page-heading .eyebrow{font-size:8px}.demo-tag{font-size:9px;white-space:nowrap}.demo-tag b{font-size:7px}.score-strip{gap:13px}.score-strip>span{display:none}.dashboard-grid,.broadcast .dashboard-grid,.coastal .dashboard-grid,.clubhouse .dashboard-grid,.metro .dashboard-grid,.analytics .dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>*{grid-column:auto!important;grid-row:auto!important}.match-card,.club-card,.standings-card,.panel{padding:18px}.matchup .club-logo,.broadcast .matchup .club-logo,.night .match-card .club-logo{height:145px}.matchup h2{font-size:22px}.match-footer{display:block}.match-footer button{width:100%}.club-card{display:none}.coastal .park-card,.scorebook .park-card{display:block}.coastal .park-card>div{padding:20px}.coastal .park-card>img{height:200px}.record{font-size:48px}.ballpark-grid{grid-template-columns:1fr}.ballpark-option>img{height:220px}.fixture>div{gap:8px;flex-wrap:wrap}.fixture .club-logo{width:30px;height:30px}.fixture b{font-size:12px}.lineup li{gap:8px}.lineup b{font-size:12px}.lineup .bats{display:none}.lineup li button:first-of-type{margin-left:auto}.lineup .position{font-size:10px;min-width:32px;padding:4px}.lineup button{padding:8px}footer{display:block;line-height:2;padding:18px}footer span{display:block}.design-grid{grid-template-columns:1fr 1fr}.design-gallery main{padding:35px 20px}.design-gallery main>h1{font-size:62px}.design-cover strong{font-size:22px}.design-cover{height:220px}.design-card article{padding:18px}.design-card article p{min-height:100px}}
@media(max-width:480px){.design-grid{grid-template-columns:1fr}.design-card article p{min-height:0}.design-gallery main>h1{font-size:52px}.my-club span{display:none}.mast{gap:10px}.card-heading{font-size:8px}.matchup .club-logo,.broadcast .matchup .club-logo,.night .match-card .club-logo{height:120px}.at small,.at span{font-size:6px}.at b{font-size:28px}.matchup h2{font-size:19px}.section-heading>span{font-size:9px}.section-heading{align-items:flex-start}table{font-size:12px}tbody th{gap:4px}tbody th>.club-logo{width:24px}.record{font-size:44px}.ballpark-option>div{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}