html{background:#f5f6f8}body{margin:0}#root{min-height:100vh}*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.site-header{color:#fff;background:#0a1020;border-bottom:1px solid #ffffff14}.header-inner{align-items:center;gap:42px;max-width:1440px;height:68px;margin:0 auto;padding:0 32px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:#2563eb;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}nav{align-items:center;gap:28px;height:100%;display:flex}nav a{color:#98a2b3;border-bottom:2px solid #0000;align-items:center;height:100%;font-size:14px;font-weight:600;text-decoration:none;display:flex}nav a:hover,nav a.active{color:#fff}nav a.active{border-bottom-color:#3b82f6}.search-button{color:#c8d0dc;background:#151d2e;border:1px solid #2c3548;border-radius:8px;align-items:center;gap:22px;margin-left:auto;padding:8px 10px 8px 14px;display:flex}.search-button span{color:#7f8a9d;font-size:12px}main{max-width:1440px;margin:0 auto;padding:46px 32px 80px}.hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;display:flex}.eyebrow{letter-spacing:.14em;color:#2563eb;margin:0 0 8px;font-size:11px;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,58px);line-height:1}.subtitle{color:#667085;margin:13px 0 0;font-size:15px}.date-controls{gap:8px;display:flex}.date-controls button,.carousel-controls button{background:#fff;border:1px solid #d9dee7;border-radius:9px}.date-controls>button{min-width:42px}.date-button{flex-direction:column;padding:8px 18px;display:flex;min-width:145px!important}.date-button span{color:#667085;font-size:11px}.date-button strong{font-size:13px}.score-strip{margin-bottom:32px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading>div:first-child{align-items:baseline;gap:10px;display:flex}.section-heading h2,.panel-heading h2,.side-panel h2{letter-spacing:-.025em;margin:0}.section-heading h2{font-size:18px}.section-heading span{color:#98a2b3;font-size:12px}.carousel-controls{gap:6px;display:flex}.carousel-controls button{width:34px;height:34px}.games{grid-template-columns:repeat(4,minmax(235px,1fr));gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.game-card{background:#fff;border:1px solid #e1e5eb;border-radius:12px;min-width:235px;padding:16px;box-shadow:0 1px 2px #10182808}.game-card-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.status{letter-spacing:.08em;font-size:10px;font-weight:800}.status-live{color:#dc2626}.status-final{color:#667085}.status-upcoming{color:#2563eb}.game-detail{color:#98a2b3;font-size:11px}.team-row{justify-content:space-between;align-items:center;min-height:49px;display:flex}.team{align-items:center;gap:10px;display:flex}.team-logo{background:#f8fafc;border:1px solid #e4e7ec;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-weight:900;display:grid}.team strong,.team span{display:block}.team strong{font-size:13px}.team span{color:#98a2b3;margin-top:2px;font-size:10px}.score{letter-spacing:-.04em;font-size:22px;font-weight:800}.game-link{color:#475467;background:0 0;border:0;border-top:1px solid #eef0f3;justify-content:space-between;width:100%;margin-top:13px;padding:11px 0 0;font-size:11px;font-weight:700;display:flex}.content-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.primary-panel,.side-panel{background:#fff;border:1px solid #e1e5eb;border-radius:14px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2,.side-panel h2{font-size:21px}.inning{color:#dc2626;background:#fef2f2;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.featured-score{align-items:center;gap:30px;margin:38px 0;display:flex}.featured-score>div:not(.score-divider){align-items:baseline;gap:14px;display:flex}.featured-score span{color:#667085;font-weight:800}.featured-score strong{letter-spacing:-.06em;font-size:54px;line-height:1}.score-divider{color:#d0d5dd;font-size:22px}.game-situation{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;grid-template-columns:repeat(3,1fr);margin-bottom:20px;display:grid}.game-situation>div{padding:18px 0}.situation-label{letter-spacing:.12em;color:#98a2b3;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.game-situation strong{font-size:13px}.primary-action{color:#fff;background:#111827;border:0;border-radius:8px;align-items:center;gap:24px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.side-panel h2{margin-bottom:20px}.snapshot-row{color:#667085;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:15px 0;font-size:13px;display:flex}.snapshot-row strong{color:#111827;font-size:16px}@media (width<=900px){nav{display:none}.games{grid-template-columns:repeat(4,250px)}.content-grid{grid-template-columns:1fr}}@media (width<=640px){.header-inner,main{padding-left:18px;padding-right:18px}.hero{flex-direction:column;align-items:flex-start}.search-button span{display:none}.games{margin-right:-18px}.featured-score strong{font-size:42px}.game-situation{grid-template-columns:1fr 1fr 1fr}}.live-game-main{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:30px;display:grid}.live-game-panel .featured-score{margin:28px 0 24px}.matchup{align-items:center;gap:18px;display:flex}.matchup>div:not(.matchup-vs){flex-direction:column;gap:3px;display:flex}.matchup strong{font-size:13px}.matchup small{color:#98a2b3;font-size:10px}.matchup-vs{color:#c1c7d0;font-size:11px;font-weight:800}.live-situation{border-left:1px solid #eaecf0;padding-left:32px}.diamond{width:88px;height:68px;margin:0 auto 20px;position:relative}.base{background:#eef1f5;border:2px solid #fff;border-radius:2px;outline:1px solid #d5dae2;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.base.occupied{background:#2563eb;outline-color:#2563eb}.count-row{text-align:center;grid-template-columns:1fr 1fr;display:grid}.count-row div+div{border-left:1px solid #eaecf0}.count-row span{color:#98a2b3;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.count-row strong{margin-top:4px;font-size:15px;display:block}.line-score{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;margin-top:26px;padding:13px 0}.line-score-row{text-align:center;grid-template-columns:50px repeat(10,1fr);align-items:center;min-height:24px;font-size:10px;display:grid}.line-score-row>:first-child{text-align:left}.line-score-header{color:#98a2b3;font-size:8px}.last-at-bat{background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:14px 16px;display:flex}.last-at-bat strong{font-size:12px;display:block}.last-at-bat p{color:#667085;margin:4px 0 0;font-size:10px}.play-result{white-space:nowrap;color:#027a48;letter-spacing:.06em;background:#ecfdf3;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:900}@media (width<=700px){.live-game-main{grid-template-columns:1fr}.live-situation{border-top:1px solid #eaecf0;border-left:0;padding:24px 0 0}.line-score{overflow-x:auto}.line-score-row{min-width:540px}.matchup{align-items:flex-start}}.games{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.games::-webkit-scrollbar{display:none}.games .game-card{scroll-snap-align:start;flex:0 0 calc(25% - 9px)}.carousel-controls button:hover,.date-controls>button:hover{background:#f8fafc;border-color:#c8ced8}@media (width<=1000px){.games .game-card{flex-basis:calc(33.3333% - 8px)}}@media (width<=750px){.games .game-card{flex-basis:calc(50% - 6px)}}@media (width<=500px){.games .game-card{flex-basis:85%}}.empty-games{text-align:center;background:#fff;border:1px solid #dce2ea;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;margin-top:28px;padding:48px 24px;display:flex}.empty-games-icon{color:#2563eb;letter-spacing:.08em;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:11px;font-weight:800;display:flex}.empty-games h2{margin:0 0 8px;font-size:22px}.empty-games p{color:#64748b;margin:0}.empty-games-actions{gap:10px;margin-top:22px;display:flex}.empty-games-actions button{cursor:pointer;background:#fff;border:1px solid #d6dde8;border-radius:8px;padding:9px 14px;font-weight:600}.empty-games-actions button:hover{background:#f8fafc}.no-games-hidden{display:none}.featured-game-meta{align-items:center;gap:8px;min-height:24px;margin-top:20px;display:flex}.featured-game-meta strong{font-size:13px}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.game-state-summary{text-align:center;flex-direction:column;gap:4px;display:flex}.game-state-summary span{color:#94a3b8;letter-spacing:.08em;font-size:9px;font-weight:700}.game-state-summary strong{font-size:16px}.featured-data-note{border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;gap:48px;margin-top:18px;padding:18px 0;display:flex}.featured-data-note>div{flex-direction:column;gap:5px;display:flex}.featured-data-note strong{font-size:13px}.live-situation{background:#f8fafc;border:1px solid #e5eaf1;border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:210px;margin:0;padding:16px 18px;display:flex}.game-state-summary{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.game-state-summary span,.count-row span{color:#94a3b8;letter-spacing:.1em;font-size:9px;font-weight:800}.game-state-summary strong{color:#0f172a;font-size:18px;line-height:1}.base-diamond{width:82px;height:58px;margin:2px auto 0;position:relative}.base{box-sizing:border-box;width:16px;height:16px;box-shadow:none;background:#fff;border:2px solid #cbd5e1;border-radius:2px;outline:none;position:absolute;transform:rotate(45deg)}.base.occupied{background:#ef4444;border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.base-second{top:0;left:33px}.base-third{top:27px;left:7px}.base-first{top:27px;right:7px}.count-row{text-align:center;grid-template-columns:1fr 1fr;gap:0;width:100%;display:grid}.count-row>div{flex-direction:column;align-items:center;gap:4px;display:flex}.count-row>div+div{border-left:1px solid #e5eaf1}.count-row strong{color:#0f172a;margin:0;font-size:16px;line-height:1.2}@media (width<=720px){.live-situation{box-sizing:border-box;width:100%;margin-top:20px}}.latest-play{background:#fff;border:1px solid #e5eaf1;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:14px 16px;display:flex}.latest-play>div{flex-direction:column;gap:4px;display:flex}.latest-play-label{color:#ef4444;letter-spacing:.12em;font-size:9px;font-weight:800}.latest-play strong{color:#0f172a;font-size:15px;font-weight:700}.latest-play-sequence{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:700}@media (width<=720px){.latest-play{margin-top:12px}}