:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{margin:0;padding:0}*{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{color:#1a1a1a;background:#95c69a}.stage{background:linear-gradient(#9bcfa0 0%,#88b990 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.band{flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.band--top{justify-content:flex-end}.band--bottom{flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:8px 12px 12px}.field-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px;display:flex}.field-wrap{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#a8d5aa;border-radius:10px;width:min(100%,100vh - 220px);max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden;box-shadow:0 8px 28px #0000002e}.field-svg{pointer-events:none;width:100%;height:100%;display:block}.icon:active{cursor:grabbing}.scoreboard{-webkit-backdrop-filter:blur(6px);color:#f3ecd6;-webkit-user-select:none;user-select:none;background:#22262eeb;border-radius:8px;align-items:stretch;gap:10px;padding:8px 14px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.1;display:flex;box-shadow:0 4px 18px #00000040}.sb__divider{background:#ffffff29;width:1px;margin:2px}.sb__teams{flex-direction:column;justify-content:space-between;gap:4px;min-width:78px;display:flex}.sb__team-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sb__team-name{letter-spacing:.06em;color:#c9c2ad;font-size:12px;font-weight:700}.sb__team-score{color:#f7e9b8;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.sb__inning{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:32px;display:flex}.sb__inning-arrow{color:#e7c64a;font-size:11px;line-height:1}.sb__inning-num{color:#f3ecd6;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.sb__inning-num sup{color:#c9c2ad;margin-left:1px;font-size:9px}.sb__count{flex-direction:column;justify-content:center;gap:3px;display:flex}.sb__count-row{align-items:center;gap:6px;display:flex}.sb__count-label{color:#c9c2ad;letter-spacing:.04em;width:10px;font-size:11px;font-weight:700}.sb__dots{gap:3px;display:inline-flex}.sb__dot{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;width:8px;height:8px}.scenario-card{-webkit-backdrop-filter:blur(6px);color:#2a2620;background:#fffbf0f5;border-left:4px solid #c9a23b;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.35;box-shadow:0 4px 14px #00000026}.scenario-card--empty{color:#6e6a60;text-align:center;border-left-color:#c4c0b1}.scenario-card__headline{color:#1f1c17;font-size:15px;font-weight:600}.scenario-card__note{color:#4a4438;margin-top:6px;font-size:13px}.controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{color:#2a2620;cursor:pointer;background:#fffbf0f5;border:1px solid #00000014;border-radius:6px;min-height:38px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .1s,transform 80ms,opacity .1s;box-shadow:0 2px 6px #0000001f}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#2a2206;background:#d6b34a;border-color:#b89530;font-weight:600}.btn--primary:hover:not(:disabled){background:#e1be57}.btn--ghost{color:#2a2620;box-shadow:none;background:0 0;border-color:#0000002e}.btn--ghost:hover:not(:disabled){background:#ffffff80}@media (width<=540px){.band{padding:6px 8px}.band--top{justify-content:center}.scoreboard{padding:6px 10px;font-size:12px}.sb__team-score{font-size:16px}.controls .btn{padding:8px 12px;font-size:13px}.field-wrap{width:min(100%,100vh - 200px)}}