.touch-root{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;--edge:32px;--bottom:max(14px, calc(var(--safe-b,0px) + 6px));--pad-size:min(120px, 36vh);--peck-size:min(68px, 20vh);--ctx-size:min(58px, 17vh);transition:opacity .16s ease-out;position:absolute;inset:0}@supports (height:1dvh){.touch-root{--pad-size:min(120px, 36dvh);--peck-size:min(68px, 20dvh);--ctx-size:min(58px, 17dvh)}}.touch-root[data-active="0"]{opacity:0}.touch-root[data-active="1"] .touch-zone,.touch-root[data-active="1"] .touch-pill{pointer-events:auto}.touch-zone{width:calc(45% - var(--edge));touch-action:none;height:70%;position:absolute;bottom:0}.touch-zone-dpad{left:var(--edge)}.touch-zone-btns{right:var(--edge)}.touch-dpad{left:max(0px, calc(var(--safe-l,0px) + 8px - var(--edge)));bottom:var(--bottom);width:var(--pad-size);height:var(--pad-size);opacity:.85;position:absolute}.touch-arm,.touch-hub{background:#ffffff1a;border:2px solid #ffffff59;transition:background-color 60ms linear;position:absolute}.touch-arm-u,.touch-arm-d{width:33%;height:38%;left:33.5%}.touch-arm-l,.touch-arm-r{width:38%;height:33%;top:33.5%}.touch-arm-u{border-bottom:0;border-radius:10px 10px 0 0;top:0}.touch-arm-d{border-top:0;border-radius:0 0 10px 10px;bottom:0}.touch-arm-l{border-right:0;border-radius:10px 0 0 10px;left:0}.touch-arm-r{border-left:0;border-radius:0 10px 10px 0;right:0}.touch-hub{border:0;width:33%;height:33%;top:33.5%;left:33.5%}.touch-arm:after{content:"";opacity:.7;border:6px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%}.touch-arm-u:after{border-bottom-color:#fff;transform:translate(-50%,-75%)}.touch-arm-d:after{border-top-color:#fff;transform:translate(-50%,-25%)}.touch-arm-l:after{border-right-color:#fff;transform:translate(-75%,-50%)}.touch-arm-r:after{border-left-color:#fff;transform:translate(-25%,-50%)}.touch-dpad[data-u="1"] .touch-arm-u,.touch-dpad[data-d="1"] .touch-arm-d,.touch-dpad[data-l="1"] .touch-arm-l,.touch-dpad[data-r="1"] .touch-arm-r{background:#ffb45a8c}.touch-btn{color:#ffffffd9;font-family:var(--font-display);letter-spacing:.04em;background:#ffffff1a;border:2px solid #ffffff59;border-radius:9999px;place-items:center;transition:background-color 60ms linear,transform 60ms linear;display:grid;position:absolute}.touch-btn-peck{width:var(--peck-size);height:var(--peck-size);right:max(0px, calc(var(--safe-r,0px) + 8px - var(--edge)));bottom:calc(var(--bottom) + var(--ctx-size) * .55);font-size:13px}.touch-btn-ctx{width:var(--ctx-size);height:var(--ctx-size);right:calc(max(0px, calc(var(--safe-r,0px) + 8px - var(--edge))) + var(--peck-size) + 10px);bottom:var(--bottom);font-size:11px}.touch-btn[data-pressed="1"]{background:#ffffff4d;transform:scale(.94)}.touch-btn-peck[data-super="1"]{color:#ffd66b;border-color:#ffc83ce6;box-shadow:0 0 14px 2px #ffa0288c}.touch-btn-ctx[data-label=SLAM]{border-color:#ff7850cc}.touch-btn-ctx[data-label=DIVE]{border-color:#78dcffcc}.touch-btn-ctx[data-off="1"]{opacity:.45}.touch-pills{display:none}@media (orientation:portrait){.touch-root{--pills:50px;--pad-size:min(clamp(128px, 38vw, 180px), calc(100cqh - var(--pills) - 20px));--peck-size:min(clamp(68px, 20vw, 84px), calc((100cqh - var(--pills)) * .42));--ctx-size:min(clamp(58px, 17vw, 72px), calc((100cqh - var(--pills)) * .36));background:radial-gradient(120% 60% at 50% 0,#ff2e8812,#0000 70%),linear-gradient(#17121d,#0d0a12);border-top:1px solid #ffffff14;container-type:size}.touch-root[data-active="0"]{opacity:.4}.touch-zone{top:var(--pills);bottom:max(12px, var(--safe-b,0px));height:auto;width:calc(50% - var(--edge))}.touch-dpad{opacity:1;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.touch-arm,.touch-hub{background:#2a2530;border-color:#463d52}.touch-hub{background:#2a2530}.touch-btn{color:#fff;background:#7a1e3c;border-color:#a8325a;box-shadow:0 4px #3b0d1d}.touch-btn[data-pressed="1"]{background:#9c2a4e;transform:translateY(3px);box-shadow:0 1px #3b0d1d}.touch-btn-peck{font-size:15px;inset:34% auto auto 66%;transform:translate(-50%,-50%)}.touch-btn-ctx{font-size:12px;inset:70% auto auto 30%;transform:translate(-50%,-50%)}.touch-btn-peck[data-pressed="1"],.touch-btn-ctx[data-pressed="1"]{transform:translate(-50%,calc(3px - 50%))}.touch-pills{gap:18px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.touch-pill{color:#8f86a0;min-width:64px;height:44px;font-family:var(--font-display);letter-spacing:.12em;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.touch-pill-cap{background:#3a3342;border-radius:9999px;width:40px;height:11px;box-shadow:inset 0 -2px #211c27}.touch-pill:active .touch-pill-cap{background:#5a5066}}@media (prefers-reduced-motion:reduce){.touch-root,.touch-btn,.touch-arm{transition:none}}