body.adventure-layout main.game-shell>#desktop-game-controls{position:fixed!important;inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) auto!important;display:flex!important;width:auto;max-width:calc(100vw - 24px);padding:7px;background:#10232ee8;border:1px solid #69908799;border-radius:14px;box-shadow:0 4px 18px #0005;z-index:15011;touch-action:manipulation}
body.adventure-layout #desktop-game-hints{display:flex;gap:6px;zoom:1}
body.adventure-layout #desktop-game-controls [data-desktop-key]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:48px;min-height:50px;padding:6px 10px;margin:0;background:linear-gradient(#284e48,#15342f);border:1px solid #78a89688;border-radius:9px;color:#eaf7ec;font:600 10px system-ui;box-shadow:0 2px 0 #071b18;cursor:pointer;clip-path:none}
body.adventure-layout #desktop-game-controls [data-desktop-key]:hover{background:#35634e;border-color:#c1ddac}
body.adventure-layout #desktop-game-controls [data-desktop-key]:active{transform:translateY(1px)}
body.adventure-layout #desktop-game-controls kbd{font:750 14px system-ui;color:#ffe6a1;background:none;border:0;box-shadow:none;padding:0}
body.adventure-layout #desktop-game-controls [data-desktop-key]:focus-visible{outline:2px solid #ffe49b;outline-offset:3px}
body.adventure-layout #desktop-game-controls #desktop-game-menu{display:none!important}
html[data-mobile-client=true] body.adventure-layout main.game-shell>#desktop-game-controls,body.adventure-layout main.game-shell[hidden]>#desktop-game-controls,body.adventure-layout:has(#overlay:not([hidden]),#battle:not([hidden]),#cinematic:not([hidden]),#campaign-scene:not([hidden]),#pvp:not([hidden])) main.game-shell>#desktop-game-controls{display:none!important}
@media(max-width:620px){body.adventure-layout main.game-shell>#desktop-game-controls{padding:5px;right:10px!important;bottom:10px!important}body.adventure-layout #desktop-game-controls [data-desktop-key]{padding:6px;min-width:44px;min-height:44px}body.adventure-layout #desktop-game-controls span{display:none}}

/* Keep the whole shortcut strip at 75% of its previous rendered size. */
body.adventure-layout main.game-shell>#desktop-game-controls{transform:scale(.75);transform-origin:top left;flex-wrap:nowrap;user-select:none}
body.adventure-layout #desktop-game-controls .shortcut-bar-grip{flex:0 0 16px;align-self:stretch;min-width:16px;min-height:0;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:#b9d4c7;font:20px/1 system-ui;cursor:grab;touch-action:none;clip-path:none}
body.adventure-layout #desktop-game-controls .shortcut-bar-grip:hover{background:#40655888;color:#fff1bf}
body.adventure-layout #desktop-game-controls .shortcut-bar-grip:focus-visible{outline:2px solid #ffe49b;outline-offset:-2px}
body.adventure-layout #desktop-game-controls[data-dragging=true],body.adventure-layout #desktop-game-controls[data-dragging=true] .shortcut-bar-grip{cursor:grabbing}