:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#173c78;background:#a5c4d6;font-synthesis:none;font-weight:500;font-size:14px;--blue:#2459d3;--deep:#163b83;--orange:#ff753d;--white:#f6f8ff}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline:3px solid #ffd260;outline-offset:4px}button:disabled{cursor:default}#app{position:relative;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;pointer-events:none}#overlay button,#overlay .aim-pad{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;inset:0;pointer-events:auto}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,40,73,.22),transparent 24%,transparent 70%,rgba(11,35,65,.23))}.title-screen{background:linear-gradient(90deg,rgba(231,240,246,.97) 0%,rgba(231,240,246,.94) 28%,rgba(231,240,246,.55) 48%,transparent 70%);display:flex;align-items:center;padding:40px max(6%,env(safe-area-inset-left))}.title-copy{position:relative;margin-top:-6px}.club-mark{font-size:12px;font-weight:800;display:flex;gap:9px;align-items:center}.club-mark i{width:14px;height:14px;background:var(--orange);border-radius:50%;box-shadow:inset -3px -3px #d55023}h1{font:900 clamp(62px,10vw,146px)/.79 "Arial Black",Impact,sans-serif;letter-spacing:-.075em;font-style:italic;margin:22px 0 24px;transform:translate(-6px);color:var(--deep);text-shadow:2px 3px 0 rgba(255,255,255,.55)}h1 span{font-size:.6em;letter-spacing:-.055em}.tagline{font-size:clamp(23px,3.8vw,44px);font-weight:900;line-height:1.3;letter-spacing:.06em;margin:0 0 14px}.title-sub{font-size:12px;line-height:1.8;margin:0 0 24px;color:#47627e}.title-actions{display:flex;gap:20px;align-items:center}.primary{background:var(--blue);color:#fff;padding:17px 25px;border-radius:7px;font-weight:800;font-size:14px;box-shadow:0 4px #173e93;display:flex;justify-content:center;gap:28px;align-items:center;min-height:50px;transition:transform .15s}.primary:hover{background:#1a4fc8}.primary:active{transform:translateY(3px);box-shadow:0 1px #173e93}.primary span{font-size:13px}.text-button{background:transparent;text-decoration:underline;text-underline-offset:5px;color:#365986;padding:12px 7px;font-size:12px;font-weight:700}.title-foot{font-size:10px;letter-spacing:.07em;margin:18px 0 0;color:#6b7c90}.title-stamp{position:absolute;right:7%;bottom:13%;transform:rotate(-7deg);color:#173c78;text-align:right}.title-stamp b{font-size:clamp(16px,2.4vw,30px);line-height:1.4}.title-stamp span{display:block;font:800 11px Arial;letter-spacing:.15em;margin-top:10px}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.scoreboard{display:flex;gap:0;align-items:stretch;background:#f4f8faf2;border-radius:9px;box-shadow:0 3px 15px #173d6f14;overflow:hidden}.inning{background:var(--deep);color:#fff;padding:10px 16px;font-size:16px;font-weight:900;min-width:90px;display:flex;flex-direction:column;justify-content:center}.inning span{font-size:9px;font-weight:500;opacity:.8;margin-top:4px}.team{font:700 10px Arial;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:57px;padding:6px 14px;color:#6d7d92}.team strong{font:900 27px Arial;line-height:1.05;color:var(--deep)}.player-team,.player-team strong{color:var(--blue)}.count-grid{padding:10px 13px;display:grid;gap:4px;align-content:center;border-left:1px solid #dfe6ed}.count-grid span{display:flex;gap:8px;align-items:center;font:800 9px Arial;line-height:1}.count-grid i{display:flex;gap:5px}.count-grid b{display:inline-block;width:7px;height:7px;border-radius:100%;background:#dce3ec}.count-grid #balls .lit{background:#3cab90}.count-grid #strikes .lit{background:#edbc3b}.count-grid #outs .lit{background:var(--orange)}.bases{position:relative;width:64px;min-height:63px;margin:0 5px}.bases i{position:absolute;width:12px;height:12px;transform:rotate(45deg);background:#d9e2ec;border:1.5px solid #b7c7d9}.bases #base-1{left:40px;top:30px}.bases #base-2{left:26px;top:16px}.bases #base-3{left:12px;top:30px}.bases i.occupied{background:var(--orange);border-color:#eb6332}.hud-tools{display:flex;gap:8px}.icon-button{width:38px;height:38px;background:#f7faffec;color:var(--deep);font-weight:800;font-size:16px;border-radius:50%}.live-status{position:absolute;top:92px;left:max(22px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;text-shadow:0 1px 3px #0b2543;color:#fff}.live-status>span:first-child{font-weight:800;font-size:12px}.live-status>span:last-child{font-size:10px;opacity:.88}.controls{position:absolute;inset:0;pointer-events:none;touch-action:none}.left-controls{position:absolute;bottom:max(48px,calc(env(safe-area-inset-bottom) + 26px));left:max(30px,calc(env(safe-area-inset-left) + 12px));display:flex;align-items:center;flex-direction:column;gap:9px}.aim-pad{position:relative;width:144px;height:125px;border:1px solid #f6fbff85;border-radius:23px;background:#14396c38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 20px #ffffff09}.aim-pad.dragging{border-color:#ffda6f;background:#173c7869}.pad-grid{position:absolute;inset:22px 24px;background:linear-gradient(90deg,transparent 49.5%,#f5faff3a 49.5%,#f5faff3a 50.5%,transparent 50.5%),linear-gradient(transparent 49.5%,#f5faff3a 49.5%,#f5faff3a 50.5%,transparent 50.5%);border:1px solid #f5faff38;border-radius:3px}#pad-dot{position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);width:18px;height:18px;border:2px solid #ffe290;border-radius:50%;background:#ffe29022;pointer-events:none}.pad-label{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:9px;color:#f2f7ff;letter-spacing:.06em}.aim-values{color:#f9fbff;font-size:9px;text-shadow:0 1px 4px #0a2649}.right-controls{position:absolute;right:max(34px,calc(env(safe-area-inset-right) + 16px));bottom:max(53px,calc(env(safe-area-inset-bottom) + 30px));display:flex;align-items:center;gap:16px}.action-button{width:128px;height:128px;background:var(--orange);color:#fff;border:4px solid #ffcc8b;border-radius:50%;box-shadow:0 5px #ba4527,0 9px 25px #15305d33;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .15s,transform .1s}.action-button #action-icon{font:900 36px Arial;line-height:.85;margin-bottom:10px}.action-button b{font-size:17px;font-weight:900}.action-button small{font-size:8px;margin-top:8px}.action-button.pressing{transform:translateY(4px);box-shadow:0 1px #ba4527}.action-button:disabled{opacity:.44;filter:saturate(.4)}.pitch-action{background:var(--blue);border-color:#a9c6ff;box-shadow:0 5px #173b88,0 9px 25px #15305d33}.pitch-select{display:flex;flex-direction:column;gap:6px;align-items:stretch}.pitch-chip{padding:9px 12px;border-radius:6px;background:#eff5ffdf;color:#234a89;font-size:10px;font-weight:800;white-space:nowrap}.pitch-chip span{opacity:.45;margin-right:9px;font:700 10px Arial}.pitch-chip.selected{background:#244fbd;color:#fff;box-shadow:inset 3px 0 #ffcd67}.pitch-chip:disabled{opacity:.65}.callout{position:absolute;top:27%;left:50%;transform:translate(-50%,12px) scale(.96);opacity:0;display:flex;flex-direction:column;text-align:center;color:#fff;pointer-events:none;transition:opacity .12s,transform .2s;width:80%;filter:drop-shadow(0 2px 5px #112f63a8)}.callout.visible{opacity:1;transform:translate(-50%) scale(1)}.callout b{font:900 clamp(26px,5vw,65px)/1.05 "Arial Black","Yu Gothic",sans-serif;font-style:italic;letter-spacing:-.03em}.callout span{font-size:12px;margin-top:9px;font-weight:700}.callout.perfect b{color:#ffe18a}.callout.homer b{color:#ffe18a;font-size:clamp(34px,6vw,80px)}.timing{position:absolute;bottom:max(40px,calc(env(safe-area-inset-bottom) + 25px));left:50%;width:155px;transform:translate(-50%);color:#fff;text-align:center;font-size:8px;text-shadow:0 1px 4px #193b64}.timing>div{height:5px;background:#17396988;position:relative;margin-top:7px;border-radius:5px}.timing b{position:absolute;left:77%;width:16%;top:0;bottom:0;background:#ffe08b99}.timing i{position:absolute;width:5px;height:13px;top:-4px;border-radius:2px;background:#fff;z-index:1}.modal-screen{display:flex;align-items:center;justify-content:center;background:#102c599c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:20px}.modal{position:relative;background:#f5f8fc;color:var(--deep);padding:35px;border-radius:14px;max-width:660px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 15px 65px #0d285544}.modal h2{font-weight:900;font-size:28px;letter-spacing:-.04em;margin:12px 0 25px}.modal-kicker{font:700 10px Arial;letter-spacing:.15em;color:#778ba6}.close-button{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#e6edf5;color:#335987;border-radius:50%;font-size:22px}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.help-columns b{font-size:15px}.help-columns p{font-size:12px;line-height:1.9}.help-columns small{font-size:10px;line-height:1.8;color:#5d7696;display:block}.rules-note{font-size:10px;color:#66809d;line-height:1.9;border-top:1px solid #dce5ef;margin-top:23px;padding-top:15px}.keyboard-note{font-size:10px;line-height:1.8;color:#66809d}.help-modal .primary{margin-top:20px;min-width:180px}.compact{min-width:300px;text-align:center}.compact .primary,.compact .secondary{width:100%;margin:14px 0}.secondary{padding:13px;color:var(--blue);background:#e2ebfa;border-radius:6px;font-size:12px}.result-modal{text-align:center;min-width:350px;padding:35px 50px}.result-modal h2{font-size:38px;margin:15px 0}.final-score{display:flex;justify-content:center;align-items:center;gap:28px;margin:20px 0}.final-score div{display:flex;flex-direction:column;gap:8px}.final-score span{font:700 11px Arial;color:#60779a}.final-score b{font:900 64px/1 Arial;color:var(--blue)}.final-score div:last-child b{color:#4d6380}.final-score i{font:300 24px Arial;color:#aab9cc}.result-modal p{font-size:11px;color:#71839c;margin:25px 0}.result-modal .primary{width:100%;margin:20px 0 10px}.global-footer{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#e1eaf5;pointer-events:none}.sound-button{background:#e9f1fbdc;color:var(--deep);border-radius:16px;padding:7px 12px;font-size:9px;margin-left:auto;pointer-events:auto}.rotate-hint{display:none;color:#47627e;text-shadow:0 1px 3px #f4f8ff}.error-screen{display:flex;align-items:center;justify-content:center;background:#163b83;padding:25px;z-index:100}.error-screen p{line-height:1.8;font-size:13px}.error-screen .primary{margin-top:20px}@media(max-height:600px)and (min-width:650px){.title-screen{padding-top:20px;padding-bottom:20px}.club-mark{font-size:10px}h1{font-size:clamp(65px,10vw,110px);margin:15px 0}.tagline{font-size:27px;margin:0 0 9px}.tagline br{display:none}.title-sub{font-size:10px;margin-bottom:16px}.title-foot{margin-top:12px;font-size:9px}.primary{padding:12px 20px;min-height:43px}.title-stamp{bottom:15%}.aim-pad{width:127px;height:111px}.left-controls{bottom:max(38px,calc(env(safe-area-inset-bottom) + 20px))}.right-controls{bottom:max(45px,calc(env(safe-area-inset-bottom) + 26px))}.action-button{width:111px;height:111px}.action-button b{font-size:15px}.action-button small{font-size:7px}.action-button #action-icon{font-size:28px}.hud{top:max(9px,env(safe-area-inset-top))}.inning{font-size:14px;padding:8px 13px;min-width:80px}.team{min-width:49px}.team strong{font-size:23px}.bases{min-height:58px}.live-status{top:78px}.modal{padding:25px;max-height:calc(100dvh - 28px)}.modal h2{font-size:23px;margin:10px 0 18px}.rules-note{margin-top:15px;padding-top:10px}.help-columns p{margin:8px 0;font-size:11px}.help-modal .primary{margin-top:12px}.final-score b{font-size:48px}.final-score,.result-modal p{margin:15px 0}}@media(orientation:portrait){.title-screen{align-items:flex-start;padding:10vh 8%;background:linear-gradient(180deg,#e7f0f6f5,#e7f0f6d4 43%,#e7f0f622 70%)}h1{font-size:24vw}.tagline{font-size:30px}.tagline br{display:none}.title-sub{font-size:11px}.title-actions{gap:12px}.title-stamp{bottom:16%;right:8%}.title-stamp b{font-size:22px}.rotate-hint{display:block}.scoreboard{max-width:calc(100vw - 80px)}.hud{left:10px;right:10px;gap:8px}.inning{min-width:67px;padding:8px 10px;font-size:13px}.inning span{font-size:8px}.team{min-width:40px;padding:7px 9px}.team strong{font-size:22px}.count-grid{padding:7px 9px;gap:4px}.count-grid span{gap:5px}.count-grid i{gap:3px}.count-grid b{width:6px;height:6px}.bases{width:42px;margin:0 4px;min-height:58px;transform:scale(.8);transform-origin:left center}.bases #base-1{left:32px}.bases #base-2{left:18px}.bases #base-3{left:4px}.hud-tools{flex-direction:column;gap:6px}.icon-button{width:29px;height:29px;font-size:13px}.live-status{top:86px;left:14px;flex-direction:column;align-items:flex-start;gap:5px}.live-status>span:last-child{max-width:240px}.left-controls{left:18px;bottom:max(68px,calc(env(safe-area-inset-bottom) + 45px))}.aim-pad{width:128px;height:125px}.right-controls{right:18px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 55px));flex-direction:column;gap:13px}.action-button{width:118px;height:118px}.pitch-select{gap:4px;width:118px}.pitch-chip{padding:8px 9px;font-size:9px}.timing{bottom:48px;width:110px}.callout{top:31%;width:95%}.callout b{font-size:34px}.callout span{font-size:10px}.help-columns{grid-template-columns:1fr;gap:20px}.modal{padding:28px 24px;max-height:calc(100dvh - 40px)}.modal h2{font-size:23px}.result-modal{min-width:0;width:100%;padding:32px 30px}.result-modal h2{font-size:34px}.global-footer{left:15px;right:15px;bottom:max(12px,env(safe-area-inset-bottom))}.rotate-hint{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}