:root{--bg:#1a2b3c;--surface:#24374b;--text:#f0ede6;--muted:#9fb0c0;--accent:#e8563f;--accent-contrast:#f0ede6;--error:#e8563f;--fam-fastball:#e8563f;--fam-breaking:#5b9bd0;--fam-change:#9fb0c0;--hairline:#f0ede61f;--scrim:#0d17228c;--mono:ui-monospace, "SF Mono", "IBM Plex Mono", Menlo, monospace;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,sans-serif}.page{max-width:480px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));margin:0 auto}.page-center{text-align:center;flex-direction:column;justify-content:center;gap:24px;min-height:100dvh;display:flex}h1{margin:0;font-size:1.3rem}.row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}input,select,button,.button{font:inherit;border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid #3a4f65;padding:12px}button,.button{background:var(--accent);color:var(--accent-contrast);text-align:center;cursor:pointer;border:none;font-weight:600;text-decoration:none}.button.ghost{background:var(--surface);color:var(--text)}.swatch-row{align-items:center;gap:12px;display:flex}.swatch-row input[type=color]{width:56px;height:40px;padding:2px}.cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{border-radius:var(--radius);background:var(--surface);color:var(--text);padding:14px;text-decoration:none;display:block}.card-row{align-items:stretch;gap:8px;display:flex}.card-row .card{flex:1}.card-delete{flex:none;padding:0 14px}.badge{background:var(--accent);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.7rem}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.hint{color:var(--muted);margin:0;font-style:italic}.placeholder{border-radius:var(--radius);text-align:center;border:2px dashed #3a4f65;margin-top:32px;padding:48px 16px}.small{font-size:.8rem}.header-actions{gap:8px;display:flex}.settings-section{border:1px solid var(--hairline);background:#00000026;border-radius:14px;margin-bottom:20px;padding:16px}.settings-section h2{margin:0 0 2px;font-size:1.05rem}fieldset{border:none;margin:16px 0 0;padding:0}legend{color:var(--muted);font-size:.72rem;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;padding:0}.choice{color:var(--text);flex-direction:row;align-items:center;gap:10px;padding:8px 0}.choice input{flex:none;width:auto}.pitcher-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:10px;margin-top:12px;padding:14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.center{justify-content:center}.chip{background:var(--bg);color:var(--text);cursor:pointer;border:1px solid #3a4f65;border-radius:999px;padding:8px 10px;font-size:.85rem}.chip-on{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.chip-on .muted{color:var(--accent-contrast);opacity:.85}.help-fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:var(--accent);width:44px;height:44px;color:var(--accent-contrast);z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex;position:fixed;box-shadow:0 2px 10px #0006}.help-steps{flex-direction:column;gap:10px;margin:0 0 10px;padding-left:20px;display:flex}.help-steps li{padding-left:4px}.entry{max-width:480px;min-height:100dvh;padding-bottom:max(10px, env(safe-area-inset-bottom));touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;margin:0 auto;display:flex}.entry button{touch-action:manipulation}.status-strip{background:var(--surface);height:56px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #0006;align-items:stretch;display:flex}.strip-back{width:36px;color:var(--muted);justify-content:center;align-items:center;font-size:22px;text-decoration:none;display:flex}.strip-cell{color:var(--text);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;display:flex;position:relative}.strip-label{font-family:var(--mono);letter-spacing:1.2px;color:var(--muted);font-size:8px}.strip-value{font-size:21px;font-weight:600;line-height:1}.strip-sub{color:var(--muted);font-size:13px}.strip-tap{background:#9fb0c073;border-radius:50%;width:3px;height:3px;margin-top:1px}.outs-dots{gap:5px;display:flex}.outs-dots i{background:#9fb0c059;border-radius:50%;width:12px;height:12px}.outs-dots i.on{background:var(--accent)}.relief-hint{border:1px dashed var(--hairline);color:var(--muted);border-radius:var(--radius);background:0 0;margin:0 10px;padding:8px;font-size:.85rem}.zone-row{flex:1;align-items:stretch;gap:6px;min-height:0;padding:0 10px;display:flex}.zone-wrap{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.zone-surface{aspect-ratio:5/6;background:radial-gradient(120% 90% at 50% 42%, var(--surface) 0%, var(--bg) 70%);touch-action:none;border-radius:12px;max-width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}.zone-box{border:2px solid #f0ede6cc;border-radius:2px;position:absolute}.zone-box:before{content:"";border:1px dashed #9fb0c059;border-radius:8px;position:absolute;inset:-18px}.zone-grid{background:#f0ede61f;position:absolute}.zone-grid.v{width:1px;top:0;bottom:0}.zone-grid.h{height:1px;left:0;right:0}.home-plate{transform-origin:50%;height:auto;transition:transform .4s;position:absolute}.pitch-marker{width:26px;height:26px;font-family:var(--mono);color:#1a2b3c;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker-type{color:var(--muted);white-space:nowrap;margin-top:1px;font-size:8px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.pitch-marker.current{width:29px;height:29px;animation:.18s ease-out pop;box-shadow:0 0 0 2.5px #f0ede6,0 0 10px 2px #fff6}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.7)}}.target-marker{border:2px dashed var(--accent);pointer-events:none;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.target-marker:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.miss-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zone-legend{font-family:var(--mono);gap:8px;font-size:9px;display:flex;position:absolute;bottom:4px;right:6px}.target-banner{color:var(--accent);font-family:var(--mono);letter-spacing:1px;text-align:center;background:#e8563f29;border-radius:6px;margin:6px 0 0;padding:6px 10px;font-size:11px}.pitch-row{gap:5px;padding:0 10px;display:flex}.pitch-rail{flex-direction:column;gap:5px;width:84px;display:flex}.pt-btn{background:var(--surface);min-height:52px;color:var(--text);border:1px solid var(--hairline);border-radius:var(--radius);flex:1;font-size:19px;font-weight:700}.pt-btn.fam-fastball{border-color:#e8563f66}.pt-btn.fam-breaking{border-color:#5b9bd066}.pt-btn.fam-change{border-color:#9fb0c066}.pt-btn.on.fam-fastball{background:var(--fam-fastball);color:#fff;border-color:#0000}.pt-btn.on.fam-breaking{background:var(--fam-breaking);color:#fff;border-color:#0000}.pt-btn.on.fam-change{background:var(--fam-change);color:#1a2b3c;border-color:#0000}.result-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 10px;display:grid}.result-btn{background:var(--surface);min-height:64px;color:var(--text);border:1px solid var(--hairline);border-radius:var(--radius);font-size:15px;font-weight:600}.result-btn.inplay{border-color:#e8563f8c}.result-btn:disabled{opacity:.4}.undo-row{align-items:center;gap:12px;padding:4px 10px 0;display:flex}.undo-btn{border:1.5px solid var(--accent);min-width:128px;height:54px;color:var(--accent);border-radius:var(--radius);background:0 0;font-weight:700}.undo-btn:disabled{opacity:.4}.sync-indicator{font-family:var(--mono);margin-left:auto;font-size:10px}.end-outing-btn{text-align:center;margin:10px 10px 60px;font-size:.85rem;display:block}.summary-stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.summary-stat{background:var(--surface);border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.summary-stat-value{font-size:1.3rem;font-weight:700}.summary-stat-label{color:var(--muted);letter-spacing:.5px;font-size:.7rem}.summary-section{margin-bottom:12px}.summary-section h2{margin:0 0 8px;font-size:.95rem}.summary-velo-line{margin:0}.summary-mix-list,.summary-batters-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.summary-mix-list li,.summary-batters-list li{justify-content:space-between;display:flex}.summary-mix-label{font-weight:600}.hand-btn{border:1px solid var(--hairline);color:var(--muted);white-space:nowrap;z-index:3;background:#0d17228c;border-radius:8px;padding:8px 10px;font-size:34px;font-weight:700;position:absolute;transform:translateY(-50%)}.hand-btn.left{left:6px}.hand-btn.right{right:6px}.hand-label-short{display:none}.hand-label-long{display:inline}@media (width<=480px){.hand-label-short{display:inline}.hand-label-long{display:none}}.hand-btn.on{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.hand-btn:disabled{opacity:.5;pointer-events:none}.hand-btn.flash{animation:1s ease-in-out infinite hand-flash}@keyframes hand-flash{0%,to{border-color:var(--hairline);background:#0d17228c}50%{background:var(--accent);border-color:#0000}}.zone-view-label{z-index:3;border:1px solid var(--hairline);font-family:var(--mono);letter-spacing:1px;color:var(--muted);background:#0d17228c;border-radius:6px;padding:4px 8px;font-size:9px;position:absolute;bottom:4px;left:6px}.mph-pad{background:var(--surface);border-radius:var(--radius);flex-direction:column;align-self:center;gap:4px;width:112px;padding:5px;display:flex}.mph-pad.disabled{opacity:.5}.mph-pad-label{font-family:var(--mono);letter-spacing:1px;color:var(--muted);text-align:center;font-size:9px}.mph-pad-readout{font-family:var(--mono);text-align:center;color:var(--text);min-height:26px;font-size:22px;font-weight:700}.mph-cols{align-items:flex-start;gap:4px;display:flex}.mph-tens{flex-direction:column;flex:1;gap:4px;display:flex}.mph-ones{flex:2;grid-template-columns:1fr 1fr;gap:4px;display:grid}.mph-cell{background:var(--bg);color:var(--text);border:1px solid var(--hairline);border-radius:6px;padding:0;font-size:15px;font-weight:600}.mph-cell.on{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.mph-cell:disabled{opacity:.4}.mph-pad .mph-cell{aspect-ratio:1}.mph-bottom{padding:0 10px}.mph-strip{flex-direction:column;gap:5px;display:flex}.mph-strip.disabled{opacity:.5}.mph-strip-row{gap:5px;display:flex}.mph-strip .mph-cell{flex:1;min-height:46px;font-size:16px}.mph-strip-readout{font-family:var(--mono);color:var(--text);flex-direction:column;flex:0 0 62px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.mph-strip-readout small{color:var(--muted);letter-spacing:1px;font-size:8px}.scrim{background:var(--scrim);z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-top:1px solid var(--hairline);width:100%;max-width:480px;padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheet-head h2{margin:0;font-size:19px}.sheet-x{width:44px;height:40px;color:var(--muted);background:0 0;border:none;font-size:18px}.inplay-group{border-top:1px solid var(--hairline);padding:8px 0}.inplay-group:first-of-type{border-top:none}.inplay-group-label{font-family:var(--mono);color:var(--muted);letter-spacing:1px;font-size:10px}.inplay-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:6px;display:grid}.inplay-group.other .inplay-grid{grid-template-columns:repeat(3,1fr)}.inplay-btn{background:var(--bg);min-height:52px;color:var(--text);border:1px solid var(--hairline);border-radius:var(--radius);font-size:15px}.inplay-group.hits .inplay-btn{border-color:#e8563f66}.inplay-group.other .inplay-btn{color:var(--muted)}.card-sheet{border:1px solid #f0ede629;border-radius:14px;flex-direction:column;align-self:center;gap:14px;margin-top:auto;margin-bottom:auto;display:flex;box-shadow:0 16px 40px #00000073}.scrim:has(.card-sheet){align-items:center}.field-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field-label{font-family:var(--mono);color:var(--muted);letter-spacing:1px;width:56px;font-size:11px}.stepper,.mini-stepper{align-items:center;gap:8px;display:flex}.step{background:var(--bg);width:48px;height:48px;color:var(--text);border:1px solid var(--hairline);border-radius:var(--radius);font-size:22px}.step-value{text-align:center;min-width:44px;font-size:24px;font-weight:700}.segmented,.hand-toggle{gap:5px;display:flex}.seg{background:var(--bg);min-width:48px;height:48px;color:var(--text);border:1px solid var(--hairline);border-radius:var(--radius);letter-spacing:2px;padding:0 10px;font-size:14px}.seg.on{background:var(--accent);color:var(--accent-contrast);letter-spacing:2px;border-color:#0000}.count-steppers{gap:14px;display:flex}.mini-stepper .step-value{min-width:34px;font-size:18px}.apply-btn{background:var(--accent);width:100%;height:56px;color:var(--accent-contrast);border-radius:var(--radius);border:none;font-size:17px;font-weight:700}