/* ===== s7：虛擬搖桿、技能組切換鈕、載入進度條（js/s7.js）===== */
/* 搖桿：左下角。直式手機放在選單列＋聊天列＋「出發／前往首領」鈕（#bBoss）上面；橫式手機（html.l8）放在表情／聊天那一排上面。桌機（鍵盤）不顯示 */
#s7joy{display:none;position:absolute;left:calc(var(--sal,0px) + 14px);bottom:calc(var(--sab,0px) + 130px);width:112px;height:112px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10) 0 38%,rgba(27,20,48,.34) 40% 100%);border:2px solid rgba(246,201,90,.55);box-shadow:0 2px 8px rgba(0,0,0,.3);
  pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:2;opacity:.72}
#s7joy.on{opacity:1;border-color:#ffe38a}
#s7joy i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#f6c95a 60%,#c98a2a);border:2px solid #7a4a14;box-shadow:0 2px 5px rgba(0,0,0,.45);pointer-events:none;will-change:transform}
html.s7joy:not(.pc) #s7joy{display:block}
html.s7joy:not(.pc) #hud #toasts{bottom:calc(var(--sab,0px) + 250px)}
html.l8 #s7joy{left:calc(var(--sal,0px) + 18px);bottom:calc(var(--sab,0px) + 60px);width:104px;height:104px}
html.l8.s7joy #hud #toasts{left:calc(var(--sal,0px) + 132px);bottom:calc(var(--sab,0px) + 60px)}
body.cine #s7joy,body.cine #s7ld{display:none!important}
/* 技能組一鍵切換鈕：位置由 js 量（貼著「全部」技能鈕） */
#s7ld{position:fixed;left:-99px;top:-99px;width:44px;height:22px;padding:0;border-radius:11px;border:1.5px solid #f6c95a;background:rgba(27,20,48,.86);color:#ffe38a;box-shadow:0 2px 4px rgba(0,0,0,.4);pointer-events:auto;z-index:2;font:900 10.5px/19px ui-rounded,"PingFang TC",sans-serif;white-space:nowrap;overflow:hidden}
#s7ld b{display:block;font-weight:900}
#s7ld:active{filter:brightness(1.25)}
html.pc #s7ld{display:none!important}
/* 開場載入進度條（「開始冒險」按鈕下面） */
#s7ldb{position:relative;width:min(240px,62vw);height:14px;margin:8px auto 0;border-radius:7px;background:rgba(20,14,40,.6);border:1.5px solid rgba(246,201,90,.7);overflow:hidden;transition:opacity .5s}
#s7ldb i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#ffe9a0,#f6b53a);border-radius:6px;transition:width .15s linear}
#s7ldb span{position:absolute;left:0;right:0;top:0;line-height:11px;font:800 9.5px/11px ui-rounded,"PingFang TC",sans-serif;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.7)}
#s7ldb.done{opacity:0;pointer-events:none}