:root{color:#203c32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#203c32;--muted:#647069;--paper:#f6f5ef;--line:#e2e5dc;--orange:#bd462a;--green:#244e3e;--lime:#dcf39c;background:#f6f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin:0}button{color:inherit}.icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px}.app-shell{max-width:1160px;margin:auto;padding:0 36px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:98px;display:flex}.wordmark{color:var(--ink);letter-spacing:-1.8px;align-items:center;gap:9px;font-size:33px;font-weight:850;text-decoration:none;display:inline-flex}.wordmark>.icon{width:32px;height:32px;color:var(--orange)}.brand-period,.intro h1>span{color:var(--orange)}.header-tagline{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:650}.help-button{background:0 0;border:1px solid #d4d9cf;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:12px;font-weight:650;display:inline-flex}.help-button .icon{width:18px;height:18px}.help-button:hover{background:#e9ede2}.intro{justify-content:space-between;align-items:end;gap:24px;margin:44px 0 28px;display:flex}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:750}.intro .eyebrow{color:var(--orange);margin-bottom:10px}.intro h1{letter-spacing:-1.7px;font-size:clamp(28px,3.7vw,42px);font-weight:750;line-height:1.15}.intro h1+p{color:var(--muted);margin-top:10px;font-size:14px}.mode-switch{background:#e9ece2;border-radius:12px;flex-shrink:0;gap:2px;padding:5px;display:flex}.mode-switch button{color:#536257;background:0 0;border:0;border-radius:8px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:650}.mode-switch button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 2px 6px #203c3210}.game-surface{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 5px 8px #273c2603,0 15px 45px -30px #273c2633}.game-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 26px;font-size:11px;display:flex}.edition{align-items:center;gap:8px;font-weight:700;display:flex}.live-dot{background:#547740;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #eaf1e2}.saved-label{color:var(--muted);font-size:10px}.scoreboard{align-items:center;gap:38px;padding:23px 30px;display:flex}.run-score{align-items:center;gap:13px;min-width:90px;display:flex}.run-score .eyebrow{color:var(--muted)}.run-score strong{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:34px;line-height:1}.pitch-progress{width:min(380px,100%);margin:0 auto}.progress-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.progress-label>span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.pitch-progress ol{gap:6px;margin:0;padding:0;list-style:none;display:flex}.pitch-progress li{color:#6a7468;background:#f1f3ed;border-radius:5px;flex:1;justify-content:center;align-items:center;height:27px;font-size:10px;font-weight:700;display:flex}.pitch-progress .current{background:var(--ink);color:#fff}.pitch-progress .hit{color:#28503a;background:#e0eedb}.pitch-progress .miss{color:#a73822;background:#fae8e0}.pitch-progress .icon{width:15px;height:15px}.strike-score{gap:10px;display:grid}.strike-score .eyebrow{color:var(--muted)}.strike-dots{gap:6px;display:flex}.strike-dots>span{color:#b1bbae;border:1px solid #d6dad1;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.strike-dots .icon{width:12px;height:12px}.strike-dots>.used{background:var(--orange);color:#fff;border-color:var(--orange)}.play-area{grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);gap:26px;padding:0 26px 26px;display:grid}.pitch-card{isolation:isolate;background:#eaf0e1;border-radius:16px;flex-direction:column;justify-content:space-between;min-width:0;padding:25px 22px;display:flex;position:relative;overflow:hidden}.pitch-card:before{content:"";z-index:-1;border:1px dashed #c6d4b6;border-radius:50%;width:260px;height:260px;position:absolute;top:50px;right:-175px;transform:rotate(-25deg)}.pitch-top{color:#4c6644;justify-content:space-between;align-items:center;display:flex}.pitch-top .icon{color:#7d9369;width:30px;height:30px}.pitch-word{padding:24px 0}.pitch-word h2{letter-spacing:-1.5px;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3.25vw,39px);font-weight:700;line-height:1.15}.pitch-word h2:focus,.recap h2:focus{outline:none}.pitch-word p{color:#4c6148;margin-top:15px;font-size:13px;line-height:1.6}.pitch-word p strong{color:var(--ink);font-weight:800}.pitch-bottom{color:#50674a;gap:10px;font-size:10px;display:grid}.match-slots{gap:6px;display:flex}.match-slots>span{background:#cbd7bb;border-radius:5px;width:22px;height:5px;transition:background .15s}.match-slots>.filled{background:var(--green)}.pitch-miss{background:#f8eee7}.pitch-miss:before{border-color:#e9d5c4}.board-area{min-width:0}.board-heading{justify-content:space-between;align-items:center;gap:12px;min-height:35px;margin:-7px 0 10px;font-size:12px;font-weight:650;display:flex}.text-button{text-underline-offset:4px;background:0 0;border:0;min-height:36px;padding:10px 2px;font-size:11px;font-weight:650;text-decoration:underline}.text-button:disabled{color:#778170;text-decoration:none}.text-button:not(:disabled):hover{color:var(--orange)}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.word-card{letter-spacing:.15px;overflow-wrap:anywhere;background:#f9faf6;border:1px solid #e1e4da;border-bottom-width:3px;border-radius:10px;min-width:0;min-height:65px;padding:8px 3px;font-size:clamp(10px,1.16vw,14px);font-weight:750;transition:background .16s,border-color .16s,color .16s,transform .16s;position:relative}.word-card:not(:disabled):not([aria-disabled=true]):hover{background:#eef2e7;border-color:#9eaf93;transform:translateY(-2px)}.word-card.selected{background:var(--green);color:#fff;border-color:#163627}.word-card.selected:not(:disabled):hover{background:#35664d;border-color:#18382a}.word-card[aria-disabled=true]{cursor:default}.word-card.answer{color:#264e2f;background:#e4f1d6;border-color:#82a56d}.word-card.wrong{color:#9d3823;background:#fff0e9;border-color:#c8755e}.card-mark{display:inline-flex;position:absolute;top:3px;right:4px}.card-mark .icon{stroke-width:2.8px;width:10px;height:10px}.pitch-response{justify-content:space-between;align-items:center;gap:12px;min-height:65px;margin-top:18px;display:flex}.response-copy{gap:5px;font-size:12px;display:grid}.response-copy strong{font-weight:650}.response-copy>span{color:var(--muted);font-size:10px;line-height:1.5}.pitch-response.missed .response-copy strong{color:#a73822}.pitch-response.success .response-copy strong{color:#366725}.button{border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 20px;font-size:13px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.button .icon{width:18px;height:18px}.primary{background:var(--green);color:#fff}.primary:not(:disabled):hover{background:#36674e;transform:translateY(-1px)}.primary:disabled{color:#6e796b;background:#e7eae1}.secondary{color:var(--ink);background:#f5f6ef;border-color:#dce2d2}.secondary:hover{background:#eaf0e2}.swing{min-width:140px}.game-footnote{border-top:1px solid var(--line);color:#637359;background:#fbfcf8;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:7px 26px;font-size:11px;display:flex}.game-footnote>span{align-items:center;gap:8px;display:inline-flex}.game-footnote .icon{width:17px;height:17px}.game-footnote .text-button{color:#5b6c4f}.quick-guide{grid-template-columns:repeat(3,1fr);gap:28px;margin:32px 0 36px;display:grid}.quick-guide>div{align-items:start;gap:13px;display:flex}.guide-number{color:#6b7b5f;border:1px solid #dce0d3;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.quick-guide h3{margin:0 0 5px;font-size:12px;font-weight:700}.quick-guide p{color:var(--muted);font-size:11px;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:#6c756b;justify-content:space-between;gap:10px;padding:20px 0 28px;font-size:10px;display:flex}.fallback-note,.storage-warning,.date-notice{background:#ecefe3;border-radius:10px;margin:0 0 16px;padding:12px 16px;font-size:12px;line-height:1.6}.storage-warning{margin-top:12px}.date-notice{justify-content:space-between;align-items:center;display:flex}.loading-surface{text-align:center;border:1px solid var(--line);background:#fff;border-radius:22px;justify-items:center;gap:17px;min-height:420px;padding:58px 30px;display:grid}.loading-ball,.recap-emblem{background:#eaf0e1;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:10px;padding:17px;display:grid}.loading-ball .icon,.recap-emblem .icon{width:42px;height:42px}.loading-surface h2{letter-spacing:-1px;font-size:28px}.loading-surface>p{color:var(--muted);max-width:450px;font-size:13px;line-height:1.7}.loading-surface .eyebrow{color:var(--orange)}.loading-buttons,.recap-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bobbing{animation:1.5s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)rotate(12deg)}}.recap{text-align:center;max-width:620px;margin:0 auto;padding:12px 24px 35px}.recap-emblem{width:66px;height:66px;margin:0 auto 20px}.recap.won .recap-emblem{background:var(--lime);color:#365323}.recap h2{letter-spacing:-2px;margin:8px 0 10px;font-size:clamp(32px,5vw,48px)}.recap h2>span{color:var(--orange)}.recap>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.recap-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:28px auto;padding:18px 0;display:grid}.recap-stats>div{gap:6px;display:grid}.recap-stats>div+div{border-left:1px solid var(--line)}.recap-stats strong{font-variant-numeric:tabular-nums;font-size:28px}.recap-stats span{color:var(--muted);font-size:11px}.recap .share-status{min-height:20px;margin:15px 0 5px;font-size:11px}.share-copy{background:var(--paper);border:1px solid var(--line);width:100%;min-height:120px;color:var(--ink);resize:vertical;border-radius:10px;margin-top:10px;padding:12px;font-size:12px}.pitch-review{text-align:left;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.pitch-review summary{cursor:pointer;padding:8px 0;font-size:12px;font-weight:650}.pitch-review ol{margin:12px 0 0;padding:0;list-style:none}.pitch-review li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.pitch-review li>div{flex:1;gap:5px;display:grid}.pitch-review strong{font-size:12px}.pitch-review span{color:var(--muted);font-size:10px}.pitch-review .review-hit{color:#426c30}.pitch-review .review-miss{color:var(--orange)}.rules-dialog{border:1px solid var(--line);width:calc(100% - 28px);max-width:460px;max-height:calc(100dvh - 40px);color:var(--ink);border-radius:22px;padding:25px 28px;overflow-y:auto;box-shadow:0 20px 80px #06150f3b}.rules-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#152b2399}.dialog-top{justify-content:space-between;align-items:center;display:flex}.icon-button{background:#edf1e7;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.rules-dialog h2{letter-spacing:-1.2px;margin:13px 0;font-size:32px}.rules-dialog>p{color:var(--muted);font-size:13px;line-height:1.7}.rule-example{text-align:center;background:#eaf0e1;border-radius:12px;gap:10px;margin:22px 0;padding:20px 15px;display:grid}.rule-example>strong{font-family:Georgia,serif;font-size:30px}.rule-example>div{justify-content:center;gap:8px;display:flex}.rule-example>div span{background:var(--green);color:#fff;border-radius:7px;padding:12px 14px;font-size:10px;font-weight:750}.rule-list{margin:0;padding:0;list-style:none}.rule-list li{gap:13px;margin-bottom:17px;display:flex}.rule-list li>span{background:#eaf0e1;border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.rule-list strong{font-size:13px}.rule-list p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.7}.quiet-note{color:var(--muted);font-size:11px}.rules-dialog .quiet-note{text-align:center;margin:15px 0;font-size:11px}.full-width{width:100%}@media (width<=900px){.app-shell{padding:0 24px}.header-tagline{display:none}.intro{align-items:start}.intro h1{font-size:31px}.intro .eyebrow{letter-spacing:1px;font-size:8px}.mode-switch button{padding:10px}.scoreboard{gap:24px;padding:22px}.run-score{gap:5px;min-width:48px;display:grid}.play-area{grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:18px;padding:0 20px 20px}.pitch-card{padding:20px 16px}.pitch-word h2{font-size:27px}.word-card{min-height:62px;font-size:11px}.pitch-response{flex-wrap:wrap}.pitch-response .button{width:100%;min-height:46px}.pitch-response .response-copy{min-height:40px}.quick-guide{gap:20px}}@media (width<=640px){.app-shell{padding:0 14px}.site-header{min-height:72px}.wordmark{font-size:28px}.wordmark>.icon{width:27px;height:27px}.help-button{padding:9px 12px;font-size:11px}.intro{flex-direction:column;gap:17px;margin:22px 0 16px}.intro h1{letter-spacing:-1.2px;font-size:30px}.intro h1+p{margin-top:7px;font-size:12px}.intro .eyebrow{margin-bottom:8px;font-size:8px}.mode-switch{align-self:start;padding:3px}.mode-switch button{min-height:36px;padding:7px 16px;font-size:11px}.game-surface{border-radius:16px}.game-topline{padding:13px 15px;font-size:10px}.saved-label{text-align:right;max-width:100px;font-size:8px;line-height:1.4}.scoreboard{gap:15px;padding:16px 15px}.eyebrow{letter-spacing:1.1px;font-size:8px}.run-score strong{letter-spacing:-1px;font-size:27px}.run-score{min-width:33px}.pitch-progress{min-width:0}.progress-label{gap:4px;margin-bottom:7px}.progress-label .eyebrow{display:none}.progress-label>span:last-child{font-size:9px}.pitch-progress ol{gap:3px}.pitch-progress li{border-radius:3px;height:22px;font-size:8px}.pitch-progress .icon{width:11px;height:11px}.strike-score{gap:7px}.strike-dots{gap:4px}.strike-dots>span{width:19px;height:19px}.strike-dots .icon{width:10px;height:10px}.play-area{flex-direction:column;gap:16px;padding:0 12px 16px;display:flex}.pitch-card{min-height:122px;padding:14px 16px}.pitch-card:before{width:260px;height:260px;top:-65px;right:-150px}.pitch-top .icon{width:20px;height:20px}.pitch-word{justify-content:space-between;align-items:end;gap:12px;padding:4px 0 0;display:flex}.pitch-word h2{letter-spacing:-.8px;font-size:clamp(23px,6vw,31px)}.pitch-word p{text-align:right;max-width:100px;margin:0;font-size:10px;line-height:1.7}.pitch-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:8px;display:flex}.match-slots>span{width:15px;height:4px}.board-heading{margin:-7px 2px 4px;font-size:11px}.text-button{font-size:10px}.board{gap:7px}.word-card{letter-spacing:-.25px;border-radius:8px;min-height:59px;font-size:clamp(10px,2.75vw,13px)}.pitch-response{gap:8px;min-height:103px;margin-top:13px}.response-copy{font-size:11px}.response-copy>span{font-size:10px}.button{min-height:48px;font-size:12px}.swing{width:100%}.game-footnote{padding:4px 14px;font-size:9px}.game-footnote .icon{width:14px;height:14px}.game-footnote .text-button{font-size:9px}.quick-guide{grid-template-columns:1fr;gap:16px;margin:24px 4px}.quick-guide>div{align-items:center;gap:12px}.quick-guide h3{margin-bottom:2px;font-size:11px}.quick-guide p{font-size:10px}.site-footer{flex-wrap:wrap;font-size:9px}.recap{padding:12px 16px 22px}.recap-stats{margin:24px auto}.recap-stats strong{font-size:25px}.recap-stats span{font-size:9px}.recap-buttons .button{width:100%}.loading-surface{min-height:380px;padding:36px 20px}.loading-surface h2{font-size:24px}.loading-surface>p{font-size:12px}.loading-buttons .button{width:100%}.fallback-note,.date-notice{font-size:10px}.date-notice{gap:10px}.rules-dialog{padding:18px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}