.sys-shell{--coach-panel:#0b1220;--coach-panel-2:#13213a;--coach-m:var(--sys-key);--coach-f:var(--sys-violet);--coach-paddle:#101826}html[data-sys-theme=dark] .sys-shell{--coach-panel:#060a12;--coach-panel-2:#0f1c33;--coach-paddle:#0a111d}.coach-frame{border:1px solid var(--sys-line-soft);background:linear-gradient(180deg, var(--coach-panel-2), var(--coach-panel));box-shadow:0 0 18px var(--sys-glow), inset 0 0 14px var(--sys-glow-in);margin:0;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .26s,filter .26s,box-shadow .26s;position:relative;overflow:hidden}.coach-frame>.sys-corner{z-index:2;border-color:var(--sys-key)}.coach-frame img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.coach-frame:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#8cc8ff0d 0 1px,#0000 1px 3px),radial-gradient(120% 80% at 50% 30%,#0000 55%,#040c1c8c 100%);position:absolute;inset:0}.coach-frame.is-active{border-color:var(--sys-key);box-shadow:0 0 26px var(--sys-glow-strong), inset 0 0 16px var(--sys-glow-in);transform:translateY(-4px)scale(1.02)}.coach-frame.is-dim{opacity:.55;filter:saturate(.6)brightness(.85);transform:scale(.97)}.coach-plate{z-index:1;color:#e8f1ff;background:linear-gradient(#0000,#040a16eb 55%);flex-direction:column;gap:.1rem;padding:1.6rem .6rem .5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.coach-plate-name{font-family:var(--sys-display);letter-spacing:.12em;font-size:.72rem;font-weight:700}.coach-plate-role{font-family:var(--sys-mono);letter-spacing:.1em;color:#8fd3ff;text-transform:uppercase;font-size:.62rem}.coach-bust{border:1px solid var(--coach-acc,var(--sys-line));background:var(--coach-panel);width:76px;height:76px;box-shadow:0 0 14px var(--sys-glow);flex:none;place-items:center;display:grid;position:relative}.coach-bust img{object-fit:cover;width:100%;height:100%;display:block}.coach-bust>.sys-corner{z-index:1}.coach-bust--sm{width:52px;height:52px}.coach-bust--sys{background:var(--sys-tint-2)}.coach-bust--sys .sys-bang{transform:scale(1.5)}.coach-dialog{--coach-acc:var(--sys-key);border:1px solid var(--coach-acc);background:var(--sys-pane);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px var(--sys-glow), inset 0 0 12px var(--sys-glow-in);cursor:pointer;align-items:flex-start;gap:.8rem;padding:.95rem .9rem .8rem;animation:.3s cubic-bezier(.22,1,.36,1) both coach-in;display:flex;position:relative}.coach-dialog--f{--coach-acc:var(--coach-f)}.coach-dialog--sys{--coach-acc:var(--sys-key)}.coach-dialog>.sys-corner{border-color:var(--coach-acc)}.coach-dialog-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.coach-dialog-name{font-family:var(--sys-mono);letter-spacing:.16em;color:var(--sys-fill-ink);background:var(--coach-acc);box-shadow:0 0 10px color-mix(in srgb, var(--coach-acc) 45%, transparent);align-self:flex-start;margin:0;padding:.12rem .5rem;font-size:.7rem}.coach-dialog-text{min-height:4.2em;color:var(--sys-ink);margin:0;font-size:1.04rem;font-weight:500;line-height:1.38}.coach-dialog--sys .coach-dialog-text{font-family:var(--sys-mono);letter-spacing:.02em;color:var(--sys-key);font-size:.92rem}.coach-dialog-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.coach-dialog-next{gap:.4rem;min-height:44px}.coach-dialog-arrow{animation:1.1s ease-in-out infinite coach-nudge;display:inline-block}@keyframes coach-nudge{50%{transform:translate(3px)}}@keyframes coach-in{0%{opacity:0;box-shadow:none;transform:translateY(10px)scale(.985)}}.coach-tip{--coach-acc:var(--sys-sec,var(--sys-key));border:1px solid var(--sys-line-dim);border-left:3px solid var(--coach-acc);background:linear-gradient(100deg, var(--sys-sec-soft,var(--sys-tint)), transparent 70%), var(--sys-pane);box-shadow:0 0 14px var(--sys-glow-in);align-items:flex-start;gap:.7rem;padding:.7rem .4rem .7rem .7rem;animation:.32s cubic-bezier(.22,1,.36,1) both coach-in;display:flex;position:relative}.coach-tip>.sys-corner{border-color:var(--coach-acc)}.coach-tip-body{flex:1;min-width:0}.coach-tip-name{font-family:var(--sys-mono);letter-spacing:.16em;color:var(--sys-sec-ink,var(--sys-key));margin:0 0 .15rem;font-size:.66rem}.coach-tip-text{color:var(--sys-ink);margin:0;font-size:.95rem;line-height:1.35}.coach-tip-close{width:44px;height:44px;color:var(--sys-ink-3);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-.4rem 0 0;display:grid}.coach-tip-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.coach-tip-close:hover{color:var(--sys-key)}.coach-tutorial{border:1px solid var(--sys-line);background:linear-gradient(120deg, var(--sys-tint-2), transparent 60%), var(--sys-pane);box-shadow:0 0 20px var(--sys-glow), inset 0 0 12px var(--sys-glow-in);align-items:center;gap:.9rem;padding:.8rem;animation:.32s cubic-bezier(.22,1,.36,1) both coach-in;display:flex;position:relative}.coach-tutorial-art{flex:none;width:104px;height:92px;position:relative}.coach-tutorial-art .coach-frame{width:62px;height:78px;position:absolute}.coach-tutorial-art .coach-frame:first-child{top:0;left:0}.coach-tutorial-art .coach-frame:last-child{bottom:0;right:0}.coach-tutorial-body{flex-direction:column;flex:1;align-items:flex-start;gap:.4rem;min-width:0;display:flex}.coach-tutorial-kicker{font-family:var(--sys-mono);letter-spacing:.16em;color:var(--sys-key);margin:0;font-size:.72rem}.coach-tutorial-text{color:var(--sys-ink);margin:0;font-size:.98rem;font-weight:600;line-height:1.3}.paddle-intro{cursor:pointer;width:100%;max-width:380px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0 auto;padding:0;display:block}.paddle-intro.is-still{cursor:default}.paddle-intro svg{width:100%;height:auto;display:block;overflow:visible}.paddle-intro *{transform-box:view-box}.pi-floor{stroke:var(--sys-line-soft);stroke-width:1.2px;stroke-dasharray:2 5;fill:none}.pi-paddle{transform-origin:100px 186px;animation:1.15s cubic-bezier(.5,0,.2,1) both pi-swing}.pi-paddle-face{fill:var(--coach-paddle);animation:.32s .42s backwards pi-fade}.pi-paddle-line{fill:none;stroke:var(--sys-key);stroke-width:2.4px;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px var(--sys-glow-strong));animation:.62s ease-out backwards pi-draw}.pi-grip{stroke:var(--sys-key);stroke-width:1.4px;opacity:.7}.pi-holes circle{fill:color-mix(in srgb, var(--sys-key) 60%, transparent);transform-box:fill-box;transform-origin:50%;animation:.22s ease-out backwards pi-pop}.pi-flash{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.52s ease-out .93s both pi-flash}.pi-sparks path{fill:none;stroke:var(--sys-lime);stroke-width:2.4px;stroke-linecap:round}.pi-sparks{opacity:0;animation:.42s ease-out .95s both pi-spark}.pi-ball{animation:1.9s linear both pi-ball;transform:translate(292px,118px)}.pi-ball circle{fill:var(--sys-lime);stroke:var(--sys-lime-ink);stroke-width:1.2px}.pi-ball-seam{fill:none;stroke:var(--sys-lime-ink);stroke-width:1px;opacity:.8}.pi-ball--g1,.pi-ball--g2,.pi-ball--g3{opacity:0}.pi-ball--g1{--pi-o:.5;animation:1.9s linear 40ms both pi-ghost}.pi-ball--g2{--pi-o:.3;animation:1.9s linear 80ms both pi-ghost}.pi-ball--g3{--pi-o:.16;animation:1.9s linear .12s both pi-ghost}.pi-ball--g1 circle,.pi-ball--g2 circle,.pi-ball--g3 circle{stroke:none}@keyframes pi-draw{0%{stroke-dashoffset:100px}}@keyframes pi-fade{0%{opacity:0}}@keyframes pi-pop{0%{transform:scale(0)}}@keyframes pi-swing{0%{opacity:0;transform:translate(-60px,16px)rotate(-58deg)}18%{opacity:1}62%{transform:translate(-24px,6px)rotate(-38deg)}80%{transform:translate(6px)rotate(16deg)}to{transform:none}}@keyframes pi-flash{0%{opacity:0;transform:scale(.2)}15%{opacity:1}to{opacity:0;transform:scale(2)}}@keyframes pi-spark{0%{opacity:0;transform:translate(-6px)}25%{opacity:1}to{opacity:0;transform:translate(8px)}}@keyframes pi-ball{0%{opacity:0;animation-timing-function:ease-in;transform:translate(150px,-24px)}12%{opacity:1}50%{animation-timing-function:ease-in;transform:translate(150px,84px)}72%{animation-timing-function:ease-out;transform:translate(236px,186px)scale(1.15,.8)}76%{animation-timing-function:ease-out;transform:translate(246px,176px)}to{transform:translate(292px,118px)}}@keyframes pi-ghost{0%,50%{opacity:0;transform:translate(150px,84px)}52%{opacity:var(--pi-o)}72%{animation-timing-function:ease-out;transform:translate(236px,186px)}92%{opacity:var(--pi-o)}to{opacity:0;transform:translate(292px,118px)}}@media (prefers-reduced-motion:reduce){.coach-frame,.coach-dialog,.coach-tip,.coach-tutorial{transition:none;animation:none}.coach-dialog-arrow{animation:none}}