:root{color:#1a1a1a;-webkit-text-size-adjust:100%;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px 96px}h1{margin:8px 0 16px;font-size:1.4rem}.tab-bar{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #ddd;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:#666;background:0 0;border:none;flex:1;padding:14px 4px;font-size:.95rem}.tab.active{color:#000;font-weight:700}.period-switch{gap:8px;margin-bottom:12px;display:flex}.period-switch button{background:#fff;border:1px solid #bbb;border-radius:8px;flex:1;padding:8px 4px;font-size:.9rem}.period-switch button.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.sample-size{color:#555;font-size:.9rem}.metrics{border-collapse:collapse;background:#fff;width:100%}.metrics th,.metrics td{text-align:left;border-bottom:1px solid #eee;padding:10px 8px}.metrics th{font-weight:400}.metrics .value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:1.2rem;font-weight:700}.metrics .detail{color:#777;font-size:.8rem}.profile{grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.profile dd{margin:0}.folder-list{margin:0;padding:0;list-style:none}.folder-list li{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:12px;display:flex}.placeholder{color:#777;font-size:.9rem}:root{--turf:#2d6b3a;--turf-stripe:#2a6536;--dirt:#b4512f;--chalk:#fff;--card:#fbf8f2;--board:#10291a;--board-edge:#143820;--foul-pole:#f2c230;--board-muted:#ffffff9e;--board-faint:#ffffff24;--font-number:"Barlow Condensed", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", -apple-system, "Hiragino Sans", sans-serif}.tab-bar{background:var(--board);border-top:1px solid var(--board-edge)}.tab{color:var(--board-muted);font-family:var(--font-body)}.tab.active{color:var(--chalk);box-shadow:inset 0 3px 0 var(--dirt)}.app.ballpark{background:repeating-linear-gradient(180deg, var(--turf) 0 64px, var(--turf-stripe) 64px 128px);color:var(--chalk);font-family:var(--font-body)}.analysis-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.role-switch{background:var(--board);border:1px solid var(--board-edge);border-radius:999px;padding:3px;display:flex}.role-switch button{color:var(--board-muted);font-family:var(--font-body);background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:.9rem}.role-switch button.active{background:var(--dirt);color:var(--chalk);font-weight:700}.analysis-header h1{margin:0;font-size:1.5rem}.eyebrow{font-family:var(--font-number);letter-spacing:.18em;color:var(--board-muted);margin:0;font-size:.85rem;font-weight:600}.ballpark .period-switch button{color:var(--chalk);font-family:var(--font-body);background:0 0;border:1px solid #ffffff80}.ballpark .period-switch button.active{background:var(--chalk);color:var(--board);border-color:var(--chalk);font-weight:700}.scoreboard{background:var(--board-edge);border:2px solid var(--board-edge);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden;box-shadow:0 6px 18px #0000004d}.scoreboard-cell{background:var(--board);text-align:center;flex-direction:column;align-items:center;padding:12px 4px 10px;display:flex}.scoreboard-label{color:var(--board-muted);align-items:center;min-height:2.6em;font-size:.72rem;line-height:1.3;display:flex}.scoreboard-value{font-family:var(--font-number);color:var(--chalk);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1}.scoreboard-detail{font-family:var(--font-number);color:var(--board-muted);margin-top:4px;font-size:.85rem}.ballpark .sample-size{color:#ffffffd9;margin:8px 2px 16px;font-size:.8rem}.panel{background:var(--board);border:1px solid var(--board-edge);border-radius:10px;margin-bottom:16px;padding:14px}.panel h2,.panel h3{margin:0 0 10px;font-size:.95rem;font-weight:700}.panel h3{font-family:var(--font-number);margin-top:14px;font-size:1.1rem}.panel-sub{font-family:var(--font-body);color:var(--board-muted);margin-left:8px;font-size:.75rem;font-weight:400}.stat-table{border-collapse:collapse;width:100%}.stat-table th,.stat-table td{border-bottom:1px solid var(--board-faint);text-align:left;padding:8px 4px}.stat-table tr:last-child th,.stat-table tr:last-child td{border-bottom:none}.stat-table th{font-size:.9rem;font-weight:400}.stat-value{font-family:var(--font-number);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.5rem;font-weight:700;text-align:right!important}.stat-detail{width:30%;font-family:var(--font-number);color:var(--board-muted);white-space:nowrap;font-size:.85rem;padding-left:12px!important}.chart{margin:0}.chart svg{width:100%;height:auto;display:block}.chart-readout{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.chart-readout-date,.chart-readout-detail{font-family:var(--font-number);color:var(--board-muted);font-size:.9rem}.chart-readout-value{font-family:var(--font-number);font-size:1.6rem;font-weight:700}.chart-grid{stroke:var(--board-faint);stroke-width:1px}.chart-axis{fill:var(--board-muted);font-family:var(--font-number);font-size:10px}.chart-target{stroke:var(--foul-pole);stroke-width:1.5px;stroke-dasharray:4 4}.chart-target-label{fill:var(--foul-pole);font-family:var(--font-body);font-size:10px}.chart-line{fill:none;stroke:var(--chalk);stroke-width:2px;stroke-linejoin:round}.chart-dot{fill:var(--board);stroke:var(--chalk);stroke-width:2px}.chart-dot.active{fill:var(--chalk)}.chart-empty{color:var(--board-muted);font-size:.85rem}.pitch-legend{color:var(--board-muted);flex-wrap:wrap;gap:4px 14px;margin:0 0 4px;padding:0;font-size:.8rem;list-style:none;display:flex}.pitch-legend li{align-items:center;gap:6px;display:flex}.pitch-sequence{margin:0;padding:0;list-style:none}.pitch-row{border-bottom:1px solid var(--board-faint);grid-template-columns:2.4em 1fr auto;align-items:center;gap:8px;padding:5px 0;display:grid}.pitch-row:last-child{border-bottom:none}.pitch-row-label{font-family:var(--font-number);color:var(--board-muted);text-align:right}.pitch-row-dots{flex-wrap:wrap;gap:3px;display:flex}.pitch-dot{border:2px solid var(--board);width:22px;height:22px;color:var(--board);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.pitch-legend .pitch-dot{width:18px;height:18px;font-size:.6rem}.pitch-row-result{color:var(--board-muted);white-space:nowrap;font-size:.8rem}@media (width>=640px){.scoreboard-value{font-size:3.4rem}.scoreboard-label{font-size:.85rem}}.signin{min-height:100vh;color:var(--chalk);font-family:var(--font-body);background:repeating-linear-gradient(180deg, var(--turf) 0 64px, var(--turf-stripe) 64px 128px);padding:64px max(20px,50% - 210px) 32px}.signin h1{margin:4px 0 8px;font-size:2rem}.signin-lead{color:#ffffffd9;margin:0 0 32px}.signin-button{background:var(--chalk);width:100%;color:var(--board);border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700}.signin-error{background:var(--board);color:var(--foul-pole);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:.9rem}.signin-note{background:var(--board);color:var(--board-muted);border-radius:10px;margin:24px 0;padding:12px 14px;font-size:.85rem}.signin-note p{margin:0 0 6px}.signin-note p:last-child{margin:0}.signin-sample{width:100%;color:var(--chalk);background:0 0;border:1px solid #ffffff80;border-radius:10px;padding:12px;font-size:.95rem}.status-bar{background:var(--board);color:var(--board-muted);justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-size:.8rem;display:flex}.status-bar.sample,.status-bar.needsSignIn,.status-bar.error{background:var(--foul-pole);color:var(--board);font-weight:700}.status-bar button{background:var(--board);color:var(--chalk);border:none;border-radius:6px;padding:4px 10px;font-size:.8rem}.status-detail{font-weight:400}.profile-form{gap:12px;display:grid}.profile-form label{color:#555;gap:4px;font-size:.85rem;display:grid}.profile-form input{border:1px solid #bbb;border-radius:8px;padding:10px;font-size:1rem}.profile-form-actions{justify-content:flex-end;gap:8px;display:flex}.profile-form-actions button,.edit-button,.account button{background:#fff;border:1px solid #bbb;border-radius:8px;padding:10px 16px;font-size:.95rem}.profile-form-actions .primary{background:var(--board);border-color:var(--board);color:var(--chalk);font-weight:700}.edit-button{margin-top:16px}.account{border-top:1px solid #ddd;margin-top:32px;padding-top:16px}.period-switch button{padding:8px 2px;font-size:.8rem}.game-picker{color:#ffffffd9;align-items:center;gap:10px;margin:-4px 0 12px;font-size:.8rem;display:flex}.game-picker select{background:var(--board);color:var(--chalk);font-family:var(--font-body);border:1px solid #ffffff80;border-radius:8px;flex:1;padding:8px 10px;font-size:1rem}.chart-dot.selected{fill:var(--foul-pole);stroke:var(--foul-pole)}.chart-hit{cursor:pointer}.stat-label{align-items:center;gap:6px;display:inline-flex}.info-tip{width:16px;height:16px;color:var(--board-muted);cursor:pointer;background:0 0;border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;font-weight:700;line-height:1;display:inline-flex;position:relative}.info-tip:after{content:"";position:absolute;inset:-10px}.info-tip[aria-expanded=true]{background:var(--chalk);border-color:var(--chalk);color:var(--board)}.info-popover{z-index:10;border:1px solid var(--board-edge);background:var(--card);color:#1a1a1a;font-family:var(--font-body);text-align:left;border-radius:10px;padding:12px 14px;font-size:.85rem;font-weight:400;line-height:1.55;position:fixed;box-shadow:0 8px 24px #00000059}.info-popover p{margin:0 0 6px}.info-popover p:last-child{margin:0}.info-popover-title{font-weight:700}.info-popover-formula{border-top:1px solid #e3ddd2;padding-top:6px}.info-popover-formula span{background:var(--board);color:var(--chalk);border-radius:4px;margin-right:8px;padding:1px 6px;font-size:.75rem;display:inline-block}.info-popover-benchmark{border-top:1px solid #e3ddd2;margin-top:8px;padding-top:8px}.info-popover-benchmark-title{color:#555;font-size:.8rem}.info-popover-benchmark-title span{background:var(--dirt);color:var(--chalk);border-radius:4px;margin-right:8px;padding:1px 6px;font-size:.75rem;display:inline-block}.info-popover-benchmark dl{gap:4px;margin:6px 0;display:flex}.info-popover-benchmark dl>div{text-align:center;background:#efe9de;border-radius:6px;flex:1;padding:4px 2px}.info-popover-benchmark dt{color:#666;font-size:.7rem}.info-popover-benchmark dd{font-family:var(--font-number);margin:0;font-size:1.05rem;font-weight:700}.info-popover-note{color:#666;font-size:.72rem}