/* A single set of bindings, presented by the three existing mobile layouts. */
.skill-key{position:absolute;left:0;right:0;bottom:1px;text-align:center;pointer-events:none;font:700 10px/14px Tahoma;color:#fff3c0;text-shadow:0 1px 3px #000,1px 0 2px #000;z-index:4}
.skill-time{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:800 14px Tahoma;color:#fff;text-shadow:0 1px 3px #000;z-index:4}
.buff-on{border-color:#8ddd87!important;box-shadow:0 0 8px #69d88780!important}
.skill-touch-guard{position:absolute;z-index:0;pointer-events:auto;touch-action:none;background:transparent}
#vli-skill-picker .skill-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:4px 0 12px}
#vli-skill-picker .skill-choice{display:flex;align-items:center;gap:8px;min-height:62px;text-align:left;border:1px solid #645c3f;background:#17241c;color:#eee4c6;padding:8px;border-radius:4px;touch-action:manipulation}
#vli-skill-picker .skill-choice.selected{border-color:#d9bd70;background:#38432a}
#vli-skill-picker .skill-choice img,#vli-skill-picker .skill-empty{width:42px;height:42px;object-fit:contain;flex:none}
#vli-skill-picker .skill-empty{display:grid;place-items:center;border:1px dashed #a9925e;font-size:24px}
#vli-skill-picker .skill-choice b{display:block;font:700 12px/1.35 Tahoma}
#vli-skill-picker .skill-choice small{display:block;margin-top:4px;color:#bbbfaa;font:10px/1.3 Tahoma}
#vli-arc .ab{z-index:3!important}
#vli-arc .sk{width:58px!important;height:58px!important}
#vli-arc .left{width:64px;height:64px;border:2px solid #b7c8c1}
#vli-arc .main .skill-key,#vli-arc .left .skill-key{bottom:3px;font-size:11px}
#vli-arc .sk .skill-key{bottom:auto;top:0;text-align:left;padding-left:3px;box-sizing:border-box;font-size:10px}
#vli-arc .sk .lv{bottom:1px;right:4px;font-size:11px;pointer-events:none}
#vli-arc .bf{display:none!important}
#vli-arc .ab::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:transparent}
#vli-arc-joy{z-index:2!important;width:176px!important;height:176px!important;box-sizing:border-box}
#vli-arc-joy .kn{width:56px!important;height:56px!important;margin:-28px 0 0 -28px!important;transition:none!important}
#vlm-joy{left:calc(4px + env(safe-area-inset-left,0px))!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;width:180px!important;height:180px!important}
#vlm-actions{width:292px!important;height:266px!important;pointer-events:auto!important;touch-action:none}
#vlm-actions .vlm-btn{touch-action:none!important}
#vlm-main-btn{width:82px!important;height:82px!important;right:6px!important;bottom:6px!important}
#vlm-main-btn::after{display:none!important}
#vlm-left-btn{width:64px;height:64px;right:106px;bottom:9px;border-color:#b7c8c1}
#vlm-left-btn .vlm-main-icon{width:82%;height:82%;background:center/contain no-repeat}
#vlm-actions .vlm-sk{width:52px!important;height:52px!important}
#vlm-actions .vlm-sk1{right:218px!important;bottom:89px!important}
#vlm-actions .vlm-sk2{right:177px!important;bottom:158px!important}
#vlm-actions .vlm-sk3{right:104px!important;bottom:184px!important}
#vlm-actions .vlm-sk4{right:22px!important;bottom:124px!important}
#vlm-actions .vlm-sk .skill-key{bottom:auto;top:1px;text-align:left;padding-left:3px;box-sizing:border-box}
#vlm-actions .vlm-sk-key{display:none}
#vlm-actions .vlm-hp{right:228px!important;bottom:8px!important}
#vlm-actions .vlm-mp{right:174px!important;bottom:80px!important}
#vlm-actions .vlm-util.tp{right:215px!important;bottom:215px!important}
#vlm-actions .vlm-util.ride{right:160px!important;bottom:245px!important}
#vlm-actions .vlm-util.auto{right:52px!important;bottom:245px!important}
html body #pad .jxc-bfr,html body #pad .jxc-bf{display:none!important}
html body #rotBtn{display:none!important}
html body.vli-arc #jxc-bl [data-k="rot"]{display:none!important}
@media (orientation:portrait){
  #vli-arc .ab{box-sizing:border-box}
  #vli-arc .main{width:72px!important;height:72px!important;border-width:2px;box-shadow:0 2px 6px #0009}
  #vli-arc .left{width:56px;height:56px}
  #vli-arc .sk{width:52px!important;height:52px!important}
  #vli-arc .ut,#vli-arc .ut.sm{width:40px!important;height:40px!important}
  #vli-arc .ut small,#vli-arc .ut.sm small{font-size:8px;bottom:-11px}
  #vli-arc .ab::before{inset:-2px}
  #vli-arc-joy{width:144px!important;height:144px!important;background:none!important;border:0!important;box-shadow:none!important}
  #vli-arc-joy::before{content:'';position:absolute;inset:16px;border:1px solid #d4bb7666;border-radius:50%;background:radial-gradient(circle,#c1b78c0a,#17181030);pointer-events:none}
  #vli-arc-joy .kn{width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important;opacity:.85}
  html body.jxc.vli-arc #jxc-bl{left:100px;bottom:calc(166px + env(safe-area-inset-bottom));flex-direction:row;gap:4px;z-index:9301}
  html body.jxc.vli-arc #jxc-bl button{position:relative;width:40px;height:44px;padding:0;justify-content:center;align-items:flex-start;padding-top:3px;box-sizing:border-box}
  html body.jxc.vli-arc #jxc-bl button .l{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:8px}
  html body.jxc.vli-arc #jxc-bl button .n{position:absolute;right:-2px;top:-5px;min-width:12px;padding:0 2px;font-size:9px}
}
@media (pointer:coarse),(max-width:900px){
  #vli120Bar{display:none!important}
  html body:not(.vli-arc):not(.vli-mob-land) #pad{--jxs:clamp(44px,12vw,54px);display:grid!important;grid-template-columns:repeat(4,var(--jxs))!important;grid-auto-rows:var(--jxs)!important;gap:6px!important;pointer-events:auto!important;touch-action:none;padding:6px!important}
  html body:not(.vli-arc):not(.vli-mob-land) #pad .hb{display:contents!important}
  html body #pad #bLeft{order:5;border-color:#b7c8c1!important}
  html body #pad #bMain{order:6}
  html body #pad #bHp{order:7}
  html body #pad #bMp{order:8}
  html body #pad #bTp{order:9}
  html body #pad .jxc-x .jxc-b{order:10}
  html body #pad .sk b{display:none}
  html body #pad .sk .skill-key{bottom:auto;top:0;text-align:left;padding-left:3px;box-sizing:border-box}
  html body #pad .pbtn i{pointer-events:none}
}