:root{color:#fbfff8;background:#0a0f0e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(12, 17, 16, .78);--panel-strong: rgba(13, 19, 18, .94);--line: rgba(255, 255, 255, .22);--muted: #d2ddd8;--accent: #ffad5f;--cyan: #6be5d8;--danger: #f06b62;--text-strong: #fbfff8;--score-white: #ffffff;--score-yellow: #ffd84f;--score-glow: rgba(107, 229, 216, .34);--edge-gap: 12px;--control-dock-width: 294px}.sim.is-mobile-aiming .mobile-aim-hud{display:none!important}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0a0f0e}button,input,select{font:inherit}button{min-height:38px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:var(--text-strong);background:#ffffff13;cursor:pointer}button:hover:not(:disabled){border-color:#ffffff5c;background:#ffffff24}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.34;filter:saturate(.78)}button:disabled{border-color:#ffffff1f;background:#ffffff06;box-shadow:none}button.primary{border-color:#f4a259d1;color:#1c1510;background:var(--accent);font-weight:800;box-shadow:0 0 0 1px #ffefcd42,0 10px 22px #ffad5f29}input[type=range]{width:100%;accent-color:var(--accent)}#power,#mobile-power{--power-fill: 31%;position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:999px;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.power-meter{--power-fill: 31%;--power-meter-height: 30px;--power-thumb-size: 25px;position:relative;display:block;width:100%;height:var(--power-meter-height);min-width:0;overflow:hidden;border:1px solid rgba(255,227,166,.4);border-radius:999px;background:radial-gradient(circle at 18% 50%,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#ffffff1f,#0000002e),#050808e0;box-shadow:inset 0 2px 5px #000000b8,inset 0 0 0 1px #ffffff14,0 0 0 1px #ffad5f1f,0 0 18px #ffad5f29}.power-meter:before{content:"";position:absolute;z-index:1;left:3px;top:3px;bottom:3px;width:max(8px,calc(var(--power-fill) - 6px));max-width:calc(100% - 6px);border-radius:inherit;background:radial-gradient(circle at 100% 50%,rgba(255,251,204,.98) 0 11%,rgba(255,209,102,.86) 12% 26%,transparent 44%),linear-gradient(110deg,transparent 0 19%,rgba(255,255,255,.46) 21% 25%,transparent 28% 48%,rgba(255,255,255,.28) 50% 54%,transparent 58%),linear-gradient(90deg,#ff633f,#ff9a43 44%,#ffd166 78%,#fff1a8);background-size:100% 100%,58px 100%,100% 100%;box-shadow:inset 0 1px #fff6,inset 0 -2px 4px #7b1c093d,0 0 14px #ff753670,0 0 22px #ffd1662e;animation:power-energy-flow 1.05s linear infinite;transition:width .12s ease-out}.power-meter:after{content:"";position:absolute;z-index:2;left:clamp(12px,var(--power-fill),calc(100% - 12px));top:50%;width:30px;height:30px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,214,.92) 0 16%,rgba(255,203,76,.48) 20% 38%,transparent 66%);filter:blur(.2px);transform:translate(-50%,-50%);box-shadow:0 0 12px #ffeca1b8,0 0 22px #ff87366b;animation:power-flare-pulse .72s ease-in-out infinite alternate}.power-meter-flare{position:absolute;z-index:2;left:clamp(16px,var(--power-fill),calc(100% - 16px));top:50%;width:42px;height:20px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,247,188,.72),transparent),radial-gradient(ellipse at 42% 50%,rgba(255,113,55,.42),transparent 66%);filter:blur(.2px);transform:translate(-50%,-50%) skew(-12deg);opacity:.72;mix-blend-mode:screen;animation:power-flare-streak .52s ease-in-out infinite alternate}#power::-webkit-slider-runnable-track,#mobile-power::-webkit-slider-runnable-track{height:100%;border-radius:999px;background:transparent}#power::-moz-range-track,#mobile-power::-moz-range-track{height:100%;border-radius:999px;background:transparent}#power::-webkit-slider-thumb,#mobile-power::-webkit-slider-thumb{width:var(--power-thumb-size);height:var(--power-thumb-size);margin-top:calc((var(--power-meter-height) - var(--power-thumb-size)) / 2);border:2px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),transparent 24%),radial-gradient(circle,#fff3af 0,#fff3af 18%,#ffad5f 20%,#ffad5f 68%,#c84c28 72%);box-shadow:0 0 0 3px #ffad5f38,0 0 18px #ffd16680,0 5px 12px #00000070;-webkit-appearance:none;-moz-appearance:none;appearance:none}#power::-moz-range-thumb,#mobile-power::-moz-range-thumb{width:var(--power-thumb-size);height:var(--power-thumb-size);border:2px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),transparent 24%),radial-gradient(circle,#fff3af 0,#fff3af 18%,#ffad5f 20%,#ffad5f 68%,#c84c28 72%);box-shadow:0 0 0 3px #ffad5f38,0 0 18px #ffd16680,0 5px 12px #00000070}#power.is-power-feedback,#mobile-power.is-power-feedback{filter:brightness(1.22) saturate(1.22)}.power-meter.is-power-feedback,.power-meter:has(#power.is-power-feedback),.power-meter:has(#mobile-power.is-power-feedback){border-color:#ffeca1c2;box-shadow:inset 0 2px 5px #000000b8,inset 0 0 0 1px #ffffff1f,0 0 0 1px #ffeca13d,0 0 28px #ffad5f57}.power-control-card.is-power-feedback,.mobile-power-pad.is-power-feedback{animation:power-panel-pulse .26s ease-out}input[type=number],select{width:64px;min-height:32px;border:1px solid var(--line);border-radius:8px;color:var(--text-strong);background:#00000057;padding:0 8px}select{width:92px}.sim{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--control-dock-width);grid-template-rows:minmax(0,1fr);gap:var(--edge-gap);width:100%;height:100%;padding:var(--edge-gap);background:#111414}.table-root{position:relative;min-width:0;min-height:0;overflow:hidden}.table-root canvas{display:block;width:100%;height:100%;touch-action:none}.mode-overlay{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 42%,rgba(107,229,216,.1),transparent 36%),#050808b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-overlay[hidden]{display:none}.mode-card{width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:20px;color:#fbfff8;background:linear-gradient(180deg,#121a18f5,#070b0af5),#070b0af5;box-shadow:0 28px 70px #00000080,inset 0 0 0 1px #6be5d81a}.mode-kicker{margin:0 0 4px;color:var(--cyan);font-size:.78rem;font-weight:850}.mode-card h2{font-size:1.6rem}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mode-options[hidden],.practice-skill-panel[hidden],.mode-back[hidden]{display:none!important}.practice-skill-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(107,229,216,.24);border-radius:8px;background:linear-gradient(180deg,#6be5d814,#ffffff06),#ffffff09}.practice-skill-field{display:grid;gap:7px;color:#f9fff8;font-size:.82rem;font-weight:800}.practice-skill-panel select,.practice-skill-stepper input{width:100%}.practice-skill-note,#practice-skill-note{grid-column:1 / -1;margin:0;color:#c8d6d0;font-size:.78rem;line-height:1.35}.mode-option,.start-option{display:grid;gap:8px;min-height:132px;padding:14px;text-align:left;align-content:start;background:linear-gradient(180deg,#ffffff14,#ffffff06),#00000052}.mode-option.is-primary,.start-option.is-primary{border-color:#ffad5fb8}.mode-option strong,.start-option strong{font-size:1.4rem}.mode-option span,.start-option span{color:#d8e2dd;font-size:.86rem;line-height:1.35}.mode-back{min-height:34px;margin-top:12px;border-radius:8px;padding:0 13px;color:#fff7da}.endgame-overlay{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0609096b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.endgame-overlay[hidden]{display:none}.endgame-card{width:min(440px,82vw);border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:26px 28px;text-align:center;color:#fff9df;background:linear-gradient(180deg,#262d2af0,#0e1211f5),#0e1211f0;box-shadow:0 22px 60px #0000007a,inset 0 0 0 1px #f4a25929}.endgame-icon{font-size:3rem;line-height:1}.endgame-card h2{margin-top:10px;font-size:2.2rem;line-height:1}.endgame-card p{margin:12px 0 0;color:#f4f1e8;font-size:1rem;font-weight:750}.endgame-detail{color:var(--muted)!important;font-size:.82rem!important;font-weight:700!important}.endgame-card button{width:min(180px,100%);margin-top:18px}.mobile-shoot,.mobile-new-match,.mobile-path-toggle,.mobile-aim-button,.mobile-power-pad,.mobile-aim-hud,.mobile-thickness-banner{display:none}.sim.is-mobile-aiming .mobile-thickness-banner{position:fixed;z-index:24;left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2);top:max(var(--mobile-safe-top),var(--edge-gap));transform:translate(-50%);display:inline-flex;flex-wrap:nowrap;align-items:center;gap:6px;max-width:calc(100% - var(--control-dock-width) - var(--edge-gap) - 18px);border:1px solid rgba(255,236,161,.56);border-radius:999px;padding:3px 10px;color:#fff7da;background:#070b0ad1;box-shadow:0 7px 14px #0000004d,0 0 16px #ffd3661f;font-size:.62rem;font-weight:850;line-height:1;white-space:nowrap;pointer-events:none}.sim.is-mobile-aiming .mobile-thickness-banner b,.sim.is-mobile-aiming .mobile-thickness-banner span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim.is-mobile-aiming .mobile-thickness-banner b{flex:0 0 auto;color:#fff;font-size:.66rem}.sim.is-mobile-aiming .mobile-thickness-banner span{flex:0 1 auto;color:#ffefb3;font-size:.58rem}.sim.is-mobile-aiming .mobile-thickness-banner.is-miss{color:#ffd2c9;border-color:#f06b626b}.panel{position:absolute;z-index:2;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 42px #00000057,inset 0 0 0 1px #ffffff09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score-panel{top:var(--edge-gap);left:var(--edge-gap);width:238px;padding:10px}.match-panel{top:160px;left:var(--edge-gap);width:238px;padding:10px}.match-panel .match-settings{margin-top:0}.brand-row,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2{margin:0;letter-spacing:0}h1{font-size:1.16rem}h2{font-size:1rem}.pill,.panel-title span{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:3px 7px;font-size:.72rem;white-space:nowrap}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.score-tile{min-width:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px 8px;background:linear-gradient(180deg,#ffffff13,#ffffff07),#00000057}.score-tile.active{border-color:#ffad5fe6;box-shadow:inset 0 0 0 1px #ffad5f57,0 0 18px #ffad5f29}.score-tile span{display:block;color:#dce7e2;font-size:.78rem;font-weight:700}.score-tile strong{display:block;margin-top:2px;font-size:1.45rem;line-height:1;color:var(--score-white);text-shadow:0 0 10px rgba(255,255,255,.24),0 0 18px var(--score-glow)}#p2-score strong{color:var(--score-yellow);text-shadow:0 0 10px rgba(255,216,79,.24),0 0 16px rgba(255,173,95,.22)}.inning-score-tile{display:none}.status-line{min-height:18px;margin-top:8px;color:#fff7da;font-weight:700}.mobile-status-line{display:none}.compact-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#e6efeb;font-weight:700}.match-settings{display:grid;gap:2px;margin-top:2px}.damasu-stepper{display:grid;grid-template-columns:30px minmax(58px,1fr) 30px;align-items:center;gap:4px;width:138px}.damasu-step-button{min-height:30px;padding:0;border-radius:7px;font-size:.88rem;font-weight:850;color:#fff8df}.damasu-stepper input{width:100%;min-width:0;text-align:center;color:#fff;font-weight:800;text-shadow:0 0 10px rgba(107,229,216,.22)}.debug-panel{top:var(--edge-gap);right:calc(var(--control-dock-width) + var(--edge-gap) * 2 + 8px);bottom:auto;width:348px;max-height:calc(100vh - 24px);padding:10px;overflow:hidden}.debug-panel.is-collapsed{width:176px}.debug-panel.is-collapsed .physics-meters,.debug-panel.is-collapsed .equipment-specs,.debug-panel.is-collapsed .event-log,.debug-panel.is-collapsed #rest-reason{display:none}.equipment-specs{display:grid;gap:3px;margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;color:var(--muted);background:#00000029;font-size:.74rem}.equipment-specs b{color:#f4f1e8}.panel-toggle{min-height:28px;border-radius:7px;padding:0 9px;font-size:.76rem}.physics-meters{display:grid;gap:6px;margin-top:12px}.meter-row{display:grid;grid-template-columns:12px minmax(54px,1fr) 82px 74px 66px;align-items:center;gap:7px;min-height:26px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.78rem}.meter-row b,.meter-row em,.meter-row small{color:#f4f1e8;font-style:normal;font-weight:650;white-space:nowrap}.ball-dot{width:10px;height:10px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.event-log{display:grid;gap:7px;max-height:34vh;margin:12px 0 0;padding:0 0 0 20px;overflow:auto;color:#d8dfdc;font-size:.82rem}.event-log li{padding-left:2px}.control-dock{position:relative;z-index:3;top:auto;right:auto;bottom:auto;left:auto;width:auto;min-width:0;height:100%;display:grid;grid-template-columns:1fr;grid-template-areas:"strike" "controls" "actions" "music" "replay" "locale";gap:8px;align-items:stretch;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:var(--panel-strong);box-shadow:0 18px 52px #0000006b,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:9px;overflow:auto}.strike-panel{grid-area:strike;display:grid;grid-template-rows:auto 1fr auto;gap:6px;min-height:178px;border:1px solid rgba(107,229,216,.34);border-radius:8px;background:linear-gradient(180deg,#6be5d813,#ffffff08),#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 22px #6be5d814;padding:7px}.strike-head,.elevation-control{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e9f4ef;font-size:.82rem;font-weight:700}.strike-float-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.strike-float-toggle{display:none;min-height:24px;border-radius:999px;padding:0 7px;color:#fffbe9;font-size:.62rem;font-weight:850;line-height:1}.elevation-control{display:grid;grid-template-columns:auto 1fr}.strike-view{--cue-angle: 0deg;--contact-x: 50%;--contact-y: 50%;--strike-ball-core: rgba(255, 250, 240, .54);--strike-ball-mid: rgba(216, 212, 200, .46);--strike-ball-edge: rgba(109, 113, 109, .42);position:relative;min-height:108px;border:1px solid rgba(210,255,249,.42);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.12),transparent 38%),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(180deg,#20a6f6fa,#0c79d5fa);background-size:auto,18px 18px,18px 18px,auto;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 18px 30px #ffffff14,inset 0 -22px 34px #00133138,0 0 0 1px #6be5d833,0 8px 20px #00000047;cursor:crosshair;touch-action:none}.strike-view:before{content:"";position:absolute;z-index:2;left:50%;top:6px;bottom:8px;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.88) 18%,rgba(255,255,255,.88) 74%,transparent);box-shadow:0 0 10px #ffffff38;transform:translate(-50%);pointer-events:none}.strike-view:after{content:"";position:absolute;z-index:2;left:calc(50% - 44px);right:calc(50% - 44px);top:42%;height:88px;border-left:1px dashed rgba(255,255,255,.66);border-right:1px dashed rgba(255,255,255,.66);transform:translateY(-50%);pointer-events:none}.strike-ball{position:absolute;z-index:5;left:50%;top:42%;width:88px;height:88px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 62% 25%,rgba(255,255,255,.88) 0 6%,transparent 8%),radial-gradient(circle at 37% 30%,rgba(255,255,255,.34) 0 16%,transparent 30%),repeating-radial-gradient(circle at 44% 42%,rgba(255,255,255,.075) 0 1px,transparent 1px 6px),radial-gradient(circle at 42% 31%,var(--strike-ball-core) 0 28%,var(--strike-ball-mid) 58%,var(--strike-ball-edge) 100%);box-shadow:inset -12px -15px 22px #00000047,inset 8px 10px 16px #ffffff29,0 16px 18px #00000047,0 0 0 1px #ffffff52;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);overflow:hidden}.spin-feedback{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;opacity:var(--spin-opacity, 0);transform:scale(var(--spin-scale, 1));pointer-events:none;transition:opacity .16s ease,transform .16s ease}.strike-view.has-spin-feedback .spin-feedback{opacity:var(--spin-opacity, 1)}.strike-view.is-spin-feedback .spin-feedback{filter:drop-shadow(0 0 12px rgba(255,236,161,.36))}.spin-side-flow,.spin-top-flow,.spin-resultant{position:absolute;pointer-events:none}.spin-side-flow{left:18%;right:18%;top:50%;height:4px;border-radius:999px;opacity:var(--side-spin-opacity, 0);background:linear-gradient(90deg,transparent,rgba(255,247,218,.92),rgba(107,229,216,.7));box-shadow:0 0 12px #6be5d838;transform:translateY(-50%) scaleX(var(--side-flow-scale, 1));transform-origin:center;animation:surface-side-flow var(--spin-duration, 1s) ease-in-out infinite alternate}.spin-side-flow:after,.spin-resultant:after{content:"";position:absolute;right:-7px;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid rgba(255,247,218,.96);transform:translateY(-50%);filter:drop-shadow(0 0 5px rgba(255,247,218,.38))}.spin-top-flow{left:50%;top:20%;bottom:20%;width:4px;border-radius:999px;opacity:var(--top-spin-opacity, 0);background:linear-gradient(0deg,rgba(107,229,216,.7),rgba(255,247,218,.94),transparent);box-shadow:0 0 12px #fff7da38;transform:translate(-50%) scaleY(var(--top-flow-scale, 1));transform-origin:center;animation:surface-top-flow var(--spin-duration, 1s) ease-in-out infinite alternate}.spin-top-flow:before{content:"";position:absolute;left:50%;top:-8px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid rgba(255,247,218,.96);transform:translate(-50%);filter:drop-shadow(0 0 6px rgba(255,247,218,.4))}.spin-resultant{left:50%;top:50%;width:38px;height:4px;border-radius:999px;opacity:var(--top-spin-opacity, 0);background:linear-gradient(90deg,#ffad5f1a,#fff7daf2);transform:translateY(-50%) rotate(var(--surface-flow-angle, 0deg));transform-origin:left center;box-shadow:0 0 12px #ffad5f3d}.strike-view.has-spin-feedback .spin-resultant{opacity:var(--spin-opacity, 1)}.strike-targets{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.strike-thickness-readout{position:absolute;z-index:6;left:6px;top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 5px;max-width:calc(100% - 12px);border:1px solid rgba(255,236,161,.56);border-radius:9px;color:#fff7da;background:#070b0ad1;box-shadow:0 7px 14px #0000004d,0 0 16px #ffd3661f;padding:3px 7px 4px;font-size:.66rem;font-weight:850;line-height:1.06;pointer-events:none;white-space:normal}.strike-thickness-readout b,.strike-thickness-readout span{min-width:0;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.strike-thickness-readout b{flex:0 0 auto;color:#fff}.strike-thickness-readout span{flex:1 1 54px;color:#ffefb3;font-size:.58rem}.strike-thickness-readout.is-miss{color:#ffd2c9;border-color:#f06b626b}.strike-visible-ball{position:absolute;z-index:var(--ball-z, 1);left:var(--ball-x);top:var(--ball-y);width:var(--ball-size);height:var(--ball-size);border-radius:50%;transform:translate(-50%,-50%);opacity:var(--ball-opacity);isolation:isolate;background:radial-gradient(circle at 62% 28%,rgba(255,255,255,.86) 0 10%,transparent 12%),radial-gradient(circle at 38% 35%,rgba(255,255,255,.36),transparent 35%),var(--ball-color);box-shadow:inset -8px -9px 14px #00000057,0 7px 10px #00000047}.strike-visible-ball:before{content:"";position:absolute;z-index:1;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(255,255,255,.2);border-radius:inherit;opacity:0;pointer-events:none}.strike-visible-ball:after{content:attr(data-depth-label);position:absolute;z-index:3;left:50%;top:-17px;min-width:24px;padding:2px 6px 3px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#f8fbff;background:#060b0ad1;box-shadow:0 4px 9px #00000057;font-size:.54rem;font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);transform:translate(-50%);white-space:nowrap;pointer-events:none}.strike-visible-ball.is-hittable{box-shadow:inset -8px -9px 14px #00000057,0 7px 10px #00000047,0 0 0 1px #ffeb9fcc,0 0 16px #ffd36652}.strike-visible-ball.is-front-target{opacity:1}.strike-visible-ball.is-primary-target{opacity:1;box-shadow:inset -8px -9px 14px #00000057,0 7px 10px #00000047,0 0 0 2px #fff9caf0,0 0 20px #ffd3668f,0 0 28px #5ce0ff3d}.strike-visible-ball.is-primary-target:before{border-color:#5ce0ffcc;box-shadow:0 0 14px #5ce0ff57;opacity:1}.strike-visible-ball.is-primary-target:after{border-color:#ffe27ee6;color:#10130f;background:linear-gradient(180deg,#fff7b8,#ffb65b);text-shadow:none}.strike-visible-ball.is-occluded:not(.is-primary-target){opacity:.48;filter:saturate(.72) brightness(.78)}.strike-visible-ball.is-occluded:before{border-color:#ffffff7a;border-style:dashed;opacity:1}.strike-visible-ball.is-occluded:after{color:#cde7ff;border-color:#84d6ff7a;background:#08141cdb}.strike-visible-ball.is-miss{filter:saturate(.82)}.strike-thickness-band{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,231,140,.78) 0,rgba(255,231,140,.78) var(--thickness-width),transparent var(--thickness-width),transparent 100%);mix-blend-mode:screen;opacity:.48}.ball-shadow-band{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 28%,transparent 68%,rgba(0,0,0,.28));mix-blend-mode:multiply}.ball-highlight{position:absolute;left:59%;top:24%;width:18px;height:10px;border-radius:50%;background:#ffffffd9;filter:blur(.5px)}.strike-contact,.ghost-contact{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;margin:-9px 0 0 -9px}.strike-contact{z-index:6;background:#121515;box-shadow:inset 3px 3px 5px #ffffff29,inset -4px -5px 8px #000000a3,0 0 0 2px #ffffffb8,0 0 0 5px #6be5d82e,0 0 14px #00000075}.strike-contact:before,.strike-contact:after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:#ffffffdb;transform:translate(-50%,-50%);pointer-events:none}.strike-contact:before{width:2px;height:20px}.strike-contact:after{width:20px;height:2px}.ghost-contact{background:#12151575;filter:blur(.2px)}.ghost-top{transform:translate(-38px,-30px)}.ghost-side{transform:translate(37px,30px)}.strike-cue{position:absolute;z-index:4;left:50%;bottom:-58px;width:48px;height:116px;border-radius:36px 36px 0 0;transform:translate(-50%) rotateX(var(--cue-angle));transform-origin:center bottom;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 20%,transparent 74%,rgba(116,55,22,.3)),repeating-linear-gradient(78deg,#e6bd77 0,#e6bd77 7px,#f5d595 8px,#f5d595 14px,#b77d3a 15px,#b77d3a 17px);box-shadow:0 -5px 10px #00000038;opacity:.58}.strike-baseline{position:absolute;z-index:5;left:14%;right:14%;bottom:9px;height:5px;border-radius:99px;background:#ffffffe0}.shot-controls{grid-area:controls;display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-card,.music-card,.replay-field{display:grid;align-content:space-between;gap:6px;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#0000002e;padding:7px;color:#e4eee9;font-size:.82rem}.control-head,.music-head,.replay-field span{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-line{display:grid;grid-template-columns:28px minmax(42px,1fr) 28px;gap:5px;align-items:center}.step-button{min-height:28px;border-radius:7px;padding:0;font-weight:800}.control-number{width:100%;min-height:28px;text-align:center}output{color:#fffdf1;font-weight:850;text-shadow:0 0 9px rgba(107,229,216,.2)}.control-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:7px;align-self:stretch}.path-toggle-button{grid-column:2}.path-toggle-button,.mobile-path-toggle{border-color:#6be5d86b;color:#ecfffb;font-weight:850}.path-toggle-button.is-active,.mobile-path-toggle.is-active{background:linear-gradient(180deg,#6be5d82e,#ffffff09),#070b0ab8;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 18px #6be5d81f}.path-toggle-button.is-off,.mobile-path-toggle.is-off{color:#ecfffb9e;border-color:#ffffff29;background:#ffffff09}.music-card{grid-area:music}.music-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.music-actions button{min-width:0;padding-inline:6px;white-space:nowrap}.music-volume{display:grid;gap:7px;margin-top:8px}.music-head output{max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-field{grid-area:replay;padding:7px 8px}.locale-field{grid-area:locale}.locale-field select{width:100%;min-height:28px}.practice-card{position:absolute;z-index:24;left:var(--practice-x, calc(100% - 360px) );top:var(--practice-y, 86px);display:none;gap:7px;width:min(330px,calc(100% - 24px));min-width:220px;max-height:min(62vh,420px);border:1px solid rgba(107,229,216,.24);border-radius:8px;background:linear-gradient(180deg,#6be5d814,#ffffff06),#030808a3;box-shadow:inset 0 0 0 1px #ffffff09,0 0 18px #6be5d80f;padding:8px;color:#e8f6f1;font-size:.76rem;overflow:hidden;touch-action:none}.practice-card.is-active{display:grid;border-color:#ffd36675;background:linear-gradient(180deg,#ffd3661a,#6be5d809),#030808b8}.practice-card.is-success{border-color:#63f0b38f;box-shadow:inset 0 0 0 1px #ffffff0b,0 0 20px #63f0b324}.practice-card.is-retry{border-color:#ffad5f85}.practice-head,.practice-actions{display:flex;align-items:center;gap:6px}.practice-head{justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none}.practice-head span{min-width:0;color:#fff;font-size:.84rem;font-weight:900;line-height:1.08}.practice-head-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}.practice-head button,.practice-actions button{min-height:28px;border-radius:7px;padding:0 8px;font-size:.7rem;font-weight:850;white-space:nowrap}.practice-head button{color:#10110d;background:linear-gradient(180deg,#ffe08a,#ffa85a);border-color:#ffe696b3}.practice-body{display:grid;gap:7px;min-height:0;overflow:auto}.practice-card p{margin:0;color:#ebf6f1c7;line-height:1.32}.practice-card #practice-purpose{color:#fff4cd;font-weight:750}.practice-feedback{min-height:0;color:#a9ffe2;font-weight:850}.practice-card.is-retry .practice-feedback{color:#ffd19a}.practice-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.practice-actions button{padding-inline:4px;color:#f3f8f4}.practice-card.is-collapsed{width:min(220px,calc(100% - 24px))}.practice-card.is-collapsed .practice-body,.practice-card.is-collapsed #practice-start{display:none}.practice-card.is-collapsed .practice-head{cursor:grab}.sim.is-practice-dragging .practice-head{cursor:grabbing}@keyframes power-panel-pulse{0%{border-color:#ffad5f5c;box-shadow:0 0 #ffad5f00}52%{border-color:#ffd366c7;box-shadow:0 0 22px #ffad5f3d}to{border-color:#ffffff2e;box-shadow:0 0 #ffad5f00}}@keyframes power-energy-flow{0%{background-position:0 0,-58px 0,0 0}to{background-position:0 0,58px 0,0 0}}@keyframes power-flare-pulse{0%{opacity:.48;transform:translate(-50%,-50%) scale(.82)}to{opacity:.98;transform:translate(-50%,-50%) scale(1.08)}}@keyframes power-flare-streak{0%{opacity:.36;transform:translate(-54%,-50%) skew(-18deg) scaleX(.78)}to{opacity:.9;transform:translate(-46%,-50%) skew(-8deg) scaleX(1.1)}}@keyframes surface-side-flow{0%{background-position:0 0;filter:brightness(.9)}to{background-position:18px 0;filter:brightness(1.24)}}@keyframes surface-top-flow{0%{background-position:0 0;filter:brightness(.9)}to{background-position:0 -18px;filter:brightness(1.22)}}@media (prefers-reduced-motion: reduce){.spin-side-flow,.spin-top-flow,.power-meter:before,.power-meter:after,.power-meter-flare,.power-control-card.is-power-feedback,.mobile-power-pad.is-power-feedback{animation:none}}@media (max-width: 1040px){.debug-panel{display:none}.shot-controls{grid-template-columns:1fr 1fr}.control-actions{grid-template-columns:repeat(2,minmax(64px,1fr))}}@media (max-width: 720px){:root{--edge-gap: 8px}.sim{display:block;padding:0}.table-root{position:absolute;inset:0 0 calc(44vh + 24px) 0}.score-panel{top:8px;left:8px;right:8px;width:auto;padding:10px}.score-grid{grid-template-columns:1fr 1fr}.debug-panel{display:none}.meter-row{grid-template-columns:12px minmax(48px,1fr) 70px 60px}.meter-row small{display:none}.event-log{max-height:10vh}.control-dock{position:absolute;top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:44vh;grid-template-columns:1fr;gap:10px;padding:10px}.shot-controls{grid-template-columns:1fr 1fr;gap:10px}.strike-panel{min-height:188px}.strike-view{min-height:120px}.control-actions{grid-template-columns:repeat(4,minmax(54px,1fr))}}@media (min-width: 721px){:root{--edge-gap: 10px;--control-dock-width: clamp(220px, 18vw, 270px);--mobile-safe-top: var(--edge-gap);--mobile-safe-left: var(--edge-gap);--mobile-safe-right: var(--edge-gap);--mobile-safe-bottom: var(--edge-gap);--mobile-top-x: 12px;--mobile-top-y: 10px}.sim{grid-template-columns:minmax(0,1fr) minmax(220px,var(--control-dock-width));grid-template-rows:minmax(0,1fr) 54px;gap:var(--edge-gap)}.table-root{grid-column:1;grid-row:1}.score-panel{top:10px;left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2);width:min(520px,calc(100% - var(--control-dock-width) - var(--edge-gap) - 140px));min-height:46px;max-height:46px;padding:5px 10px;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff07),#070a0adb;transform:translate(-50%)}.brand-row,.score-panel .status-line{display:none}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));height:100%;gap:0;margin-top:0}.score-tile{display:grid;grid-template-rows:15px 1fr;align-content:center;justify-items:center;border:0;border-radius:0;padding:2px 10px;text-align:center;background:transparent}.score-tile+.score-tile{border-left:1px solid rgba(255,255,255,.14)}.score-tile.active{border-color:transparent;background:linear-gradient(180deg,#ffad5f1f,#ffad5f08);box-shadow:inset 0 -2px #ffad5fc7}.score-tile span{font-size:0;line-height:1}.score-tile span:before{content:attr(data-mobile-label);color:#dce7e2;font-size:.72rem;font-weight:900}.score-tile strong{margin-top:0;font-size:.92rem;line-height:1.1}.score-grid .inning-score-tile{display:grid}.mobile-status-line{display:block;position:absolute;z-index:9;left:12px;top:12px;min-height:0;margin-top:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;color:#fff7da;background:#0e13129e;box-shadow:0 8px 16px #0000003d;font-size:.82rem;line-height:1;pointer-events:none}.match-panel{grid-column:1;grid-row:2;position:relative;inset:auto;width:auto;height:54px;padding:6px 8px;overflow:hidden}.match-panel .match-settings{grid-template-columns:repeat(3,minmax(0,1fr));height:100%;align-items:center;gap:8px;margin-top:0}.compact-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin-top:0;font-size:.86rem;line-height:1}.damasu-stepper{grid-template-columns:30px minmax(58px,1fr) 30px;width:100%}.compact-field input,.compact-field select{width:100%}.debug-panel{display:none}.control-dock{grid-column:2;grid-row:1 / 3;max-width:var(--control-dock-width);height:auto;min-height:0;grid-template-areas:"strike" "powerpad" "shootbtn" "newgame" "paths" "music" "controls" "actions" "replay" "locale";gap:6px;padding:6px;overflow-x:clip;overflow-y:auto}.control-dock,.control-dock *{min-width:0;max-width:100%}.strike-panel{min-height:clamp(265px,44vh,368px);grid-template-rows:22px minmax(202px,1fr) 28px;gap:5px;padding:6px}.strike-head,.elevation-control{font-size:.76rem;gap:6px}.strike-view{min-height:clamp(202px,34.5vh,283px)}.strike-view:after{top:58%}.strike-ball{top:58%;width:clamp(120px,16vw,160px);height:clamp(120px,16vw,160px)}.strike-cue{bottom:-72px;width:clamp(52px,6vw,70px);height:clamp(150px,20vh,190px)}.shot-controls{grid-template-columns:1fr;gap:6px}.aim-control-card,.power-control-card,.top-spin-control-card,.side-spin-control-card,.replay-field{display:none}.locale-field{display:grid}.mobile-power-pad{display:grid;grid-area:powerpad;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 68px;gap:8px;min-height:109px;padding:9px 8px 11px;border:1px solid rgba(255,173,95,.48);border-radius:8px;color:#f4f1e8;background:linear-gradient(180deg,#ffad5f1c,#ffffff09),#070b0ad1;box-shadow:0 12px 24px #00000057,0 0 0 1px #ffdca62e,0 0 18px #ffad5f1a}.mobile-power-head{display:flex;align-items:end;justify-content:space-between;gap:6px;font-size:.74rem;font-weight:850;line-height:1}.mobile-power-head output{color:#fff7da;font-size:1.05rem;text-shadow:0 0 10px rgba(255,173,95,.24)}.mobile-power-line{position:relative;display:block;min-height:68px}.mobile-power-meter{--power-meter-height: 64px;--power-thumb-size: 46px;width:100%}.mobile-power-step{position:absolute;z-index:6;top:50%;width:26px;min-height:48px;padding:0;border-color:transparent;border-radius:999px;color:#fff7da;background:transparent;transform:translateY(-50%);font-size:1rem;font-weight:850;box-shadow:none}#mobile-power-down{left:4px}#mobile-power-up{right:4px}.mobile-shoot{display:block;grid-area:shootbtn;min-height:152px;font-size:1.08rem;box-shadow:0 12px 24px #00000057,0 0 0 1px #ffdca647}.mobile-new-match{display:block;grid-area:newgame;min-height:38px;border-color:#6be5d861;color:#ecfffb;background:linear-gradient(180deg,#6be5d81f,#ffffff06),#070b0ab8;font-weight:850}.mobile-path-toggle{display:block;grid-area:paths;min-height:34px;padding:0 6px;font-size:.78rem}.path-toggle-button{display:none}.music-card{gap:5px;padding:6px}.music-volume{gap:4px;margin-top:4px}#shoot-button{display:none}.mobile-aim-button{--mobile-aim-rotation: 0deg;display:grid;grid-template-rows:1fr auto;place-items:center;position:absolute;z-index:9;left:12px;bottom:12px;width:64px;height:64px;min-height:64px;padding:6px 6px 5px;border-color:#6be5d875;border-radius:50%;color:#f8fffd;background:radial-gradient(circle at 50% 45%,rgba(107,229,216,.2),transparent 45%),#070b0ad1;font-size:.66rem;font-weight:900;line-height:1}.mobile-aim-button-dial{position:relative;width:30px;height:30px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0 3px,transparent 3.5px),radial-gradient(circle,rgba(255,255,255,.12),transparent 62%)}.mobile-aim-button-dial:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:999px;background:#6be5d8;box-shadow:0 0 8px #6be5d8b8;transform:translateY(-50%) rotate(var(--mobile-aim-rotation));transform-origin:left center}.control-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.control-actions button{overflow:hidden;font-size:0}.control-actions button:before{display:block;font-size:1rem;line-height:1}.music-actions{grid-template-columns:1fr 1fr;gap:6px}.music-actions button{min-height:34px;padding-inline:8px;overflow:visible;font-size:.78rem;font-weight:800;white-space:nowrap}.music-head output{max-width:92px}#replay-button:before{content:"↺"}#pause-button:before{content:"⏯"}#new-match-button:before{content:"+"}#path-toggle-button:before{content:"〰"}.sim.is-mobile-aiming{grid-template-columns:minmax(0,1fr) minmax(220px,var(--control-dock-width));grid-template-rows:minmax(0,1fr)}.sim.is-mobile-aiming .table-root{position:absolute;left:var(--edge-gap);right:calc(var(--edge-gap) + var(--control-dock-width) + var(--edge-gap));top:var(--edge-gap);bottom:var(--edge-gap)}.sim.is-mobile-aiming .score-panel,.sim.is-mobile-aiming .match-panel,.sim.is-mobile-aiming .mobile-status-line{display:none}.sim.is-mobile-aiming .control-dock{position:absolute;right:var(--edge-gap);top:var(--edge-gap);bottom:var(--edge-gap);width:var(--control-dock-width)}.sim.is-mobile-aiming .mobile-aim-button{left:var(--edge-gap);bottom:var(--edge-gap)}.sim.is-mobile-aiming .mobile-aim-hud{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;position:absolute;z-index:10;left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2 + 5vw);bottom:var(--edge-gap);width:max-content;max-width:calc(100% - var(--control-dock-width) - 96px);border:1px solid rgba(255,236,161,.38);border-radius:999px;padding:7px 13px;color:#fff7da;background:#070b0ab3;box-shadow:0 8px 20px #0000004d;font-size:.82rem;font-weight:850;line-height:1;white-space:nowrap;pointer-events:none;transform:translate(-50%)}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){:root{--edge-gap: 6px;--control-dock-width: clamp(136px, 15.8vw, 144px);--mobile-safe-top: max(8px, env(safe-area-inset-top));--mobile-safe-left: max(10px, env(safe-area-inset-left));--mobile-safe-right: max(18px, env(safe-area-inset-right));--mobile-safe-bottom: max(18px, env(safe-area-inset-bottom));--mobile-top-x: 10px;--mobile-top-y: 6px;--mobile-power-width: clamp(178px, 26vw, 218px);--mobile-score-power-gap: 6px}body{font-size:14px}button{min-height:32px;border-radius:7px}input[type=number],select{min-height:26px;border-radius:7px;padding:0 6px}.sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--control-dock-width));grid-template-rows:minmax(0,1fr) 42px;gap:var(--edge-gap);width:100dvw;height:100dvh;padding:var(--mobile-safe-top) var(--mobile-safe-right) var(--mobile-safe-bottom) var(--mobile-safe-left)}.mode-overlay{padding:8px}.mode-card{width:min(520px,calc(100vw - 18px));padding:12px}.mode-card h2{font-size:1rem}.mode-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.practice-skill-panel{grid-template-columns:1fr .9fr;gap:7px;margin-top:8px;padding:8px}.practice-skill-field{gap:4px;font-size:.66rem}#practice-skill-note{font-size:.6rem;line-height:1.22}.mode-option,.start-option{min-height:94px;padding:10px}.mode-option strong,.start-option strong{font-size:1.02rem}.mode-option span,.start-option span{font-size:.66rem}.endgame-overlay{padding:12px}.endgame-card{width:min(340px,72vw);padding:16px 18px}.endgame-icon{font-size:2.25rem}.endgame-card h2{margin-top:7px;font-size:1.55rem}.endgame-card p{margin-top:8px;font-size:.78rem}.endgame-card button{min-height:34px;margin-top:12px}.table-root{grid-column:1;grid-row:1;position:relative;inset:auto}.score-panel{position:absolute;z-index:7;top:var(--mobile-top-y);left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2);right:auto;width:min(380px,calc(100% - var(--control-dock-width) - var(--edge-gap) - 80px));min-height:36px;max-height:36px;padding:3px 6px;overflow-x:hidden;overflow-y:hidden;border-color:#ffffff38;border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff07),#070a0adb;box-shadow:0 12px 32px #00000061,inset 0 0 0 1px #ffffff0b;transform:translate(-50%);-webkit-overflow-scrolling:touch;touch-action:pan-y}.brand-row{display:none}h1{font-size:.82rem;line-height:1}.pill{padding:2px 6px;font-size:.56rem}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;height:100%;gap:0;margin-top:0}.score-tile{display:grid;grid-template-rows:12px 1fr;align-content:center;justify-items:center;min-height:0;border:0;border-radius:0;padding:1px 6px;text-align:center;background:transparent}.score-tile+.score-tile{border-left:1px solid rgba(255,255,255,.14)}.score-tile.active{border-color:transparent;background:linear-gradient(180deg,#ffad5f1f,#ffad5f08);box-shadow:inset 0 -2px #ffad5fc7}.score-tile span{color:#dce7e2;font-size:0;line-height:1}.score-tile span:before{content:attr(data-mobile-label);font-size:.64rem;font-weight:900;line-height:1}.score-tile strong{margin-top:0;font-size:.72rem;line-height:1}.score-grid .inning-score-tile{display:grid}#mobile-inning-score strong{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2),0 0 16px rgba(107,229,216,.2)}.score-panel .status-line{display:none}.mobile-status-line{display:block;position:absolute;z-index:9;left:calc(var(--mobile-safe-left) + 4px);top:calc(var(--mobile-safe-top) + 4px);min-height:0;margin-top:0;max-width:min(132px,calc(100% - var(--control-dock-width) - 32px));border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 8px;overflow:hidden;color:#fff7da;background:#0e131294;box-shadow:0 8px 16px #0000003d;font-size:.68rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.match-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}.match-panel{grid-column:1;grid-row:2;position:relative;z-index:8;inset:auto;align-self:stretch;justify-self:stretch;width:auto;height:42px;min-height:42px;max-height:none;margin-bottom:0;padding:4px 5px;overflow:hidden}.match-panel .match-settings{grid-template-columns:repeat(3,minmax(0,1fr));height:100%;align-items:center;gap:5px;margin-top:0}.compact-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;margin-top:0;font-size:.66rem;font-weight:750;line-height:1}.compact-field span{white-space:nowrap}.damasu-stepper{grid-template-columns:23px minmax(38px,1fr) 23px;width:100%;gap:3px}.damasu-step-button{min-height:23px;font-size:.76rem}.compact-field input,.compact-field select{width:100%;min-height:23px;font-size:.78rem;padding:0 5px}.debug-panel{display:none}.control-dock{grid-column:2;grid-row:1 / 3;position:relative;inset:auto;justify-self:end;width:100%;max-width:var(--control-dock-width);height:auto;min-height:0;min-width:0;max-height:none;grid-template-areas:"strike" "powerpad" "shootbtn" "newgame" "paths" "controls" "actions" "music" "replay" "locale";gap:4px;padding:4px;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-y}.control-dock,.control-dock *{max-width:100%;min-width:0}.strike-panel{min-height:clamp(198px,52dvh,218px);grid-template-rows:16px minmax(142px,1fr) 20px;gap:3px;padding:4px}.strike-head,.elevation-control{gap:4px;font-size:.6rem;line-height:1}.elevation-control{grid-template-columns:34px minmax(0,1fr)}.strike-view{min-height:clamp(136px,36dvh,156px)}.strike-view:before{top:3px;bottom:5px}.strike-view:after{left:calc(50% - min(44px,31%));right:calc(50% - min(44px,31%));top:64%;height:clamp(84px,23dvh,94px)}.strike-ball{top:64%;width:clamp(84px,23dvh,94px);height:clamp(84px,23dvh,94px)}.strike-contact,.ghost-contact{width:18px;height:18px;margin:-9px 0 0 -9px}.strike-cue{bottom:-70px;width:clamp(39px,10vw,45px);height:clamp(108px,29dvh,120px)}.strike-baseline{left:17%;right:17%;bottom:8px;height:3px}.shot-controls{grid-template-columns:1fr;gap:5px}.aim-control-card,.power-control-card,.top-spin-control-card,.side-spin-control-card{display:none}.control-card{gap:3px;padding:5px;font-size:.64rem;align-content:stretch}.sound-control{grid-template-columns:19px minmax(0,1fr) 30px;align-items:center;min-height:30px;padding:4px}.sound-control .control-head{display:contents}.sound-control .control-head span{width:19px;font-size:0}.sound-control .control-head span:before{content:"🔊";font-size:.86rem}.sound-control .control-head output{justify-self:end;font-size:.58rem}.sound-control .control-line{display:none}.sound-control input[type=range]{grid-column:2;grid-row:1}.music-card,.replay-field{gap:3px;padding:4px;font-size:.64rem}.replay-field:not(.locale-field){display:none}.locale-field{display:grid}.control-head,.music-head,.replay-field span{min-height:16px;gap:4px}.control-head output,.music-head output{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-head span,.music-head span,.replay-field span{white-space:nowrap}.control-line{grid-template-columns:1fr 1fr;gap:4px}.control-card .control-number,.music-card .control-number{display:none}.step-button{min-height:25px;font-size:.78rem}.control-card input[type=range],.music-card input[type=range],.replay-field input[type=range]{margin:0}.control-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.control-actions button,.music-actions button{overflow:hidden;font-size:0}.control-actions button:before,.music-actions button:before{display:block;font-size:.95rem;line-height:1}#replay-button:before{content:"↺"}#pause-button:before{content:"⏯"}#new-match-button:before{content:"+";font-size:1.08rem}#path-toggle-button:before{content:"〰"}#shoot-button{display:none}.mobile-shoot{display:block;grid-area:shootbtn;position:static;width:100%;min-height:76px;padding:0 6px;font-size:.96rem;box-shadow:0 12px 24px #00000057,0 0 0 1px #ffdca647}.mobile-new-match{display:block;grid-area:newgame;width:100%;min-height:34px;padding:0 6px;border-color:#6be5d861;color:#ecfffb;background:linear-gradient(180deg,#6be5d81f,#ffffff06),#070b0ab8;font-size:.74rem;font-weight:850;box-shadow:0 8px 16px #00000047,0 0 0 1px #d2fff914}.mobile-path-toggle{display:block;grid-area:paths;width:100%;min-height:30px;padding:0 6px;font-size:.68rem}.path-toggle-button{display:none}.mobile-aim-button{--mobile-aim-rotation: 0deg;display:grid;grid-template-rows:1fr auto;place-items:center;position:absolute;z-index:9;left:var(--mobile-top-x);bottom:8px;width:54px;height:54px;min-height:54px;padding:5px 5px 4px;border-color:#6be5d875;border-radius:50%;color:#f8fffd;background:radial-gradient(circle at 50% 45%,rgba(107,229,216,.2),transparent 45%),#070b0ad1;box-shadow:0 10px 22px #00000057,0 0 0 1px #d2fff924,0 0 18px #6be5d824;font-size:.58rem;font-weight:900;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-aim-button-dial{position:relative;width:25px;height:25px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0 3px,transparent 3.5px),radial-gradient(circle,rgba(255,255,255,.12),transparent 62%)}.mobile-aim-button-dial:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:999px;background:#6be5d8;box-shadow:0 0 8px #6be5d8b8;transform:translateY(-50%) rotate(var(--mobile-aim-rotation));transform-origin:left center}.mobile-aim-button:active,.sim.is-mobile-aiming .mobile-aim-button{border-color:#ffeca19e;background:radial-gradient(circle at 50% 45%,rgba(255,209,102,.25),transparent 48%),#070b0ac7;box-shadow:0 10px 22px #00000052,0 0 0 1px #ffeca133,0 0 22px #ffd16629}.sim.is-mobile-aiming .mobile-aim-button{left:var(--mobile-safe-left);bottom:max(0px,calc(var(--mobile-safe-bottom) - 8px))}.mobile-power-pad{grid-area:powerpad;position:static;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 46px;align-items:stretch;gap:5px;width:100%;min-height:78px;padding:7px 6px;border:1px solid rgba(255,173,95,.48);border-radius:8px;color:#f4f1e8;background:linear-gradient(180deg,#ffad5f1c,#ffffff09),#070b0ad1;box-shadow:0 12px 24px #00000057,0 0 0 1px #ffdca62e,0 0 18px #ffad5f1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-power-head{display:flex;align-items:end;justify-content:space-between;gap:4px;min-width:0;font-size:.62rem;font-weight:800;line-height:1}.mobile-power-head output{font-size:.9rem;color:#fff7da;text-shadow:0 0 10px rgba(255,173,95,.24)}.mobile-power-line{position:relative;display:block;min-width:0;min-height:46px}.mobile-power-meter{--power-meter-height: 46px;--power-thumb-size: 34px;width:100%;box-shadow:inset 0 2px 5px #000000b8,inset 0 0 0 1px #ffffff14,0 0 0 1px #ffe3a638,0 0 20px #ffad5f38}.mobile-power-step{position:absolute;z-index:6;top:50%;width:22px;min-height:34px;padding:0;border-color:transparent;border-radius:999px;color:#fff7da;background:transparent;transform:translateY(-50%);font-size:.86rem;font-weight:850;text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 8px rgba(255,209,102,.54);box-shadow:none}#mobile-power-down{left:3px}#mobile-power-up{right:3px}.mobile-power-pad input[type=range]{min-width:0;margin:0}.music-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.music-actions button,.control-actions button{min-height:27px;padding-inline:4px;font-size:0}.music-actions button{min-height:27px}.music-actions button:before,.control-actions button:before{font-size:.95rem}#music-toggle:before{content:"⏯"}#music-next:before{content:"⏭"}#haptic-toggle:before{content:"≋";font-size:1.08rem}#ad-privacy:before{content:"i";font-weight:900}#privacy-policy:before{content:"§";font-weight:900}.music-volume{display:grid;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:4px;margin-top:2px}.music-volume .control-head{display:contents}.music-volume .control-head span{font-size:0}.music-volume .control-head span:before{content:"♫";color:#ffd166;font-size:.9rem}.music-volume .control-head output{justify-self:end;font-size:.56rem}.music-volume .control-line{display:none}.music-volume input[type=range]{grid-column:2;grid-row:1}.music-head output{max-width:82px}.music-head{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;min-height:12px}.music-head span{font-size:0}.music-head span:before{content:"♪";color:#ffd166;font-size:.78rem}.music-head output{font-size:.5rem}.sim.is-mobile-aiming{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;padding:var(--mobile-safe-top) var(--mobile-safe-right) var(--mobile-safe-bottom) var(--mobile-safe-left)}.sim.is-mobile-aiming .table-root{position:absolute;left:var(--mobile-safe-left);right:calc(var(--mobile-safe-right) + var(--control-dock-width) + var(--edge-gap));top:var(--mobile-safe-top);bottom:max(0px,calc(var(--mobile-safe-bottom) - 8px));grid-column:auto;grid-row:auto}.sim.is-mobile-aiming .score-panel,.sim.is-mobile-aiming .match-panel,.sim.is-mobile-aiming .mobile-status-line{display:none}.sim.is-mobile-aiming .control-dock{display:grid;position:absolute;z-index:12;left:auto;right:var(--mobile-safe-right);top:var(--mobile-safe-top);bottom:var(--mobile-safe-bottom);grid-column:1;grid-row:1;width:var(--control-dock-width);max-width:var(--control-dock-width);height:auto;min-height:0;padding:4px;opacity:1;overflow-x:clip;overflow-y:auto;border:1px solid rgba(255,255,255,.22);background:#0a0f0ef0;box-shadow:0 14px 34px #00000047,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);pointer-events:auto}.sim.is-mobile-aiming .strike-panel{position:static;width:auto;max-width:100%;min-height:clamp(198px,52dvh,218px);padding:4px;border-color:#6be5d885;background:linear-gradient(180deg,#0a1616e6,#090d0ddb),#070b0af0;box-shadow:0 16px 32px #0000005c,0 0 0 1px #d2fff92e,0 0 20px #6be5d821;pointer-events:auto;transform:none;-webkit-user-select:none;user-select:none}.sim.is-mobile-aiming .strike-head{cursor:default;touch-action:auto}.sim.is-strike-floating-dragging .strike-head{cursor:grabbing}.sim.is-mobile-aiming .strike-float-toggle{display:none}.sim.is-mobile-aiming .strike-view{min-height:clamp(136px,36dvh,156px)}.sim.is-mobile-aiming .mobile-power-pad,.sim.is-mobile-aiming .music-card,.sim.is-mobile-aiming .sound-control,.sim.is-mobile-aiming .mobile-new-match,.sim.is-mobile-aiming .mobile-path-toggle{background-color:#0a0f0ef0}.sim.is-mobile-aiming .mobile-shoot{background:var(--accent)}.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-panel{width:58px;height:52px;min-height:52px;grid-template-rows:1fr;border-radius:999px;padding:5px;overflow:hidden}.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-view,.sim.is-mobile-aiming.is-strike-floating-collapsed .elevation-control,.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-head>span:first-child,.sim.is-mobile-aiming.is-strike-floating-collapsed #elevation-value{display:none}.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-head,.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-float-actions{width:100%;height:100%;justify-content:center}.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-float-toggle{width:44px;min-height:34px;padding:0;font-size:.56rem}.sim.is-mobile-aiming .mobile-aim-hud{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:9px;position:absolute;z-index:10;left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2 + 9vw);right:auto;bottom:var(--mobile-safe-bottom);width:max-content;margin-inline:0;max-width:calc(100% - var(--control-dock-width) - var(--mobile-safe-left) - var(--mobile-safe-right) - 72px);border:1px solid rgba(255,236,161,.38);border-radius:999px;padding:5px 10px;color:#fff7da;background:#070b0aad;box-shadow:0 8px 20px #0000004d;font-size:.72rem;font-weight:850;line-height:1;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.mobile-aim-hud output{color:#fff;font-size:.88rem;text-shadow:0 0 12px rgba(107,229,216,.34)}.mobile-aim-hud em{color:#ffd166;font-style:normal}.sim.is-mobile-fine-aim .mobile-aim-hud{border-color:#6be5d87a;background:#061212c2;box-shadow:0 8px 20px #0000004d,0 0 18px #6be5d829}.sim.is-mobile-ultra-aim .mobile-aim-hud{border-color:#ffd166a8;background:#191206c7;box-shadow:0 8px 20px #0000004d,0 0 20px #ffd1662e}}@media (orientation: landscape) and (max-height: 390px) and (max-width: 980px){:root{--edge-gap: 4px;--control-dock-width: clamp(122px, 16.4vw, 130px);--mobile-safe-top: max(7px, env(safe-area-inset-top));--mobile-safe-left: max(8px, env(safe-area-inset-left));--mobile-safe-right: max(18px, env(safe-area-inset-right));--mobile-safe-bottom: max(18px, env(safe-area-inset-bottom));--mobile-top-x: 8px;--mobile-top-y: 6px;--mobile-power-width: clamp(154px, 24vw, 186px);--mobile-score-power-gap: 4px}button{min-height:28px}.sim{grid-template-rows:minmax(0,1fr) 40px;gap:4px;padding:var(--mobile-safe-top) var(--mobile-safe-right) var(--mobile-safe-bottom) var(--mobile-safe-left)}.score-panel{left:calc((100% - var(--control-dock-width) - var(--edge-gap)) / 2);width:min(340px,calc(100% - var(--control-dock-width) - var(--edge-gap) - 64px));min-height:34px;max-height:34px;padding:2px 5px}.score-grid{gap:0}.score-tile{grid-template-rows:11px 1fr;padding:1px 4px}.score-tile span:before{font-size:.58rem}.score-tile strong{font-size:.66rem}.mobile-shoot{width:100%;min-height:76px;padding-inline:8px;font-size:.92rem}.mobile-new-match{min-height:31px;padding-inline:6px;font-size:.68rem}.mobile-path-toggle{min-height:28px;padding-inline:6px;font-size:.64rem}.mobile-power-pad{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 42px;gap:4px;min-height:70px;padding:6px 5px}.mobile-power-head{font-size:.58rem}.mobile-power-head output{font-size:.82rem}.mobile-power-line{min-height:42px}.mobile-power-meter{--power-meter-height: 42px;--power-thumb-size: 31px}.mobile-power-step{width:20px;min-height:31px;font-size:.8rem}#mobile-power-down{left:3px}#mobile-power-up{right:3px}.mobile-status-line{left:calc(var(--mobile-safe-left) + 3px);top:calc(var(--mobile-safe-top) + 3px);max-width:min(116px,calc(100% - var(--control-dock-width) - 28px));padding:3px 7px;font-size:.62rem}.match-panel{height:40px;min-height:40px;max-height:none;padding:4px;overflow:hidden}.match-panel .match-settings{height:100%;align-items:center;gap:3px}.compact-field{height:100%;align-items:center;gap:3px;font-size:.58rem}.damasu-stepper{grid-template-columns:20px minmax(30px,1fr) 20px;gap:2px}.damasu-step-button,.compact-field input,.compact-field select{min-height:22px;padding-inline:4px;font-size:.7rem}.control-dock{gap:3px;padding:3px 3px 5px}.strike-panel{min-height:clamp(166px,51dvh,190px);grid-template-rows:15px minmax(108px,1fr) 18px;gap:2px;padding:3px}.strike-head,.elevation-control{font-size:.54rem}.elevation-control{grid-template-columns:29px minmax(0,1fr)}.strike-view{min-height:clamp(106px,35dvh,130px)}.strike-view:after{left:calc(50% - min(38px,30%));right:calc(50% - min(38px,30%));top:66%;height:clamp(72px,22dvh,84px)}.strike-ball{top:66%;width:clamp(72px,22dvh,84px);height:clamp(72px,22dvh,84px)}.strike-contact,.ghost-contact{width:16px;height:16px;margin:-8px 0 0 -8px}.strike-cue{bottom:-64px;width:clamp(34px,9vw,40px);height:clamp(94px,28dvh,108px)}.strike-baseline{bottom:7px}.sound-control{grid-template-columns:17px minmax(0,1fr) 26px;min-height:27px;padding:3px}.sound-control .control-head span{width:17px}.sound-control .control-head span:before,.music-volume .control-head span:before{font-size:.76rem}.sound-control .control-head output,.music-volume .control-head output{font-size:.5rem}.control-actions,.music-actions{gap:3px}.music-actions button,.control-actions button{min-height:24px;padding-inline:2px}.music-actions button:before,.control-actions button:before{font-size:.82rem}.music-card{gap:2px;padding:3px}.music-head{min-height:10px}.music-head output{max-width:68px;font-size:.46rem}.music-volume{grid-template-columns:16px minmax(0,1fr) 24px;gap:3px;margin-top:1px}.mobile-aim-button{bottom:5px;width:50px;height:50px;min-height:50px}.sim.is-mobile-aiming .mobile-aim-button{left:var(--mobile-safe-left);bottom:max(0px,calc(var(--mobile-safe-bottom) - 8px))}.sim.is-mobile-aiming .strike-panel{width:auto;min-height:clamp(166px,51dvh,190px)}.sim.is-mobile-aiming .strike-view{min-height:clamp(106px,35dvh,130px)}.sim.is-mobile-aiming.is-strike-floating-collapsed .strike-panel{width:auto;height:auto;min-height:clamp(166px,51dvh,190px)}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.practice-card{gap:5px;padding:5px;font-size:.62rem}.practice-head span{font-size:.66rem}.practice-head button,.practice-actions button{min-height:24px;padding-inline:4px;font-size:.56rem}.practice-card p{line-height:1.22}.practice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}.locale-field{align-content:stretch;gap:0;padding:4px}.locale-field>#locale-field-label,.locale-select-native{display:none!important}.locale-button{display:inline-grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;border-color:#ffffff1a;border-radius:16px;padding:0 12px;color:#f9fff8;background:#030505b3;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 18px #00000038;font-size:1rem;font-weight:900;line-height:1}.locale-button:hover,.locale-button:focus-visible{border-color:#6be5d866;background:#090f0edb}.locale-field .locale-button span{min-height:0;gap:0;white-space:nowrap}.locale-button-flag{font-size:1.08rem;line-height:1}.locale-button-label{overflow:hidden;text-overflow:ellipsis}.locale-button-chevron{color:#ecf4ef8a;font-size:1.14rem;transform:translateY(-1px)}.locale-overlay{position:absolute;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0000008c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.locale-overlay[hidden]{display:none!important}.locale-sheet{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(420px,calc(100vw - 24px));max-height:min(78vh,650px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;color:#f9fff8;background:#040505f5;box-shadow:0 26px 80px #0000009e,inset 0 0 0 1px #ffffff09}.locale-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.09);padding:22px 26px}.locale-sheet-head h2{color:#f9fff89e;font-size:1.22rem;font-weight:900}.locale-close{width:36px;min-height:36px;border-radius:50%;padding:0;color:#f9fff8b8;font-size:1.3rem}.locale-list{display:grid;overflow:auto;padding:18px 0 22px}.locale-option{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:16px;min-height:78px;border:0;border-radius:0;padding:12px 28px;color:#f9fff8;background:transparent;box-shadow:none;text-align:left}.locale-option:hover,.locale-option:focus-visible{background:#ffffff0f}.locale-option.is-selected{background:linear-gradient(90deg,#6be5d81f,#ffad5f0a)}.locale-option-flag{font-size:1.7rem;line-height:1;text-align:center}.locale-option-copy{display:grid;gap:6px;min-width:0}.locale-option-copy strong,.locale-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-option-copy strong{font-size:1.18rem;font-weight:950;line-height:1.05}.locale-option-copy small{color:#f9fff875;font-size:.92rem;font-weight:760}.locale-option-check{color:#6be5d8;font-size:1rem;font-weight:950}