.animation-bar{position:fixed;z-index:4;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:6px;align-items:center;justify-content:flex-end;max-width:min(72vw,680px);flex-wrap:wrap}.animation-bar button{min-height:38px;border:1px solid #aaa38eaa;background:#f7f5edbd;color:#5e5a4e;padding:6px 11px;font-size:13px;backdrop-filter:blur(4px)}.animation-bar #play-animation{background:#d8c67ebd;border-color:#a38e57aa;min-width:58px}.animation-bar button:disabled{opacity:.45;cursor:default}.animation-status{flex-basis:100%;font-size:12px;color:#6c6553;margin:0;text-align:right;line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-sheet .sheet-head{padding-bottom:18px}.animation-sheet .sheet-results{padding-top:8px}.animation-sheet h3{font-size:18px;font-weight:400;border-bottom:1px solid #d8d5c9;padding-bottom:10px;margin:16px 0 0}.animation-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.animation-choice{min-height:65px;text-align:left;padding:12px 8px;background:none;border:0;border-bottom:1px solid #dedacd;color:#3e4036;font-size:16px;overflow-wrap:anywhere}.animation-choice small{display:block;font-size:13px;color:#7b7464}.animation-choice[aria-pressed=true]{background:#e4dbbc}.animation-choice:hover{background:#e9e4d5}.touch-controls{position:fixed;z-index:5;right:max(18px,env(safe-area-inset-right));bottom:108px;background:#f7f5edf5;border:1px solid #c5bdab;padding:12px;width:min(350px,92vw);max-height:45dvh;overflow:auto}.touch-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.touch-actions button{min-height:46px;font-size:14px;background:#ebe4d1;border:1px solid #c5bdab;touch-action:none;color:#474438}.touch-controls p{font-size:14px;line-height:1.4;margin:12px 0 0}.model-page .stage{bottom:0}.knight-page .stage{bottom:0;--builder-framing-bottom:96px}@media(max-width:700px){.animation-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.animation-bar{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));gap:4px;max-width:calc(100vw - 132px)}.animation-bar button{min-height:36px;padding:5px 8px;font-size:12px}.animation-status{display:none}.touch-controls{right:max(12px,env(safe-area-inset-right));bottom:68px}.knight-page .stage{--builder-framing-bottom:92px}}@media(max-height:570px){.animation-bar{bottom:max(10px,env(safe-area-inset-bottom))}.animation-status{display:none}.touch-controls{max-height:50dvh;bottom:62px}.model-page .stage{bottom:0}.knight-page .stage{bottom:0;--builder-framing-bottom:72px}}

.bind-pose-choice{display:block;width:100%;min-height:56px;border-bottom:1px solid #c5bdab}.touch-actions button:focus-visible{outline:2px solid #826a34;outline-offset:2px}
.animation-bar .reset-animation{width:38px;min-width:38px;padding:0;font-family:Georgia,serif;font-size:21px;line-height:1}