.touch-controls{position:absolute;inset:0;z-index:3;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;opacity:var(--touch-opacity,.8);font-family:ZombieGame,'Microsoft YaHei',sans-serif}
.touch-controls[hidden]{display:none!important}
.touch-controls-surface{position:absolute;inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));pointer-events:none}
.touch-control{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:0;border:2px solid #c3b38c;background:#14222d20;box-shadow:inset 0 0 0 2px #080e1720,0 3px 7px #0003;color:#fff0c4;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font:inherit;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;isolation:isolate}
.touch-action{border-radius:12px;background-image:linear-gradient(180deg,#38495320,#13202a38)}
.touch-action.is-held{border-color:#ffe293;background-color:#bc851d38;filter:brightness(1.15)}
.touch-symbol{display:flex;align-items:center;justify-content:center;width:62%;height:58%;font-family:system-ui,sans-serif;font-size:24px;font-weight:900;pointer-events:none;transform:translateY(-5px)}
.touch-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #000);pointer-events:none}
.touch-action[data-touch-control='dash'] .touch-symbol{width:38%;height:35%;transform:translateY(-8px);opacity:.68}
.touch-action[data-touch-control='dash'].is-held .touch-symbol{opacity:.9}
.touch-label{position:absolute;bottom:3px;left:0;right:0;font-size:12px;line-height:1.1;text-align:center;white-space:nowrap;color:#fff5d6;text-shadow:0 1px 2px #000;pointer-events:none}
.touch-stick{border-radius:50%;background:radial-gradient(circle,#4159663d 0,#1a2938bd 65%,#0e1820bd 100%);border-color:#bbab887d}
.touch-stick .touch-label{bottom:9px;font-size:11px}
.touch-stick .touch-symbol{opacity:.5;transform:none;font-size:27px}
.touch-stick-thumb{position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border:2px solid #d6c597bd;border-radius:50%;background:#263c49b5;box-shadow:0 2px 5px #0008;pointer-events:none}
.touch-stick.is-held .touch-stick-thumb{background:#b0802dce;border-color:#ffe393}
.touch-feedback{position:absolute;right:2px;top:2px;min-width:24px;padding:1px 2px;border-radius:3px;background:#091821ed;color:#fff1ce;font:700 11px/1.2 system-ui,sans-serif;pointer-events:none}
.touch-feedback[hidden]{display:none}
.touch-action.is-cooling{border-color:#859494}.touch-action.is-cooling .touch-symbol{opacity:.45}
.touch-action.is-ready{border-color:#d8c28d}
.touch-control:focus-visible{outline:3px solid #ffd065;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.touch-control{transition:none}}