.ccc8880,.c990d1a{position:fixed;z-index:16;border:1px solid #243240;border-radius:11px;background:#0c1117eb;backdrop-filter:blur(7px);color:var(--ink);font-family:var(--sans);box-sizing:border-box}.ccc8880{top:var(--tutorial-panel-top, 14px);right:var(--tutorial-panel-right, 14px);width:var(--tutorial-panel-width, 373px);max-height:calc(100dvh - var(--tutorial-panel-top, 14px) - 16px);overflow-y:auto}.cccbf86{padding:16px 18px 14px;border-bottom:1px solid #1e2a37}.cccbf86 small,.ccc8880 h3,.cae9271{display:block;color:#8295a8;font:10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cccbf86 strong{display:block;margin:5px 0 3px;font-size:21px;font-weight:700}.cccbf86 span{font-size:12px;color:#a0b4c4}.ca85382{padding:14px 18px 16px}.ccc8880[data-lesson=hitting] .cccbf86,.ccc8880[data-lesson=hitting] .ca85382{padding:12px 16px}.ccc8880 p{margin:0;font-size:12px;line-height:1.55;color:#a0b4c4}.ccc8880 h3{margin:16px 0 9px;font-weight:500}.ccc8880 dl{display:grid;gap:7px}.ccc8880 dl>div{display:flex;align-items:center;gap:10px}.ccc8880 dt{min-width:78px}.ccc8880 dd{font-size:12px;line-height:1.4}.ccc8880 kbd,.c990d1a kbd{display:inline-block;padding:2px 7px;border:1px solid #2e3f50;border-bottom-width:2px;border-radius:4px;background:#ffffff0d;color:#c5d1dc;font:11px/1.5 var(--mono)}.ccc8880 .c5bc9f6{margin-top:15px;padding-top:12px;border-top:1px solid #1e2a37;font-size:11px;color:#8295a8}.ccc8880 .cc0764b,.cd5de68,.cc91e96,.c4caceb{display:none}.ccc8880 .cb77f45{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". forward ." "left backward right";gap:8px;max-width:240px;margin:12px auto 0}.ccc8880[data-lesson=movement] .cb77f45{grid-template-columns:78px repeat(3,48px);grid-template-areas:". . forward ." "sprint left backward right";justify-content:center;max-width:none}.ccc8880[data-lesson=aiming] .cb77f45{max-width:130px}.ccc8880[data-lesson=hitting] .cb77f45{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"aim aim aim hit";max-width:none}.ccc8880[data-lesson=serving] .cb77f45{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"swing coil release toss" "stance stance aim aim";max-width:none}.ccc8880 .cb77f45>div{flex-direction:column;gap:3px}.cb77f45 [data-slot=up],.cb77f45 [data-slot=aimUp]{grid-area:forward}.cb77f45 [data-slot=left],.cb77f45 [data-slot=aimLeft]{grid-area:left}.cb77f45 [data-slot=down],.cb77f45 [data-slot=aimDown]{grid-area:backward}.cb77f45 [data-slot=right],.cb77f45 [data-slot=aimRight]{grid-area:right}.cb77f45 [data-slot=sprint]{grid-area:sprint}.cb77f45 [data-slot="left right"]{grid-area:stance}.cb77f45 [data-slot="aimUp aimLeft aimDown aimRight"]{grid-area:aim}.cb77f45 [data-slot=swing]{grid-area:hit}.cb77f45 [data-slot=serveSwing]{grid-area:swing}.cb77f45 [data-slot=legCoil]{grid-area:coil}.cb77f45 [data-slot=tossRelease]{grid-area:release}.cb77f45 [data-slot=tossHeight]{grid-area:toss}.ccc8880 .cb77f45 dt{min-width:0;line-height:1}.ccc8880 .cb77f45 dd{margin:0;font-size:11px;white-space:nowrap}.ccc8880 .cb77f45 kbd{box-sizing:border-box;min-width:38px;font-size:12px;text-align:center;vertical-align:top}.ccc8880 .cb77f45 [data-slot=sprint] kbd{min-width:64px}.ccc8880 .cb77f45 [data-slot="aimUp aimLeft aimDown aimRight"] dt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". forward ." "left backward right";gap:8px;width:100%}.ccc8880 .cb77f45 [data-slot="aimUp aimLeft aimDown aimRight"] kbd{justify-self:center}.ccc8880[data-lesson=hitting] .cb77f45 [data-slot="aimUp aimLeft aimDown aimRight"] dt,.ccc8880[data-lesson=serving] .cb77f45 [data-slot="aimUp aimLeft aimDown aimRight"] dt{max-width:130px}.ccc8880 .cb77f45 [data-slot="left right"] dt{display:flex;justify-content:center;gap:8px}.ccc8880[data-lesson=serving] .cb77f45 [data-slot="left right"] dt,.ccc8880 .cb77f45 [data-slot=swing] dt{margin-top:33px}.ccc8880:is([data-lesson=hitting],[data-lesson=serving]) .cb77f45 dd{white-space:normal;text-align:center}.cf9e484{display:block;padding:9px 12px;border:1px solid #2e3f50;border-radius:8px;background:#ffffff0a;color:#a0b4c4;font:12px/1.4 var(--mono);text-decoration:none;text-align:center;pointer-events:auto}.cf9e484:hover{background:#ffffff14;color:var(--ink);border-color:#3a4a5a}.cf9e484:focus-visible,.cf9e484.c0fb694{outline:2px solid var(--amber);outline-offset:3px}.c9340fa{background:var(--amber);border-color:var(--amber);color:#172000;font-family:var(--sans);font-weight:700;font-size:14px}.c9340fa:hover{background:#bbee15;border-color:#bbee15;color:#172000}.c990d1a{top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 32px));padding:12px 16px;text-align:center;pointer-events:none;box-shadow:0 6px 24px #00000029}.c246cae{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin-top:4px}.c990d1a p{margin:0;font-size:16px;font-weight:600;line-height:1.4;text-wrap:balance}.c990d1a[data-lesson=hitting]:not([data-complete=true]) p{white-space:nowrap;text-wrap:nowrap}.c990d1a[data-lesson=hitting]:not([data-complete=true]) .c246cae{min-height:26px}.cbf4f51{display:block;margin-top:6px;font:10px/1.5 var(--mono);color:#a0b4c4}.c246cae kbd{padding:2px 8px;font-size:15px;color:var(--amber)}.cbf4f51 kbd{padding:1px 4px;font-size:10px;line-height:1.3}body:has(.c990d1a:is([data-lesson=movement],[data-lesson=aiming])) .ccde153{display:none}.c8dcc5a{position:fixed;z-index:8;left:66%;top:64%;width:160px;height:160px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:var(--amber);filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));pointer-events:none;animation:tutorial-chevron-flash .9s ease-in-out infinite}.c8dcc5a svg{width:64px;height:92px;flex:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.c8dcc5a[data-direction=left]{left:34%;transform:translate(-50%,-50%) rotate(180deg)}.c8dcc5a[data-direction=up]{left:50%;top:36%;transform:translate(-50%,-50%) rotate(-90deg)}.c8dcc5a[data-direction=down]{left:50%;top:76%;transform:translate(-50%,-50%) rotate(90deg)}.c8dcc5a[hidden],.c8dcc5a [hidden]{display:none}@keyframes tutorial-chevron-flash{0%,to{opacity:.35}50%{opacity:1}}.c990d1a[data-complete=true]{top:50%;transform:translate(-50%,-50%);padding:22px;border-color:#aadd004d}.c990d1a[data-complete=true] .cae9271{color:var(--amber)}.c990d1a[data-complete=true] p{font-size:24px}.c0611bf{display:grid;gap:9px;margin-top:18px}.c990d1a [hidden]{display:none}@media(prefers-reduced-motion:reduce){.c8dcc5a{animation:none}}@media(max-width:1150px){.c990d1a:not([data-complete=true]){top:56px;width:min(340px,calc(100vw - 32px))}.ccc8880{top:216px;max-height:calc(100dvh - 232px)}}@media(pointer:fine)and (min-width:1114px){.ccc8880{top:14px;max-height:calc(100dvh - 30px)}}@media(max-height:600px){.cccbf86{padding:12px 16px}.ca85382{padding:10px 16px 12px}.ccc8880 dl{gap:5px}}@media(pointer:coarse){body{--tutorial-mobile-prompt-top: max(8px, env(safe-area-inset-top))}.c990d1a,.c990d1a:not([data-complete=true]),.c990d1a[data-complete=true]{top:var(--tutorial-mobile-prompt-top);left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));transform:none;padding:8px 52px 8px 12px;border-radius:11px;text-align:left;pointer-events:auto;z-index:100;max-height:calc(100dvh - var(--tutorial-mobile-prompt-top) - 8px);overflow-y:auto;transition:transform .2s ease}.c990d1a[data-collapsed=true]{transform:translate(calc(100% + 8px + env(safe-area-inset-right)))}.c246cae,.c990d1a[data-lesson=hitting]:not([data-complete=true]) .c246cae{justify-content:flex-start;min-height:0;margin-top:3px}.c990d1a p,.c990d1a[data-complete=true] p{font-size:14px;text-wrap:wrap}.c990d1a[data-lesson=hitting]:not([data-complete=true]) p{white-space:normal;text-wrap:wrap}.c246cae kbd{font-size:12px}.cbf4f51{margin-top:4px}.c0611bf{margin:10px -40px 0 0}.ccc8880{top:var(--tutorial-mobile-panel-top, 150px);left:auto;right:calc(8px + env(safe-area-inset-right));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));-webkit-text-size-adjust:100%;text-size-adjust:100%;max-height:calc(100dvh - var(--tutorial-mobile-panel-top, 150px) - 8px - env(safe-area-inset-bottom));border-radius:11px;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;transition:transform .2s ease}.ccc8880[data-collapsed=true]{transform:translate(calc(100% + 8px + env(safe-area-inset-right)))}.cccbf86,.ccc8880[data-lesson=hitting] .cccbf86{padding:10px 54px 8px 14px}.cccbf86 strong{font-size:16px;margin:2px 0}.ca85382,.ccc8880[data-lesson=hitting] .ca85382{padding:9px 14px 12px}.ccc8880 h3{margin:9px 0 5px}.ccc8880 .c0e9694{display:none}.ccc8880 .c4caceb{display:block}.ccc8880 .cb77f45{display:none}.ccc8880 .cc0764b{display:grid;gap:6px;margin:0}.cc0764b>div{display:flex;align-items:baseline;gap:10px}.cc0764b dt{flex:0 0 90px;color:var(--amber);font:11px/1.4 var(--mono)}.cc0764b dd{margin:0;font-size:11px;line-height:1.4}.ccc8880 .c5bc9f6{margin-top:9px;padding-top:8px}.cd5de68,.cc91e96{display:grid;place-items:center;position:fixed;z-index:101;right:calc(16px + env(safe-area-inset-right));width:40px;height:40px;padding:0;border:1px solid #3a4a5a;border-radius:10px;background:#1b2935;color:var(--ink);cursor:pointer}.cd5de68 svg,.cc91e96 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.cd5de68[data-direction=left] svg,.cc91e96[data-direction=left] svg{transform:rotate(180deg)}.cd5de68{top:calc(var(--tutorial-mobile-panel-top, 150px) + 8px)}.cc91e96{top:calc(var(--tutorial-mobile-prompt-top) + 8px)}.cd5de68:focus-visible,.cc91e96:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.c8dcc5a[data-direction=left]{left:26%}.c8dcc5a[data-direction=right]{left:74%}.c8dcc5a:is([data-direction=left],[data-direction=right]){top:46%}.c8dcc5a svg+svg{margin-left:-20px}}@media(pointer:coarse)and (orientation:portrait){body:has(.c990d1a[data-lesson=hitting][data-collapsed=false]) .ccde153{top:var(--tutorial-mobile-contact-top, 180px)!important}}@media(pointer:coarse)and (orientation:landscape){body:has(.c990d1a:is([data-lesson=movement],[data-lesson=aiming],[data-lesson=hitting],[data-lesson=serving])) :is(.c990d1a,.ccc8880){left:var(--tutorial-mobile-drawer-left, 8px);width:calc(100vw - var(--tutorial-mobile-drawer-left, 8px) - 8px - env(safe-area-inset-right))}}@media(pointer:coarse){body:has(.c990d1a[data-lesson=movement]) .cdc2549{display:none}}@media(pointer:coarse)and (max-height:500px){.ccc8880{max-height:min(calc(100dvh - var(--tutorial-mobile-panel-top, 150px) - 8px),48dvh)}}@media(pointer:coarse)and (prefers-reduced-motion:reduce){.ccc8880,.c990d1a{transition:none}}