#touch-controls[hidden],body:not(.touch-game) #touch-controls {display:none}
.touch-game #touch-controls {
  --pad:clamp(74px,22vh,112px);
  position:absolute;inset:0;z-index:7;pointer-events:none;
}
.touch-game #touch-stick {
  position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));
  display:grid;place-items:center;width:var(--pad);height:var(--pad);pointer-events:auto;
  border-radius:50%;border:1px solid #f0db9c99;touch-action:none;user-select:none;
  box-shadow:0 6px 25px #07161190,inset 0 0 19px #142f25bf,0 0 0 4px #0f271853;
  background:radial-gradient(circle,#7b9d6b32 24%,#19372b87 26% 54%,#e6c68731 56% 59%,#19372b99 62%);
}
.touch-game #touch-stick .knob {
  width:46%;height:46%;border-radius:50%;border:1px solid #eace8e;pointer-events:none;
  background:radial-gradient(circle at 38% 23%,#e6d894,#62865f 37%,#244436 63%);
  box-shadow:0 2px 6px #080d08c0,inset 0 0 7px #f7eab5a0;
}
.touch-game #touch-actions {
  position:absolute;bottom:max(12px,env(safe-area-inset-bottom));right:max(15px,env(safe-area-inset-right));
  display:flex;align-items:flex-end;gap:7px;pointer-events:auto;
}
.touch-game #touch-actions .touch-skills {display:flex;gap:4px;margin-bottom:4px}
.touch-game #touch-actions button {touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.touch-game #touch-actions .touch-skills button {
  font:750 15px system-ui;min-width:36px;min-height:38px;padding:4px 5px;
  color:#e5edd6;background:#1c3629d9;border:1px solid #ccad6c94;border-radius:9px
}
.touch-game #touch-actions .touch-skills button[aria-pressed="true"] {
  background:#d9bc79;color:#13291f;box-shadow:0 0 12px #f2c9857a
}
.touch-game #touch-attack {
  display:grid;place-items:center;width:clamp(46px,15vh,86px);height:clamp(46px,15vh,86px);
  border-radius:50%;padding:5px;background:radial-gradient(circle,#a25a2b,#4b2a1d 71%);
  border:2px solid #ecc888;box-shadow:0 0 0 3px #251d16b3,0 4px 13px #160f0bb0
}
.touch-game #touch-attack:active {transform:scale(.94)}
.touch-game #touch-attack img {width:100%;height:100%;object-fit:contain;pointer-events:none}
.touch-game #ribbon .combat,.touch-game #fullscreen,.touch-game #setting-tabs [data-setting="keys"] {display:none}
.touch-game #chat-dock {left:clamp(98px,27vh,139px);width:min(30%,275px);min-width:125px}
.touch-game #view-controls {right:15px;bottom:11px}
.touch-game #world {cursor:default}
.touch-game #stage {cursor:default}
@media (max-height:475px) and (orientation:landscape) {
  .touch-game #login form,.touch-game #auth-form {max-height:70vh;overflow:auto}
  .touch-game #hud {padding:4px 6px}
  .touch-game #tool-dock {gap:3px}
  .touch-game #quest-watch {max-height:78px;overflow:auto}
}