.board{position:relative}.motion-layer{position:absolute;inset:0;pointer-events:none!important;z-index:7;overflow:hidden;border-radius:inherit}.motion-actor{position:absolute;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;padding:2px;will-change:transform;pointer-events:none}.motion-actor>.chess-piece{width:91%;height:91%;filter:drop-shadow(0 3px 1px #28332728);transform-origin:50% 85%;pointer-events:none}.motion-hidden{visibility:hidden!important}.motion-star{position:absolute;font-size:19px;line-height:1;text-shadow:0 1px 0 #fff9;pointer-events:none;will-change:transform,opacity}.motion-celebration{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);max-width:88%;width:max-content;padding:13px 22px;border-radius:30px;background:#fff7df;color:#62472e;border:2px solid #ddb96d;box-shadow:0 5px 25px #263a3426;text-align:center;font:600 20px/1.3 Georgia,serif}.motion-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px 0;color:var(--muted);font-size:10px}.motion-toolbar label{display:flex;align-items:center;gap:7px}.motion-toolbar select{font:inherit;color:var(--green);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 23px 7px 9px;min-height:34px}.motion-toolbar .motion-label{display:flex;gap:5px;align-items:center}.motion-label svg{width:14px;height:14px;color:var(--orange)}.storybook-preview{display:flex;justify-content:center;gap:15px;background:#f0f2e7;border:1px solid var(--line);border-radius:12px;padding:8px;margin:12px 0}.storybook-preview .chess-piece{width:54px;height:54px}.motion-settings-note{font-size:10px;color:var(--muted);line-height:1.6;margin:8px 0 13px}.story-foot{transform-box:fill-box;transform-origin:center}.square>.storybook-piece{transform-origin:50% 83%}body[data-motion="playful"] .square.selected>.storybook-piece{animation:storybook-perk 360ms ease-out both}body[data-motion="subtle"] .square.selected>.chess-piece{filter:drop-shadow(0 3px 2px #28332740)}@keyframes storybook-perk{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-8%) rotate(-5deg)}75%{transform:translateY(-5%) rotate(3deg)}100%{transform:translateY(-4%) rotate(0)}}body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:650px){.motion-toolbar{font-size:10px;padding-top:8px}.motion-celebration{font-size:18px;padding:11px 17px}.motion-star{font-size:16px}}@media(prefers-reduced-motion:reduce){.motion-layer{display:none}.square>.storybook-piece{animation:none!important;transform:none!important}}