/* Landscape combat wheel reuses all ten existing shortcut controls. */
.desktop-client.touch-client{--touch-bottom:138px}
.desktop-client.touch-client .actionbar{right:max(64px,env(safe-area-inset-right));bottom:18px;width:274px;height:246px}
.desktop-client.touch-client .action-group{display:block;inset:0;pointer-events:none}
.desktop-client.touch-client .actionbar button.action{position:absolute;display:grid;place-items:center;pointer-events:auto;width:58px;height:58px;min-height:0;padding:0;background:none;border:0;border-radius:50%;box-shadow:none;touch-action:manipulation;user-select:none;isolation:isolate;filter:drop-shadow(0 1px 2px #0006)}
/* Crop only the original round bezel; the ornament outside it belongs to the
   desktop rail, not to a skill socket. No duplicated cross or orb overhang. */
.desktop-client.touch-client .actionbar button.action::before{content:"";position:absolute;inset:0;background:url('/assets/ui/rail-0-0.png') right top/222% 232% no-repeat;clip-path:circle(49% at 50% 50%);z-index:-2;pointer-events:none}
.desktop-client.touch-client .actionbar button.action::after{content:"";position:absolute;inset:17%;border-radius:50%;background:#10211de0;z-index:-1;pointer-events:none}
.desktop-client.touch-client .actionbar button.action.vacant-slot::before{opacity:.86}
.desktop-client.touch-client .actionbar button.action.vacant-slot::after{background:#0d181be8}
.desktop-client.touch-client .actionbar button.action.vacant-slot :is(.action-icon,b,small){display:none}
.desktop-client.touch-client .actionbar button.action .action-icon{display:grid;place-items:center;height:40px;margin-bottom:9px}
.desktop-client.touch-client .actionbar button.action.attack-slot .native-item-icon{transform:scale(1.65);overflow:visible}
.desktop-client.touch-client .actionbar button.action .native-item-icon{width:40px;height:40px}
.desktop-client.touch-client .actionbar button.action:active{filter:brightness(1.4);transform:scale(.96)}
.desktop-client.touch-client .actionbar button.action:focus-visible{outline:2px solid #e9d494;outline-offset:2px}
.desktop-client.touch-client .actionbar button.action[data-slot="0"]{left:123px;top:89px;width:78px;height:78px;padding-top:15px}
.desktop-client.touch-client .actionbar button.action[data-slot="1"]{left:51px;top:111px}
.desktop-client.touch-client .actionbar button.action[data-slot="6"]{left:65px;top:40px}
.desktop-client.touch-client .actionbar button.action[data-slot="7"]{left:136px;top:14px}
.desktop-client.touch-client .actionbar button.action[data-slot="8"]{left:206px;top:45px}
.desktop-client.touch-client .actionbar button.action[data-slot="9"]{left:206px;top:122px}
.desktop-client.touch-client .actionbar button.action:is([data-slot="2"],[data-slot="3"],[data-slot="4"],[data-slot="5"]){top:202px;width:44px;height:44px;border-radius:50%;background:none;padding:0}
.desktop-client.touch-client .actionbar button.action[data-slot="2"]{left:44px}
.desktop-client.touch-client .actionbar button.action[data-slot="3"]{left:94px}
.desktop-client.touch-client .actionbar button.action[data-slot="4"]{left:144px}
.desktop-client.touch-client .actionbar button.action[data-slot="5"]{left:194px}
.desktop-client.touch-client .actionbar button.action b{bottom:4px;font-size:10px;left:5px;right:5px;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none}
.desktop-client.touch-client .actionbar button.action[data-slot="0"] b{bottom:10px;font-size:12px}
.desktop-client.touch-client .actionbar button.action:is([data-slot="2"],[data-slot="3"],[data-slot="4"],[data-slot="5"]) b{font-size:8px;bottom:1px}
.desktop-client.touch-client .actionbar .action-icon{font-size:25px;line-height:27px;text-shadow:1px 1px #000;pointer-events:none}
.desktop-client.touch-client .actionbar [data-slot="0"] .action-icon{font-size:31px}
.desktop-client.touch-client .actionbar .action small{top:7px;right:8px;background:#10170cbb;border-radius:50%;color:#fff0c7;font-size:11px;line-height:17px;pointer-events:none}
.desktop-client.touch-client .actionbar [data-slot="0"] small{top:16px;right:13px}
.desktop-client.touch-client .function-rail{background:url('/assets/ui/rail-1-0.png') center/100% 100% no-repeat!important;border:0;border-radius:0;bottom:20px}
.desktop-client.touch-client .function-rail>button{border:0;background-color:transparent!important}
.desktop-client.touch-client .scene-bottom{right:340px}
@media(max-height:350px){.desktop-client.touch-client .actionbar{transform:scale(.88);transform-origin:right bottom;height:246px;bottom:12px}}