.motion-page{min-height:100vh}.motion-header{max-width:1080px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;align-items:center}.motion-header>a:last-child{font-size:12px;color:#bfd1b8}.motion-layout{max-width:1080px;margin:12px auto 60px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,432px);gap:65px;align-items:start}.motion-controls h1{font-size:42px;line-height:1.25;margin:15px 0 20px;font-weight:700;letter-spacing:-2px}.motion-controls h1 em{color:#c6e5a5;font-style:normal}.motion-controls .lede{font-size:14px;margin-bottom:24px}.motion-caption{font-size:11px;color:#c8d3b7;letter-spacing:.5px;margin:24px 0 10px}.practice-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.practice-skills button,.practice-options button,.pose-options button{border:1px solid #72957444;border-radius:10px;color:#e4ecd5;background:#31513a40;padding:14px 4px;cursor:pointer;font:inherit;font-size:12px;transition:background .15s}.practice-skills button:hover,.pose-options button[aria-pressed=true]{background:#789c4f55;border-color:#b3d78188}.practice-skills small{display:block;font-size:8px;color:#afc9a4;letter-spacing:1px;margin-top:8px}.practice-skills button:disabled{opacity:.4;cursor:wait}.practice-options{display:flex;gap:10px;align-items:center;margin-top:15px}.practice-options button{padding:8px 10px}.practice-options label{font-size:11px;color:#bac9b5;display:flex;gap:5px;align-items:center}.practice-stage .game-frame{width:100%;aspect-ratio:9/16;height:auto}.practice-stage canvas{display:block;width:100%;height:100%;touch-action:none}.practice-status{position:absolute;top:18px;left:18px;right:18px;text-align:center;color:#edffdc;font-size:13px;background:#0a2928b8;border:1px solid #e0ffd344;border-radius:20px;padding:10px;pointer-events:none}.pose-options{display:flex;gap:8px}.pose-options button{padding:7px 18px}.pose-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pose-card{background:radial-gradient(ellipse at 50% 55%,#4a705253,#203c3120);border:1px solid #8fb08a22;border-radius:12px;text-align:center;overflow:hidden}.pose-card canvas{width:100%;height:auto;display:block;aspect-ratio:1}.pose-card span{display:block;color:#c3d2bc;font-size:10px;padding:0 4px 12px}.motion-controls .saved-note{line-height:1.8}.motion-controls button:focus-visible,.motion-header a:focus-visible{outline:2px solid #deffb2;outline-offset:3px}@media(max-width:780px){.motion-header{padding:20px}.motion-header .wordmark-light{display:none}.motion-layout{display:flex;flex-direction:column;padding:0 20px;gap:24px;max-width:472px}.motion-controls{width:100%}.motion-controls h1{font-size:32px}.practice-stage{width:100%;order:-1}.practice-stage .game-frame{max-height:66vh;width:auto;margin:auto}.practice-stage .frame-top{display:none}.pose-gallery{grid-template-columns:repeat(3,1fr)}.motion-controls .lede{display:none}}
.motion-page .practice-stage .game-frame{flex-shrink:0}
@media(max-width:780px){.practice-stage{position:sticky;top:0;z-index:10;background:#10251f;padding:8px 0}.practice-stage .game-frame{width:min(100%,calc(43svh * .5625));max-height:none}.practice-stage>.saved-note{display:none}.motion-controls h1{font-size:25px;margin:8px 0 16px}.motion-layout{gap:12px}.motion-controls>.eyebrow{margin-bottom:10px}.motion-controls .motion-caption{margin-top:15px}.motion-header{padding-top:16px;padding-bottom:16px}}
.practice-brand{line-height:0!important;margin:0!important}.practice-brand img{width:240px;max-width:100%;display:block;margin:0 auto 12px}.scenario-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.scenario-controls button{padding:11px 6px;border:1px solid #d2c98466;border-radius:8px;background:#58613e55;font-size:12px;color:#ecedcb}.scenario-controls button:disabled{opacity:.4}.motion-controls .lede{margin-bottom:14px}.practice-status{font-size:11px}@media(max-width:780px){.practice-brand img{width:200px}.motion-controls .practice-brand{display:none}.scenario-controls{margin-top:0}.motion-controls>.eyebrow{display:none}}
