/* Wide hand exercise with one scrolling surface around the tracing area. */
.palm-tracing-section{padding:16px 12px;border:1px solid #c9aa66;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#333657,#10243b 78%);text-align:center;margin:16px 0}.palm-tracing-section h3{color:#f1d591!important;font-size:23px!important;margin:0 0 8px!important}.palm-tracing-section>p{font:15px/1.5 system-ui!important;margin:6px auto 12px!important;max-width:440px;min-height:44px}.palm-tracing-surface{position:relative;aspect-ratio:2/3;height:min(65svh,650px);max-width:100%;margin:auto;overflow:hidden;border-radius:24px;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.palm-tracing-surface>img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:fill!important;pointer-events:none;filter:contrast(1.04);margin:0!important}.palm-tracing-surface>svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;touch-action:none;cursor:crosshair;z-index:5;overflow:visible}.palm-guide{stroke:#d4bf8555;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.palm-guide.current{stroke:#ffec9e;stroke-width:6;filter:drop-shadow(0 0 5px #f8e29b)}.palm-guide.complete{stroke:#8ef0c5;stroke-width:5}.palm-start{fill:#fff8cf;stroke:#b28837;stroke-width:3;filter:drop-shadow(0 0 8px #fff2b5);pointer-events:none}#palm-player-trace{stroke:#8df3e3;stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 4px #bafcef)}.palm-line-progress{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 8px}.palm-line-progress span{padding:7px 12px;border:1px solid #a58c5c66;border-radius:20px;font:13px system-ui;color:#c8c2d6}.palm-line-progress .current{color:#f3d78d;border-color:#e8ce88}.palm-line-progress .done{color:#a1e9c7;border-color:#71ba96}.palm-tracing-section>small{font:12px system-ui;color:#c8c2d6}
/* Put the actual control outside the decor, above every scene layer. */
.pendulum-control-panel{position:relative;z-index:10;display:flex;justify-content:center;margin:14px 0 8px}.pendulum-control-panel>.pendulum-trigger{display:block!important;width:min(100%,360px)!important;min-height:54px!important;margin:0!important;padding:14px 20px!important;border-radius:16px!important;font:600 16px/1.4 system-ui!important;white-space:normal!important;touch-action:manipulation;box-shadow:0 5px 18px #0006}.pendulum-scene-v3{background-image:linear-gradient(#07182a05,#07182a18),url('/assets/witch-consultation-table-v1.webp')!important}.pendulum-scene-v3 .consultation-table-instrument{left:10%!important;width:80%!important;top:28%!important;height:62%!important;z-index:4;overflow:visible}.pendulum-scene-v3 .consultation-yesno{align-items:flex-end;padding:0 10% 5%;border-radius:50%;background:radial-gradient(ellipse at 50% 81%,#ba9c5633 0,transparent 43%)}.pendulum-scene-v3 .consultation-yesno:before{content:'';position:absolute;left:8%;right:8%;height:45%;bottom:0;border:1px solid #e0c88099;border-radius:50%;transform:rotateX(35deg);box-shadow:inset 0 0 0 6px #0b203e88,inset 0 0 0 7px #c2a15e55,0 0 20px #e8c17422;background:radial-gradient(ellipse,#18344b99,#101c35bb)}.pendulum-scene-v3 .consultation-yesno>span{position:relative;display:grid;place-items:center;width:62px;height:35px;z-index:7;font:19px Georgia;color:#f2d48e;letter-spacing:.05em}.pendulum-scene-v3 .consultation-yesno .chosen{color:#baf8d7;text-shadow:0 0 14px #86e9bd}.pendulum-scene-v3 .consultation-pendulum-3d{left:27%;width:46%;height:96%;z-index:6;filter:drop-shadow(5px 8px 4px #0007) drop-shadow(0 0 10px #a4e9ee44)}.pendulum-scene-v3 .consultation-pendulum-3d svg{display:block!important;width:100%!important;height:100%!important;max-height:none!important}.pendulum-scene-v3 .consultation-pendulum-3d:not(.is-swinging):not(.settled-yes){transform:rotate(0deg)}.pendulum-scene-v3 .consultation-pendulum-3d.settled-yes{transform:rotate(-17deg) rotateY(8deg)}
@media(max-width:600px){.palm-tracing-section{padding:14px 8px}.palm-tracing-surface{height:auto;width:100%;max-width:380px;aspect-ratio:2/3}.palm-tracing-section h3{font-size:20px!important}.palm-tracing-section>p{font-size:14px!important}.palm-line-progress{gap:5px}.palm-line-progress span{font-size:12px;padding:6px 9px}.pendulum-scene-v3 .consultation-table-instrument{top:25%!important;height:66%!important}.pendulum-scene-v3 .consultation-yesno>span{font-size:16px;width:48px}.pendulum-control-panel>.pendulum-trigger{font-size:15px!important}}