@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#173f32;font-synthesis:none;background:#faf6eb;font-family:DM Sans,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #cfd5c9;border-radius:7px;padding:11px 14px;font-size:.875rem;font-weight:600}button:hover{background:#e8ecdf}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #d9593f}button:disabled{opacity:.4;cursor:default}header,main,footer{max-width:1480px;margin:auto}header{border-bottom:1px solid #d9ddcf;justify-content:space-between;align-items:center;height:104px;padding:0 48px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:800;text-decoration:none;display:flex}.brand img{width:36px}.brand span{letter-spacing:2px;border-left:1px solid #bec9b8;max-width:118px;margin-left:16px;padding-left:16px;font-family:DM Sans,sans-serif;font-size:.65rem;line-height:1.6}.edition{letter-spacing:2px;font-size:.75rem}.edition b{border:1px solid #b8c6b2;border-radius:50%;margin-left:12px;padding:8px}main{padding:30px 48px 0}.intro{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.9px;margin:0 0 12px;font-size:.75rem;font-weight:700}h1{text-transform:uppercase;letter-spacing:-.3px;margin:0;font-family:Barlow Condensed,sans-serif;font-size:3.35rem;line-height:.98}h1 em{color:#d5573d;font-style:normal}.intro-note{color:#657362;font-size:.9rem;line-height:1.8}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:24px;display:grid}.play{background:#fffcf4;border:1px solid #c6d0bb;border-radius:16px;overflow:hidden}.score{letter-spacing:1px;border-bottom:1px solid #d9ddcf;align-items:center;gap:25px;padding:15px 22px;font-size:.7rem;display:flex}.score b{letter-spacing:0;margin-left:6px;font-size:.85rem}.score #outs{letter-spacing:0;margin-left:auto;font-size:.85rem;font-weight:700}.team{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.coral{background:#ed6950}.blue{background:#356cad}.stage{background:#bcd5c0;height:450px;position:relative}#terrain,#terrain canvas{width:100%;height:100%;display:block}.stage-title{letter-spacing:1.5px;pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;top:19px;left:22px}.stage-title span{letter-spacing:0;margin-top:5px;font-weight:400;display:block}.event{white-space:nowrap;background:#fff9ebee;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:700;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #193b2920}.views{white-space:nowrap;background:#fff9ebee;border-radius:8px;gap:3px;padding:4px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.views button{border:0;padding:7px 13px;font-size:.8rem}button[aria-pressed=true]{color:#fff9eb;background:#163f32}.playback{padding:18px 22px}.transport{align-items:center;gap:8px;display:flex}.primary{color:#fff9eb;background:#173f32;border-color:#173f32}.primary:hover{background:#28604d}.transport #speed{margin-left:auto}.scrub{font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin:20px 0 14px;font-size:.75rem;display:flex}.scrub input{accent-color:#d96348;flex:1;min-width:30px}.options{color:#64725e;gap:20px;font-size:.8rem;display:flex}.options label{align-items:center;gap:6px;display:flex}input[type=checkbox]{accent-color:#173f32;width:16px;height:16px}aside{background:#f0efdf;border:1px solid #dce0cc;border-radius:16px;flex-direction:column;padding:25px 24px;display:flex}.lesson-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.lesson-head #progress{color:#6f795f;font-size:.75rem}h2{margin:8px 0 20px;font-family:Barlow Condensed,sans-serif;font-size:2rem;line-height:1.05}.mode{background:#e3e6d5;border-radius:8px;gap:3px;padding:4px;display:flex}.mode button{border:0;flex:1;padding:8px;font-size:.8rem}#explanation{min-height:108px;margin:20px 0;font-size:.95rem;line-height:1.7}.choice{text-align:left;background:#fffaf0;align-items:center;gap:8px;width:100%;margin-bottom:9px;padding:13px 10px;font-size:.8rem;display:flex}.choice span{color:#8c957e;font-size:.7rem}.choice b{margin-left:auto}.key{margin-top:auto;padding-top:25px}.key span{letter-spacing:1.5px;color:#b54f3a;font-size:.65rem;font-weight:700}.key p{margin-bottom:0;font-size:.8rem;line-height:1.7}.feedback{gap:7px;margin-top:12px;display:flex}.feedback button{padding:9px 7px;font-size:.75rem}#result-text{font-size:.9rem;line-height:1.6}.notes{grid-template-columns:1fr 1fr;gap:70px;padding:35px 0;display:grid}.notes details{border-bottom:1px solid #d5dccc;padding:12px 0}.notes summary{cursor:pointer;font-size:.95rem;font-weight:600}.notes summary span{float:right;letter-spacing:1px;color:#758368;font-size:.7rem}.notes p{font-size:.875rem;line-height:1.7}.context a{color:inherit;text-underline-offset:4px;font-size:.8rem}.reset{color:#6b765e;border:0;margin-top:18px;padding:0;font-size:.75rem;display:block}.context p{color:#65705c;max-width:500px}footer{color:#65705c;border-top:1px solid #d9ddcf;justify-content:space-between;padding:25px 48px;font-size:.75rem;display:flex}footer strong{color:#173f32;font-family:Barlow Condensed,sans-serif;font-size:1.3rem}[hidden]{display:none!important}#fallback{background:#e7ecd6;padding:12px;position:absolute;inset:0}#fallback h2{font-size:1.4rem}#fallback canvas{object-fit:contain;width:100%;height:280px}#fallback p{font-size:.85rem}.stage:has(#fallback:not([hidden])) .stage-title{display:none}@media (width>=1500px){.stage{height:510px}}@media (width<=1050px){header{padding:0 25px}main{padding:25px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:15px}aside{padding:20px 16px}.stage{height:420px}.score{gap:12px;padding:13px}.score b{display:none}.transport{flex-wrap:wrap}.transport button{padding:10px;font-size:.75rem}.intro-note{font-size:.8rem}}@media (width<=760px){header{height:76px;padding:0 18px}.brand{font-size:1.7rem}.brand span{display:none}.edition{font-size:.65rem}main{padding:24px 14px 0}.intro{margin-bottom:20px}.intro-note{display:none}h1{font-size:2.6rem}.workspace{grid-template-columns:1fr}.stage{height:360px}.score{font-size:.65rem}.playback{padding:14px}aside{padding:22px}h2 br{display:none}h2{margin-top:0;font-size:1.8rem}#explanation{min-height:0}.key{padding-top:16px}.notes{grid-template-columns:1fr;gap:30px;padding:30px 6px}.options{gap:12px;font-size:.75rem}.event{padding:9px 12px;font-size:.75rem}.stage-title{font-size:.65rem;left:15px}.transport{gap:6px}.transport #speed{margin-left:0}footer{padding:20px 18px}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}.site-header{height:90px}.main-nav{white-space:nowrap;border-bottom:1px solid #d9ddcf;gap:26px;max-width:1384px;margin:auto;padding:14px 0;display:flex;overflow-x:auto}.main-nav a{color:#52644e;padding:7px 0;font-size:.875rem;font-weight:600;text-decoration:none}.main-nav a[aria-current=page]{color:#173f32;border-bottom:3px solid #cb4e34}.main-nav a:hover{color:#b9422c}.stage-title{color:#173f32;background:#fff8e9;border:1px solid #c4cdb6;border-radius:9px;max-width:calc(100% - 35px);padding:12px 16px;line-height:1.4;box-shadow:0 3px 12px #173f3220}.stage-title span{color:#354b37}.scene-nav{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.scene-nav a{color:#173f32;border:1px solid #bfcbb7;border-radius:7px;padding:9px 11px;font-size:.8rem;text-decoration:none}.scene-nav a[aria-current=page]{color:#fff8e9;background:#173f32}.roles{background:#eff0df;border:1px solid #d4dcc8;border-radius:12px;margin-top:25px;padding:20px}.role-buttons{flex-wrap:wrap;gap:8px;display:flex}.roles p:last-child{margin-bottom:0;font-size:.875rem;line-height:1.6}.next-scene{color:#173f32;margin-top:18px;font-weight:700;display:block}.score{gap:14px}.score #outs{margin-left:0}.score #runs{letter-spacing:0;margin-left:auto;font-size:.85rem}.page-heading{max-width:860px;padding:25px 0 35px}.page-heading h1{font-size:4.5rem}.page-heading>p:last-child{color:#58674f;max-width:640px;margin-top:22px;line-height:1.8}.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px;display:grid}.lesson-card,.entity-card{color:inherit;background:#fffcf3;border:1px solid #c5d0ba;border-radius:13px;padding:26px;text-decoration:none;display:block;position:relative}.lesson-card:hover,.entity-card:hover{background:#f5f2e2;border-color:#c95037}.big-number{color:#bac6a5;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:3.8rem;display:block}.lesson-card h2{font-size:1.9rem}.lesson-card p,.entity-card p{font-size:.9rem;line-height:1.7}.card-foot{border-top:1px solid #d6ddc9;justify-content:space-between;align-items:end;gap:15px;margin-top:25px;padding-top:18px;font-size:.75rem;display:flex}.card-foot b{font-size:.8rem}.article{max-width:820px;padding:30px 0 45px}.article h2{margin-top:30px;font-size:2.2rem}.article p,.article li{line-height:1.85}.article a,.source-line a,.resource a{color:#173f32;text-underline-offset:4px}.source-line{color:#58684f;border-top:1px solid #d3dcc7;padding:20px 0;font-size:.8rem}.source-line a{overflow-wrap:anywhere;margin:9px 0;display:block}.home-lead{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:35px 0 45px;display:grid}.home-lead h1{font-size:5.5rem}.home-lead p{max-width:500px;font-size:1rem;line-height:1.8}.home-lead .button-link{margin-top:12px}.home-feature{color:#fff5dd;background:#173f32;border-radius:18px;padding:35px}.home-feature h2{font-size:2.8rem}.home-feature .eyebrow{color:#f59a7b}.home-feature a{color:#fff5dd}.home-feature ol{padding-left:20px;line-height:2}.home-feature .feature-number{color:#f88b65;font-family:Barlow Condensed,sans-serif;font-size:5rem;line-height:1}.button-link{color:#fff8e9;background:#173f32;border-radius:7px;padding:13px 19px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.button-link:hover{background:#2b5f49}.section-heading{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.section-heading h2{margin:0;font-size:2.4rem}.section-heading a{color:#173f32;font-size:.85rem}.league-card{border-top:5px solid #d85b40;padding:28px}.league-card[data-league=npb]{border-top-color:#30669a}.league-card[data-league=kbo]{border-top-color:#bc8b25}.league-code{font-family:Barlow Condensed,sans-serif;font-size:4rem;line-height:1}.league-card h2{margin-top:18px}.filter-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0 28px;display:flex}.filter-bar label{align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.filter-bar input,.filter-bar select{color:#173f32;font:inherit;background:#fffdf6;border:1px solid #b7c5ae;border-radius:6px;padding:10px 12px}.filter-bar input{min-width:230px}.no-results{background:#edeedc;border-radius:8px;padding:20px}.league-tabs{gap:10px;margin-bottom:28px;display:flex}.league-tabs a{color:#173f32;border:1px solid #bdcbb4;border-radius:7px;padding:10px 18px;text-decoration:none}.league-tabs a[aria-current=page]{color:#fff8e9;background:#173f32}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0 40px;display:grid}.resource{background:#fffdf4;border:1px solid #c9d3bf;border-radius:13px;padding:26px}.resource h2{font-size:2rem}.resource p{font-size:.9rem;line-height:1.8}.resource .button-link{color:#fff8e9}.data-note{background:#eceedd;border-left:4px solid #a3b888;max-width:950px;padding:20px 25px;line-height:1.8}.data-note strong{display:block}.read-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.read-table td,.read-table th{border-bottom:1px solid #cad6bd;padding:15px 12px}.read-table th{background:#e9edda}.history-row{border-top:1px solid #cbd5bd;grid-template-columns:130px 1fr;gap:22px;padding:22px 0;display:grid}.history-row b{color:#bd4b32;font-family:Barlow Condensed,sans-serif;font-size:2.6rem}.history-row h2{margin:5px 0 10px}.history-row p{margin:0;line-height:1.8}.footer-brand{color:#173f32;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;text-decoration:none}.directory-meta{letter-spacing:1px;color:#6a765e;text-transform:uppercase;font-size:.75rem!important}.entity-card h2{margin:12px 0}.small-link{color:#173f32;font-size:.85rem}.news-links{flex-wrap:wrap;gap:15px;margin:25px 0 35px;display:flex}.news-links a{color:#173f32;border:1px solid #becbb2;border-radius:5px;padding:10px}.footer-brand~a{color:#173f32}.welcome-links{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.score>span{white-space:nowrap}.result-source{font-size:.8rem}.stage{height:480px}#fallback{padding-top:100px}#fallback h2{display:none}#fallback canvas{height:250px}#fallback p{display:none}.stage:has(#fallback:not([hidden])) .stage-title{z-index:1;display:block}.stage:has(#fallback:not([hidden])) .event{z-index:1;bottom:15px}button[data-role]{background:#fff9ec}.lesson-head{flex-wrap:wrap}.transport #step{white-space:nowrap}@media (width<=1450px){.main-nav{margin:0 48px}}@media (width<=1050px){.catalog,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lead{gap:25px}.home-lead h1{font-size:4.3rem}.main-nav{gap:20px;margin:0 25px}.score{gap:9px}.score #runs,.score #outs{font-size:.75rem}}@media (width<=760px){.main-nav{gap:20px;margin:0 15px;padding:10px 0}.site-header{height:76px}.home-lead{grid-template-columns:1fr;padding-top:10px}.home-lead h1,.page-heading h1{font-size:3.5rem}.home-feature{padding:26px}.home-feature h2{font-size:2.3rem}.catalog,.resource-grid{grid-template-columns:1fr;gap:14px}.page-heading{padding:10px 0 22px}.page-heading>p:last-child{margin-top:16px}.lesson-card{padding:22px}.big-number{font-size:2.7rem}.scene-nav{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.scene-nav a{flex-shrink:0}.stage{height:380px}.stage-title{max-width:calc(100% - 24px);padding:9px 12px;font-size:.7rem;top:12px;left:12px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar label{justify-content:space-between}.filter-bar input{width:65%;min-width:0}.history-row{grid-template-columns:75px 1fr;gap:15px}.history-row b{font-size:2rem}.role-buttons button{padding:8px;font-size:.75rem}.read-table td,.read-table th{padding:10px 6px}.league-tabs a{padding:9px 14px}.score{gap:9px;padding:12px 10px}.score .team{display:none}.event{white-space:normal;text-align:center;max-width:95%}.edition{letter-spacing:1px;font-size:.6rem}.intro h1{font-size:2.4rem}.notes{gap:20px}.key span{font-size:.75rem}}.sport-section{border-bottom:1px solid #d0dac3;padding:28px 0;scroll-margin-top:15px}.table-scroll{margin-bottom:20px;overflow-x:auto}.table-scroll a{color:#173f32}.read-table caption{text-align:left;color:#627354;padding:12px 0}.game-score{font-family:Barlow Condensed,sans-serif;font-size:2.5rem!important}