.iso-touch-controls{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(83px + env(safe-area-inset-bottom));z-index:30;width:128px;height:128px;pointer-events:none;user-select:none;-webkit-user-select:none}
.iso-touch-stick{--stick-x:0px;--stick-y:0px;position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#142e28a6 0 48%,#152d232b 64%,transparent 70%);color:#dfc18a;touch-action:none;pointer-events:auto;outline-offset:5px;-webkit-touch-callout:none;box-shadow:none!important}
.iso-touch-orbit,.iso-touch-well,.iso-touch-thumb{position:absolute;pointer-events:none}
.iso-touch-orbit{inset:0;opacity:.8}.iso-app .iso-touch-orbit svg{width:100%;height:100%}
.iso-touch-well{inset:21%;border:1px solid #dbbf8636;border-radius:50%;background:radial-gradient(circle at 50% 70%,#4d76634a,transparent 70%);box-shadow:inset 0 2px 10px #071b1d99}
.iso-touch-thumb{inset:31%;display:grid;place-items:center;border-radius:50%;transform:translate3d(var(--stick-x),var(--stick-y),0);border:1px solid #d1ab6399;background:radial-gradient(ellipse at 36% 17%,#557563,#173d33 57%,#102921);box-shadow:0 4px 10px #03191580,inset 0 1px 1px #eed7a569,inset 0 -2px 4px #020e0e8c;color:#efd49b;transition:transform .16s ease-out,box-shadow .16s ease-out}
.iso-app .iso-touch-thumb svg{width:20px;height:27px;filter:drop-shadow(0 1px 2px #041712)}
.iso-touch-caption{position:absolute;top:calc(100% + 6px);left:0;right:0;color:#dddec6b3;font:500 7px/1 Inter,sans-serif;letter-spacing:2.3px;text-shadow:0 1px 5px #071b15;pointer-events:none}
.iso-touch-stick.is-held .iso-touch-thumb{transition:box-shadow .16s ease-out;box-shadow:0 4px 12px #03191580,0 0 15px #bcad5836,inset 0 1px 1px #fbe3ae8c}
.iso-touch-stick.is-held .iso-touch-orbit{opacity:1}
.iso-app:not(.is-exploring) .iso-touch-controls,.iso-app.is-panel-open .iso-touch-controls{display:none}
@media (any-pointer:coarse){.iso-app.is-exploring .iso-controls{display:none}.iso-app .iso-reyn-note{left:auto;right:calc(18px + env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));max-width:min(230px,calc(100vw - 168px))}}
@media (max-width:420px){.iso-touch-controls{left:calc(14px + env(safe-area-inset-left));width:116px;height:116px}}
@media (orientation:landscape) and (max-height:540px){.iso-touch-controls{left:calc(20px + env(safe-area-inset-left));bottom:calc(88px + env(safe-area-inset-bottom));width:108px;height:108px}.iso-touch-caption{font-size:6px;top:calc(100% + 4px)}}
@media (prefers-reduced-motion:reduce){.iso-touch-thumb{transition:none}}