/* Motion enhancement: all styles restricted to newly added classes. */
.anim-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.48}
.anim-dial{position:absolute;inset:0;display:grid;place-items:center;color:#d99a43;touch-action:none;user-select:none;cursor:grab;outline-offset:6px;border-radius:50%}
.anim-dial:active{cursor:grabbing}.anim-dial:focus-visible{outline:2px solid #f1eee6}
.anim-ticks{position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d99a4380 0deg 1deg,transparent 1deg 3deg);mask:radial-gradient(transparent 64%,#000 65%)}
.anim-knob{position:absolute;inset:36px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#444c41,#252b25 55%,#111713 85%);border:1px solid #c4a16b70;box-shadow:inset 0 2px 5px #e3bd772b,0 9px 22px #0008}
.anim-needle{position:absolute;width:2px;height:42%;left:calc(50% - 1px);top:7%;background:#d99a43;box-shadow:0 0 8px #d99a4370}
.anim-dial-text{z-index:1;pointer-events:none;text-align:center;background:#151a16dd;padding:8px 12px;border:1px solid #d99a4338;font-family:monospace;font-size:18px;line-height:1.4;transform:translateY(28px)}
.anim-dial-text small{display:block;font:9px system-ui;letter-spacing:.12em;color:#d8d2c4}
.anim-dial-caption{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;color:#c1b9a9;pointer-events:none}
@media(prefers-reduced-motion:reduce){.anim-atmosphere{display:none}.anim-dial *{animation:none!important;transition:none!important}}