/* Shared small mechanical switches. */
#siteSwitchDock{position:fixed!important;inset:calc(env(safe-area-inset-top,0px) + 7px) 8px auto auto!important;display:flex;align-items:center;gap:5px;z-index:1100;height:32px;padding:0;background:none;max-width:calc(100vw - 90px)}
body.welcome-open #siteSwitchDock,body:has(#welcomeGate:not([hidden])) #siteSwitchDock{display:none!important}
.language-switch{display:flex!important;justify-content:center;margin:6px 0!important;padding:0!important;background:none!important;border:0!important;min-height:0!important;width:auto!important;flex:0 0 auto!important;grid-column:auto!important}
#siteSwitchDock .language-switch{margin:0!important}
body .analog-switch,body #elementalMercenary #memberMercenaryToggle{position:relative!important;display:inline-flex!important;align-items:center;justify-content:flex-start;box-sizing:border-box;width:104px!important;min-width:0!important;min-height:30px!important;height:30px!important;margin:0!important;padding:0 36px 0 7px!important;border:1px solid #d5af65!important;border-radius:7px!important;background:linear-gradient(#674529,#291b15)!important;color:#fff3d5!important;font:600 10px/1 sans-serif!important;letter-spacing:0!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px 1px #fff3,0 2px 3px #0006!important;white-space:nowrap;cursor:pointer;touch-action:manipulation}
body .analog-switch::before,body #elementalMercenary #memberMercenaryToggle::before{content:'';position:absolute;right:5px;top:8px;width:27px;height:12px;border-radius:7px;background:#181510;box-shadow:inset 0 1px 4px #000;border:1px solid #9a7842}
body .analog-switch::after,body #elementalMercenary #memberMercenaryToggle::after{content:'';position:absolute;right:19px;top:7px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#fff0c9,#9a855a 60%,#e1c891);border:1px solid #f0d48e;box-shadow:0 2px 3px #0009;transition:right .18s ease}
body .analog-switch[aria-pressed=true]::after,body .analog-switch[aria-checked=true]::after,body #elementalMercenary #memberMercenaryToggle[aria-checked=true]::after{right:4px}
body .analog-switch[aria-pressed=true]::before,body .analog-switch[aria-checked=true]::before,body #elementalMercenary #memberMercenaryToggle[aria-checked=true]::before{background:#267643;box-shadow:inset 0 1px 3px #102d19,0 0 4px #61e58b66}
body .dock-bgm{width:100px!important;font-size:9px!important;position:relative!important;inset:auto!important;transform:none!important}
body .sound-toggle:not(.dock-bgm){display:none!important}
body .site-header{padding-top:43px!important}body .room{padding-top:44px!important}
body #elementalMercenary #memberMercenaryToggle{width:64px!important;flex:0 0 64px!important;padding-left:5px!important;font-size:10px!important}
body .analog-switch:focus-visible,body #elementalMercenary #memberMercenaryToggle:focus-visible{outline:2px solid #fff3ab;outline-offset:3px}
body #elementalMercenary #memberMercenaryToggle[hidden],body .analog-switch[hidden]{display:none!important}
body .game-board{padding-top:calc(48px + env(safe-area-inset-top,0px))!important}
body .game-board .board-back{top:calc(7px + env(safe-area-inset-top,0px))!important}

body #elementalMercenary #memberMercenaryToggle{height:28px!important;min-height:28px!important;padding-left:8px!important;padding-right:31px!important;border-radius:14px!important}
body #elementalMercenary #memberMercenaryToggle::before{top:6px!important}body #elementalMercenary #memberMercenaryToggle::after{top:5px!important}

/* Mercenary switch has no ON/OFF text: right green, left red. */
body #elementalMercenary #memberMercenaryToggle{width:48px!important;min-width:48px!important;height:29px!important;min-height:29px!important;padding:0!important;border:2px solid #d9b75b!important;border-radius:14px!important;background:radial-gradient(ellipse at 45% 30%,#e2524c,#921e29 75%,#500c1c)!important;box-shadow:inset 0 0 0 2px #4f0c17,0 0 5px #c8343855!important}
body #elementalMercenary #memberMercenaryToggle::before{display:none!important}
body #elementalMercenary #memberMercenaryToggle::after{top:1px!important;right:19px!important;width:23px!important;height:23px!important;background:linear-gradient(135deg,#fff4b4,#e1b64c 55%,#ac7623 75%,#f5d789)!important;border:1px solid #fff0a3!important;box-shadow:inset 0 0 0 2px #ad7e29,0 2px 4px #200a05b0!important}
body #elementalMercenary #memberMercenaryToggle[aria-checked=true]{background:radial-gradient(ellipse at 45% 30%,#5beb67,#0b902a 70%,#054618)!important;box-shadow:inset 0 0 0 2px #075521,0 0 7px #3cdb5555!important}
body #elementalMercenary #memberMercenaryToggle[aria-checked=true]::after{right:1px!important}