/* Dedicated touch screen, shared authoritative game rules and account save. */
.lr-mobile-page{margin:0;background:#284c3d;overflow:hidden;overscroll-behavior:none;font-family:system-ui,sans-serif}
.lr-mobile{margin:0;padding:0;width:100%;max-width:none;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.lr-mobile .lr-shell{height:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}
.lr-mobile .lr-header{height:50px;min-height:50px;padding:0 max(12px,env(safe-area-inset-left));gap:8px}
.lr-mobile .lr-brand b{font-size:19px}.lr-mobile .lr-brand small{font-size:8px}.lr-mobile .lr-emblem{font-size:28px}.lr-mobile .lr-header-center{display:none}
.lr-mobile .lr-header-actions{gap:6px}.lr-mobile .lr-header-actions>span{font-size:9px;margin:0}.lr-mobile #lrFull{display:none}
.lr-mobile .lr-stage{height:auto;min-height:0;max-height:none;flex:1;touch-action:none}
.lr-mobile .lr-footer,.lr-mobile .lr-page-note{display:none}
.lr-mobile .lr-player-panel{top:10px;left:10px;width:174px;padding:5px;gap:5px;background:#fbf6e9ed}
.lr-mobile .lr-player-panel canvas{width:38px;height:43px}.lr-mobile .lr-player-panel p{font-size:10px;margin:0 0 5px}.lr-mobile .lr-player-panel p span{font-size:9px}
.lr-mobile .lr-map-panel{top:10px;right:10px;width:99px;padding:3px}.lr-mobile .lr-map-panel canvas{width:91px;height:62px}.lr-mobile .lr-map-panel>div{padding:3px 0;font-size:8px;flex-direction:column;gap:0}
.lr-mobile .lr-map-panel button{min-height:22px;font-size:10px}.lr-mobile .lr-place{left:13px;top:80px;transform:none;text-align:left}.lr-mobile .lr-place b{font-size:17px;letter-spacing:.06em;margin:0}.lr-mobile .lr-place small,.lr-mobile .lr-place span{display:none}
.lr-mobile .lr-quest{top:111px;left:10px;width:158px;font-size:10px}.lr-mobile .lr-quest>button{padding:9px}.lr-mobile .lr-quest>div{padding:0 9px 9px}
.lr-mobile .lr-target{top:125px;right:10px;left:auto;transform:none;width:140px;font-size:10px}
.lr-mobile .lr-game-ui:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#1b3c3033);z-index:-1}
.lr-mobile .lr-touch{display:block}.lr-mobile .lr-stick{left:max(18px,env(safe-area-inset-left));bottom:64px;width:102px;height:102px;background:#f7f1d73b;border:2px solid #f7f1d7bb}.lr-mobile .lr-stick i{left:27px;top:27px}
.lr-mobile .lr-touch>button:last-child{right:max(18px,env(safe-area-inset-right));bottom:61px;width:72px;height:72px;font-size:27px;background:#315f4dee;border:2px solid #e2dbb0}
.lr-mobile .lr-touch>button:nth-child(2){right:27px;bottom:142px;width:57px;height:45px;font-size:11px;border-radius:16px}
.lr-mobile .lr-hotbar{bottom:8px;left:50%;gap:8px;padding:5px 9px;border-radius:13px}.lr-mobile .lr-hotbar button{width:54px;height:42px;flex-direction:row;gap:4px}.lr-mobile .lr-hotbar button>span{font-size:20px;height:auto}.lr-mobile .lr-hotbar button b{font-size:9px}
.lr-mobile .lr-hotbar kbd,.lr-mobile .lr-hotbar-divider,.lr-mobile .lr-hotbar button[data-action="attack"],.lr-mobile .lr-hotbar button[data-action="gather"],.lr-mobile .lr-hotbar button[data-action="interact"]{display:none}
.lr-mobile .lr-context{bottom:195px;font-size:10px;white-space:normal;text-align:center;max-width:80%;padding:5px 10px}.lr-mobile .lr-debug-button{display:none}.lr-mobile .lr-toasts{bottom:205px;right:10px;max-width:220px;font-size:11px}
.lr-mobile .lr-dialog-backdrop{padding:10px}.lr-mobile .lr-dialog{width:100%;max-width:560px;max-height:95%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lr-mobile .lr-dialog header{padding:12px 15px}.lr-mobile .lr-dialog #lrModalBody{padding:14px}.lr-mobile .lr-dialog input,.lr-mobile .lr-dialog select{font-size:16px}
.lr-mobile .lr-welcome-card{max-width:calc(100% - 28px);width:335px;padding:22px}.lr-mobile .lr-chapter{font-size:8px}.lr-mobile .lr-title-en{margin:8px 0 13px}.lr-mobile .lr-welcome h1{font-size:34px}.lr-mobile .lr-welcome-star{height:38px;line-height:38px;font-size:34px}.lr-mobile .lr-welcome-copy{margin-bottom:14px}.lr-mobile .lr-loading{padding:20px;text-align:center}
@media(orientation:landscape){.lr-mobile .lr-header{height:40px;min-height:40px}.lr-mobile .lr-place{left:50%;top:10px;transform:translateX(-50%);text-align:center}.lr-mobile .lr-quest{top:77px}.lr-mobile .lr-stick{bottom:20px}.lr-mobile .lr-touch>button:last-child{bottom:16px}.lr-mobile .lr-touch>button:nth-child(2){bottom:98px}.lr-mobile .lr-hotbar{bottom:9px}.lr-mobile .lr-context{bottom:65px}.lr-mobile .lr-welcome-card{padding:15px 25px;width:430px}.lr-mobile .lr-welcome-star,.lr-mobile .lr-chapter,.lr-mobile .lr-welcome-features{display:none}.lr-mobile .lr-welcome-copy{margin:8px 0}.lr-mobile .lr-toasts{bottom:90px;right:100px}}
@media(min-width:750px) and (min-height:650px){.lr-mobile .lr-player-panel{width:215px}.lr-mobile .lr-map-panel{width:133px}.lr-mobile .lr-map-panel canvas{width:125px;height:88px}.lr-mobile .lr-place{top:18px;left:50%;transform:translateX(-50%)}.lr-mobile .lr-place b{font-size:24px}.lr-mobile .lr-quest{top:85px;width:190px}.lr-mobile .lr-stick{width:120px;height:120px;bottom:32px;left:32px}.lr-mobile .lr-stick i{left:36px;top:36px}.lr-mobile .lr-touch>button:last-child{right:32px;bottom:32px;width:88px;height:88px}.lr-mobile .lr-touch>button:nth-child(2){right:48px;bottom:132px}.lr-mobile .lr-hotbar{bottom:24px}.lr-mobile .lr-hotbar button{width:72px;height:52px}.lr-mobile .lr-context{bottom:95px}}

/* Keep touch layout independent of the shared adventure theme's breakpoints. */
#lrApp.lr-mobile{--lr-safe-top:env(safe-area-inset-top,0px);--lr-safe-bottom:env(safe-area-inset-bottom,0px);--lr-safe-left:env(safe-area-inset-left,0px);--lr-safe-right:env(safe-area-inset-right,0px);height:min(100dvh,var(--lr-viewport-height,100dvh));padding:var(--lr-safe-top) 0 var(--lr-safe-bottom)}
#lrApp.lr-mobile .lr-header{height:48px;min-height:48px;padding-inline:max(12px,var(--lr-safe-left)) max(12px,var(--lr-safe-right))}
#lrApp.lr-mobile .lr-header-actions button{width:44px;height:44px;min-width:44px;min-height:44px}
#lrApp.lr-mobile .lr-stage{touch-action:auto}
#lrApp.lr-mobile .lr-player-panel{left:max(10px,var(--lr-safe-left))}
#lrApp.lr-mobile .lr-map-panel{right:max(10px,var(--lr-safe-right))}
#lrApp.lr-mobile #lrMapButton{min-height:44px;width:100%}
#lrApp.lr-mobile .lr-quest{top:130px;left:max(10px,var(--lr-safe-left));width:min(166px,calc(100% - var(--lr-safe-left) - var(--lr-safe-right) - 172px))}
#lrApp.lr-mobile #lrQuestToggle{min-height:44px}
#lrApp.lr-mobile .lr-quest:has(#lrQuestToggle[aria-expanded="false"]){width:44px}
#lrApp.lr-mobile #lrQuestToggle[aria-expanded="false"]{width:44px;height:44px;padding:0;justify-content:center}
#lrApp.lr-mobile #lrQuestToggle[aria-expanded="false"]>span{display:none}
#lrApp.lr-mobile #lrQuestToggle[aria-expanded="false"]::before{content:"▤";font-size:20px;line-height:1}
#lrApp.lr-mobile .lr-target{top:148px;right:max(10px,var(--lr-safe-right))}
#lrApp.lr-mobile .lr-target{padding-right:46px}
#lrApp.lr-mobile #lrCancelTarget{top:7px;right:0;width:44px;height:44px}
#lrApp.lr-mobile .lr-context{display:none;bottom:calc(50% + 20px);max-width:calc(100% - var(--lr-safe-left) - var(--lr-safe-right) - 24px);font-size:10px}
#lrApp.lr-mobile #lrStick{left:max(18px,var(--lr-safe-left));bottom:80px;width:102px;height:102px;touch-action:none}
#lrApp.lr-mobile #lrStick i{left:calc(50% - 22.5px);top:calc(50% - 22.5px)}
#lrApp.lr-mobile #lrTouchAttack{right:max(18px,var(--lr-safe-right));bottom:80px;width:72px;height:72px;touch-action:none}
#lrApp.lr-mobile #lrTouchAction{right:max(18px,var(--lr-safe-right));bottom:164px;width:64px;height:44px}
#lrApp.lr-mobile #lrStick,#lrApp.lr-mobile #lrTouchAttack,#lrApp.lr-mobile #lrSkillButton,#lrApp.lr-mobile [data-action="potion"],#lrApp.lr-mobile #lrTouchAction{touch-action:none;user-select:none;-webkit-touch-callout:none}
#lrApp.lr-mobile .lr-hotbar{left:calc(50% + (var(--lr-safe-left) - var(--lr-safe-right))/2);bottom:8px;width:286px;max-width:calc(100% - var(--lr-safe-left) - var(--lr-safe-right) - 16px);height:58px;padding:4px;gap:3px}
#lrApp.lr-mobile .lr-hotbar button{flex:1 1 0;min-width:44px;width:auto;height:48px;flex-direction:column;gap:2px}
#lrApp.lr-mobile .lr-hotbar button[data-action="maker"]{display:flex}
#lrApp.lr-mobile .lr-hotbar #lrSkillButton{flex:1.2 1 0}
#lrApp.lr-mobile .lr-hotbar button>span{font-size:18px;height:18px;line-height:18px}
#lrApp.lr-mobile .lr-hotbar button b{max-width:100%;font-size:8px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lrApp.lr-mobile .lr-dialog-backdrop{padding:8px max(8px,var(--lr-safe-right)) 8px max(8px,var(--lr-safe-left));touch-action:pan-y pinch-zoom}
#lrApp.lr-mobile .lr-dialog{width:min(560px,100%);max-height:100%;overflow:auto;touch-action:pan-y pinch-zoom;scroll-padding-top:68px}
#lrApp.lr-mobile .lr-dialog:has(.la-journal){width:min(760px,100%)}
#lrApp.lr-mobile .lr-dialog>header{position:sticky;top:0;z-index:6;height:60px;min-height:60px;align-items:center;gap:8px;padding:8px 12px;background:#fff9e9}
#lrApp.lr-mobile .lr-dialog h2{min-width:0;margin:0;font-size:14px;line-height:1.35;letter-spacing:.04em}
#lrApp.lr-mobile .lr-dialog header button{width:44px;height:44px;flex:0 0 44px}
#lrApp.lr-mobile .la-tabs{top:0;gap:3px;padding:8px 6px 0}
#lrApp.lr-mobile .la-tabs button{min-width:0;min-height:44px;padding:8px 4px;font-size:11px}
@media(min-width:750px) and (min-height:650px){
 #lrApp.lr-mobile .lr-player-panel{width:215px}
 #lrApp.lr-mobile .lr-place{top:16px;left:50%;transform:translateX(-50%)}
 #lrApp.lr-mobile .lr-quest{top:112px;width:190px}
 #lrApp.lr-mobile .lr-target{top:174px;width:160px}
 #lrApp.lr-mobile #lrStick{left:max(32px,var(--lr-safe-left));bottom:32px;width:120px;height:120px}
 #lrApp.lr-mobile #lrTouchAttack{right:max(32px,var(--lr-safe-right));bottom:32px;width:88px;height:88px}
 #lrApp.lr-mobile #lrTouchAction{right:max(44px,var(--lr-safe-right));bottom:132px}
 #lrApp.lr-mobile .lr-hotbar{bottom:24px;width:356px;height:62px}
 #lrApp.lr-mobile .lr-hotbar button{height:52px}
}
@media(max-height:600px) and (orientation:landscape){
 #lrApp.lr-mobile .lr-header{height:44px;min-height:44px}
 #lrApp.lr-mobile .lr-place,#lrApp.lr-mobile .lr-quest,#lrApp.lr-mobile .lr-context{display:none}
 #lrApp.lr-mobile .lr-target{top:10px;left:calc(50% + (var(--lr-safe-left) - var(--lr-safe-right))/2);right:auto;transform:translateX(-50%);width:160px}
 #lrApp.lr-mobile .lr-map-panel canvas{height:48px}
 #lrApp.lr-mobile .lr-map-panel>div{padding:0}
 #lrApp.lr-mobile .lr-map-panel>div>span{display:none}
 #lrApp.lr-mobile #lrStick{left:max(12px,var(--lr-safe-left));bottom:12px;width:92px;height:92px}
 #lrApp.lr-mobile #lrTouchAttack{right:max(12px,var(--lr-safe-right));bottom:12px;width:72px;height:72px}
 #lrApp.lr-mobile #lrTouchAction{right:max(12px,var(--lr-safe-right));bottom:92px}
 #lrApp.lr-mobile .lr-hotbar{max-width:calc(100% - var(--lr-safe-left) - var(--lr-safe-right) - 232px)}
}
@media(max-width:600px) and (orientation:landscape){#lrApp.lr-mobile .lr-player-panel{width:154px}#lrApp.lr-mobile .lr-target{width:132px}}
@media(max-height:540px){
 #lrApp.lr-mobile .lr-welcome{padding:10px}
 #lrApp.lr-mobile .lr-welcome-card{width:350px;max-width:100%;padding:12px 18px;border-radius:24px}
 #lrApp.lr-mobile .lr-welcome-star,#lrApp.lr-mobile .lr-title-en,#lrApp.lr-mobile .lr-chapter,#lrApp.lr-mobile .lr-save-copy,#lrApp.lr-mobile .lr-welcome-features{display:none}
 #lrApp.lr-mobile .lr-title-small{margin:0 0 4px;font-size:11px;line-height:1.3}
 #lrApp.lr-mobile .lr-welcome h1{margin:0 0 8px;font-size:29px;line-height:1.25}
 #lrApp.lr-mobile .lr-welcome-copy{margin:6px 0 12px;font-size:10px;line-height:1.6}
 #lrApp.lr-mobile .lr-welcome .lr-primary{min-height:44px;padding:10px}
 #lrApp.lr-mobile .lr-welcome .lr-text-button{margin-top:5px;padding:8px;min-height:34px}
 #lrApp.lr-mobile .lr-place,#lrApp.lr-mobile .lr-quest,#lrApp.lr-mobile .lr-context{display:none}
}
@media(max-height:540px) and (orientation:portrait){#lrApp.lr-mobile .lr-target{top:84px;left:max(10px,var(--lr-safe-left));right:auto;transform:none;width:166px}}
/* Quick pouch and compact, legible vitals on touch screens. */
#lrApp.lr-mobile .lr-player-panel{top:8px;width:224px;padding:7px;gap:7px;border-radius:13px}
#lrApp.lr-mobile .lr-portrait-frame{flex-basis:43px;width:43px;height:60px;border-radius:11px}
#lrApp.lr-mobile .lr-portrait-frame canvas{width:43px;height:60px}
#lrApp.lr-mobile .lr-player-name>b{font-size:11px}
#lrApp.lr-mobile .lr-player-name>span{font-size:9px;padding:0 4px}
#lrApp.lr-mobile #lrJobName{font-size:8px;margin-bottom:3px}
#lrApp.lr-mobile .lr-vitals .lr-meter{height:14px;margin-top:3px}
#lrApp.lr-mobile .lr-vitals .lr-meter>b{font-size:7px;line-height:12px}
#lrApp.lr-mobile .lr-vitals .lr-meter>span{font-size:8px;line-height:12px}
#lrApp.lr-mobile .lr-vitals .lr-xp{height:7px}
#lrApp.lr-mobile .lr-vitals .lr-xp>span{font-size:5px;line-height:5px}
#lrApp.lr-mobile .lr-place{top:112px}
#lrApp.lr-mobile .lr-quest{top:143px}
#lrApp.lr-mobile .lr-quickbar{bottom:8px;width:244px;max-width:calc(100% - 20px);height:58px;padding:4px;gap:4px;border-radius:13px}
#lrApp.lr-mobile .lr-quickbar button{width:auto;flex:1;min-width:44px;height:48px;border-radius:8px;gap:0}
#lrApp.lr-mobile .lr-quickbar button>span{font-size:19px;line-height:20px}
#lrApp.lr-mobile .lr-quickbar button>b{font-size:9px;line-height:11px}
#lrApp.lr-mobile .lr-quickbar button>small{font-size:8px;line-height:10px}
#lrApp.lr-mobile .lr-quickbar kbd{font-size:7px;top:2px;left:3px}
#lrApp.lr-mobile .lr-hotbar{left:calc(50% + 14px + (var(--lr-safe-left) - var(--lr-safe-right))/2);bottom:72px;width:154px;height:52px;padding:3px;gap:3px}
#lrApp.lr-mobile .lr-hotbar button{min-width:44px;height:44px}
#lrApp.lr-mobile .lr-hotbar #lrSkillButton,#lrApp.lr-mobile .lr-hotbar [data-action="potion"]{display:none}
#lrApp.lr-mobile .lr-pouch-bindings select{font-size:16px;min-height:44px}
#lrApp.lr-mobile .lr-pouch-bindings button,#lrApp.lr-mobile .lr-pouch-equipment button{min-height:44px;min-width:44px}
@media(max-width:359px){#lrApp.lr-mobile .lr-player-panel{width:196px}#lrApp.lr-mobile .lr-player-name>b{font-size:10px}#lrApp.lr-mobile .lr-quickbar{width:224px}#lrApp.lr-mobile .lr-hotbar{left:calc(50% + 12px);width:148px}#lrApp.lr-mobile #lrStick{width:88px;height:88px;left:8px}#lrApp.lr-mobile #lrTouchAttack{right:8px;width:64px;height:64px}}
@media(orientation:landscape){#lrApp.lr-mobile .lr-player-panel{width:211px}#lrApp.lr-mobile .lr-place{top:10px}#lrApp.lr-mobile .lr-quest{top:112px}#lrApp.lr-mobile .lr-quickbar{bottom:8px;width:244px}#lrApp.lr-mobile .lr-hotbar{bottom:73px;width:154px}#lrApp.lr-mobile #lrStick,#lrApp.lr-mobile #lrTouchAttack{bottom:18px}#lrApp.lr-mobile #lrTouchAction{bottom:100px}}
@media(min-width:750px) and (min-height:650px){#lrApp.lr-mobile .lr-player-panel{width:278px;padding:10px;gap:10px}#lrApp.lr-mobile .lr-portrait-frame{flex-basis:56px;width:56px;height:72px}#lrApp.lr-mobile .lr-portrait-frame canvas{width:56px;height:72px}#lrApp.lr-mobile .lr-player-name>b{font-size:14px}#lrApp.lr-mobile .lr-vitals .lr-meter{height:16px}#lrApp.lr-mobile .lr-vitals .lr-xp{height:8px}#lrApp.lr-mobile .lr-place{top:18px}#lrApp.lr-mobile .lr-quest{top:140px}#lrApp.lr-mobile .lr-quickbar{width:304px;height:70px;bottom:24px}#lrApp.lr-mobile .lr-quickbar button{height:60px}#lrApp.lr-mobile .lr-quickbar button>b{font-size:9px}#lrApp.lr-mobile .lr-quickbar button>small{font-size:9px}#lrApp.lr-mobile .lr-hotbar{bottom:104px;width:180px}}