[hidden]{display:none!important}
/* Classic windows remain, with compact touch chat and shortcut replacements. */
#mobile-ui{--mobile-basic-width:clamp(164px,25vw,212px);--stick-size:126px;position:fixed;inset:0;z-index:5;pointer-events:none;font:13px Tahoma,Arial,sans-serif;color:#172133;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}
#mobile-ui[data-ui-hidden=true] #mobile-game>:not(#mobile-restore-ui),#mobile-ui[data-ui-hidden=true] #mobile-shortcut-picker,body[data-mobile-ui-hidden=true] :is(#debug-finger,#debug-finger-second,#debug-phone-keyboard){display:none!important}
#mobile-ui #mobile-restore-ui{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));min-height:30px;padding:3px 8px;font-size:11px;background:#e9edf1c9}
#mobile-ui button{font:inherit;color:#182236;background:#eef1f5;border:1px solid #8290a0;border-radius:6px;box-shadow:inset 0 1px 0 white;cursor:pointer;touch-action:none;min-height:40px;padding:6px;pointer-events:auto}
#mobile-ui button:active,#mobile-pointer[aria-pressed=true]{background:#b9cee6}#mobile-ui button:disabled{opacity:.45;cursor:default}
.hud-control{pointer-events:auto;touch-action:none}
/* Scale only the visible additions, preserving their screen-edge anchors.
   Login input rectangles already come from the scaled Rust canvas geometry. */
body[data-hud=mobile] #mobile-stick{transform:scale(1.08);transform-origin:left bottom}
body[data-hud=mobile] #mobile-actions{transform:scale(1.08);transform-origin:right bottom}
/* Core controls occupy opposite bottom corners, away from the centered chat. */
#mobile-stick{position:absolute;width:var(--stick-size);height:var(--stick-size);left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));border:1px solid #b8c9d8;border-radius:50%;background:#cad4dd45;color:#e2ecff;box-shadow:0 0 0 2px #fff4;text-shadow:0 1px 2px #000}
#mobile-stick span{position:absolute}#mobile-stick .stick-up{top:7px;left:50%;transform:translateX(-50%)}#mobile-stick .stick-down{bottom:7px;left:50%;transform:translateX(-50%)}#mobile-stick .stick-left{left:9px;top:50%;transform:translateY(-50%)}#mobile-stick .stick-right{right:9px;top:50%;transform:translateY(-50%)}
#mobile-stick-knob{left:50%;top:50%;margin:-20px 0 0 -20px;width:38px;height:38px;border-radius:50%;background:#e8eef5da;border:1px solid #8e9dae;box-shadow:0 1px 3px #0005}
#mobile-stick[data-disabled=true]{opacity:.35;pointer-events:none}
#mobile-utilities{position:absolute;left:calc(16px + var(--mobile-basic-width) + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));display:flex;gap:4px;pointer-events:auto}
#mobile-ui #mobile-utilities button{width:32px;height:30px;min-height:0;padding:2px 0;border-radius:3px;font-size:9px;white-space:nowrap}
#mobile-ui #mobile-sit{position:absolute;left:calc(30px + var(--stick-size)*1.08 + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));width:38px;height:38px;min-height:0;padding:3px;border-radius:50%;font-size:11px;background:#e9edf1e8}
.mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#mobile-actions{--attack-size:110px;--tool-size:50px;--tool-gap:6px;position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:calc(var(--tool-size)*2 + var(--tool-gap));display:flex;flex-direction:column;align-items:center;gap:6px}
#mobile-action-tools{display:flex;gap:var(--tool-gap)}
#mobile-ui #mobile-action-tools button{width:var(--tool-size);height:var(--tool-size);min-height:0;padding:3px;font-size:10px;line-height:12px}
#mobile-next-target span{display:block}
#mobile-attack{width:var(--attack-size);height:var(--attack-size);border-radius:50%!important;font-size:18px!important}
#mobile-ui #mobile-cancel-attack{position:absolute;right:calc(100% + 16px);bottom:0;width:40px;height:40px;min-height:0;padding:2px;border-radius:50%;font-size:10px;background:#f0e4e2ed;border-color:#a98e88}
body[data-hud=mobile] #status{display:none}body[data-hud=mobile] #game{touch-action:none;cursor:none}
#status[data-error=true]{display:block!important;z-index:40;bottom:25%;left:10%;right:10%;max-width:none;font-size:14px;background:#321d1df2;padding:15px;overflow-wrap:anywhere}
@media(max-height:390px){#mobile-ui{--stick-size:104px}#mobile-actions{--attack-size:100px;--tool-size:46px}}
@media(max-height:340px){#mobile-ui{--stick-size:88px}}
@media(max-width:700px) and (orientation:landscape){#mobile-actions{--attack-size:80px;--tool-size:34px;--tool-gap:4px}#mobile-ui #mobile-action-tools button{font-size:9px}}
/* Mobile-only replacement. The original GRF input artwork retains its painted
   wells; history keeps the classic translucent panel, thin border and tabs. */
#mobile-chat{position:absolute;left:calc(43% + (env(safe-area-inset-left) - env(safe-area-inset-right))/2);bottom:calc(18px + env(safe-area-inset-bottom) + var(--keyboard-bottom,0px));transform:translateX(-50%);width:calc(38% - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:40vw;pointer-events:auto;font:11px/13px Tahoma,Arial,sans-serif;color:white}
#mobile-chat-tabs{display:flex;align-items:flex-end;height:19px;gap:1px;padding-left:3px}
#mobile-ui #mobile-chat-tabs button{min-height:0;height:19px;font:10px/16px Tahoma,Arial,sans-serif;padding:0 4px;color:white;text-shadow:1px 1px #000;border:1px solid transparent;border-radius:2px 2px 0 0;background:#0003;box-shadow:none;touch-action:manipulation;white-space:nowrap}
#mobile-ui #mobile-chat-tabs button[aria-selected=true]{border-color:#eee;border-bottom-color:transparent;background:#0005;position:relative;top:1px}
#mobile-ui #mobile-chat-minimize{margin-left:auto;width:25px;font:16px/18px Tahoma,sans-serif;padding:0;border:0;background:none;color:#d3e8ff}
#mobile-chat-history{height:58px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#0006;border:1px solid #eee;padding:3px 6px;box-sizing:border-box;text-shadow:1px 1px #000;scrollbar-width:thin;scrollbar-color:#9c9c9c #171717;user-select:text;-webkit-user-select:text;overflow-wrap:anywhere}
#mobile-chat-form{height:24px;display:grid;grid-template-columns:16% 2% minmax(0,1fr) 18px 20px;align-items:center;background:#eee center/100% 100%;margin:0;box-sizing:border-box;padding:1px 2px;gap:0;border-radius:1px;overflow:hidden}
#mobile-chat-recipient-well,#mobile-chat-message-well{position:relative;height:20px;overflow:hidden}
/* Keep the keyboard font at16px to avoid iOS focus zoom, then render its field
   at the classic11px size. The interactive box still fills the original well. */
#mobile-chat input{position:absolute;inset:0;width:145.4545%;height:145.4545%;transform:scale(.6875);transform-origin:top left;box-sizing:border-box;background:transparent;border:0;border-radius:0;outline:none;box-shadow:none;padding:0 3px;font:16px/26px Tahoma,Arial,sans-serif;color:#111;user-select:text;-webkit-user-select:text;touch-action:manipulation;min-width:0}
#mobile-ui #mobile-chat-form button{min-height:0;height:22px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;touch-action:manipulation;display:grid;place-items:center}
#mobile-ui #mobile-chat-channel{color:#6993da}
#mobile-chat-channel span{width:6px;height:6px;display:block;position:relative;top:1px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0,currentColor 48%,#466699 100%);box-shadow:0 0 0 1px #9cadd0}
#mobile-ui #mobile-chat-channel[data-channel=party]{color:#2c93db}#mobile-ui #mobile-chat-channel[data-channel=guild]{color:#6dfe03}
#mobile-ui #mobile-chat-send{color:#456aa4}#mobile-chat-send svg{position:relative;top:1px}
#mobile-ui #mobile-chat-send:active,#mobile-ui #mobile-chat-channel:active{background:#c5d7ee80}
/* Four touch slots share the original banks: 1-4 / 5-8, repeated for3 banks. */
#mobile-shortcuts{position:absolute;left:calc(62% + 20px - env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:98px;pointer-events:auto;color:white;font:11px Tahoma,Arial,sans-serif}
#mobile-shortcuts header{height:25px;display:flex;align-items:center;justify-content:space-between;gap:4px;text-shadow:1px 1px #000;margin-bottom:4px}
#mobile-ui #mobile-shortcuts header button{min-height:0;width:27px;height:25px;padding:0;font-size:20px;line-height:20px;border-radius:3px;background:#e5eaf0dc}
#mobile-shortcut-grid{display:grid;grid-template-columns:repeat(2,46px);gap:6px}
#mobile-ui .mobile-slot{width:46px;height:46px;min-height:0;position:relative;overflow:hidden;border:1px solid #798ca2;border-radius:3px;background:#e9edf1e8;box-shadow:inset 1px 1px white,inset -1px -1px #c1c9d3;padding:3px;touch-action:none}
.mobile-slot .slot-key{position:absolute;top:2px;left:3px;font:9px Tahoma,sans-serif;color:#3f526c;z-index:1}
.mobile-slot img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.mobile-slot .slot-name{display:block;font:10px/12px Tahoma,sans-serif;overflow:hidden;max-height:25px;margin-top:7px;overflow-wrap:anywhere}
.mobile-slot img:not([hidden])~.slot-name{display:none}
.mobile-slot .slot-detail{position:absolute;bottom:1px;right:2px;font:9px Tahoma,sans-serif;color:#21344b;text-shadow:0 1px white}
.mobile-slot[data-unavailable=true] img,.mobile-slot[data-unavailable=true] .slot-name{opacity:.4}
.mobile-slot[data-pressing=true]{outline:2px solid #a4d8ff;outline-offset:1px}
#mobile-shortcut-picker{position:fixed;inset:0;pointer-events:auto;background:#0005;display:grid;place-items:center}
#mobile-shortcut-picker-panel{width:min(330px,80vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #899aab;border-radius:3px;background:#eee;box-shadow:inset 1px 1px white,0 2px 8px #0006;color:#182236;font:12px Tahoma,Arial,sans-serif}
#mobile-shortcut-picker-panel header{height:25px;display:flex;align-items:center;justify-content:space-between;padding-left:8px;background:linear-gradient(#d8eaff,#abc9ed 45%,#d9e9fb 50%,#eef5ff);border-bottom:1px solid #7895b6}
#mobile-ui #mobile-shortcut-picker-close{width:30px;height:25px;min-height:0;padding:0;border:0;background:none;font-size:20px}
#mobile-shortcut-picker-panel p{margin:7px 9px;font-size:11px}
#mobile-shortcut-choices{overflow:auto;overscroll-behavior:contain;touch-action:pan-y;max-height:160px;border-block:1px solid #bdc5cf;background:white;padding:3px}
#mobile-ui #mobile-shortcut-choices button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;text-align:left;border:0;border-radius:0;background:white;box-shadow:none;touch-action:manipulation;font-size:12px}
#mobile-ui #mobile-shortcut-choices button:active{background:#c8daf5}
#mobile-shortcut-choices img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
#mobile-shortcut-picker-panel footer{display:flex;align-items:center;gap:8px;padding:6px;font-size:10px;color:#526273}
#mobile-ui #mobile-shortcut-clear{min-height:30px;padding:3px 9px;border-radius:2px;font-size:11px}
@media(max-width:700px) and (orientation:landscape){#mobile-chat{bottom:calc(60px + env(safe-area-inset-bottom) + var(--keyboard-bottom,0px));left:calc(39% + (env(safe-area-inset-left) - env(safe-area-inset-right))/2);width:calc(34% - env(safe-area-inset-left) - env(safe-area-inset-right))}#mobile-shortcuts{left:calc(56% + 6px - env(safe-area-inset-right));width:76px}#mobile-shortcut-grid{grid-template-columns:repeat(2,36px);gap:4px}#mobile-ui .mobile-slot{width:36px;height:36px} .mobile-slot img{width:26px;height:26px}.mobile-slot .slot-detail{font-size:8px}.mobile-slot .slot-name{font-size:9px;line-height:10px;max-height:21px}#mobile-shortcuts header{height:22px}#mobile-ui #mobile-shortcuts header button{width:23px;height:22px}#mobile-shortcut-choices{max-height:125px}}
/* Invisible keyboard surfaces over the original canvas login fields. */
#classic-login-inputs input{position:fixed;box-sizing:border-box;pointer-events:auto;touch-action:manipulation;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;font:16px Tahoma,sans-serif;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:transparent;outline:none;user-select:text;-webkit-user-select:text}
#classic-login-inputs input::selection{background:transparent;color:transparent}
/* Local phone preview only: simulated touch indicators. */
body[data-touch-debug=true],body[data-touch-debug=true] *{cursor:none!important}
#debug-finger,#debug-finger-second{position:fixed;width:32px;height:32px;margin:-18px 0 0 -18px;border:2px solid #effcff;border-radius:50%;box-shadow:0 0 0 1px #173b50,0 1px 6px #0008;pointer-events:none;z-index:100;background:#70cfff30}
#debug-finger[data-down=true]{background:#70cfff85;border-color:#70d8ff;transform:scale(.85)}#debug-finger-second{border-style:dashed;background:#ffc55a60}
#debug-phone-keyboard{position:fixed;bottom:0;left:0;right:0;z-index:80;background:repeating-linear-gradient(0deg,#c0c6cf 0,#c0c6cf 30px,#abb3c0 31px,#abb3c0 33px);border-top:1px solid #8290a0;color:#233044;font:13px Tahoma,Arial,sans-serif;box-sizing:border-box;padding:18px;text-align:center}
#debug-phone-keyboard strong,#debug-phone-keyboard span{display:block;background:#e8edf3df;padding:5px}
body[data-touch-debug=false] #debug-finger,body[data-touch-debug=false] #debug-finger-second,body[data-touch-debug=false] #debug-phone-keyboard{display:none!important}
/* Mobile workspace v1: text and boxes share the shortcut palette. */
#mobile-basic{position:absolute;left:calc(10px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));width:var(--mobile-basic-width);box-sizing:border-box;padding:4px 5px;background:#e9edf1ed;border:1px solid #798ca2;border-radius:3px;box-shadow:inset 1px 1px white,inset -1px -1px #c1c9d3;color:#21344b;font:11px/13px Tahoma,Arial,sans-serif;pointer-events:auto;cursor:pointer}
#mobile-ui #mobile-basic-name{display:block;position:relative;min-height:19px;width:100%;padding:0 16px 0 1px;text-align:left;font-size:11px;border:0;background:none;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-basic-name:after{content:'−';position:absolute;right:1px;top:0;font-size:14px}#mobile-basic[data-minimized=true] #mobile-basic-name:after{content:'+'}
#mobile-basic[data-minimized=true]>:not(#mobile-basic-name,#mobile-basic-compact){display:none}
#mobile-basic[data-minimized=true]{height:30px;padding:2px 16px 2px 5px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:14px 10px;column-gap:5px;align-items:center}
#mobile-ui #mobile-basic[data-minimized=true] #mobile-basic-name{position:static;grid-column:1;grid-row:1;min-width:0;min-height:14px;height:14px;padding:0;font:10px/14px Tahoma}
#mobile-basic[data-minimized=true] #mobile-basic-name:after{top:2px;right:3px;font:12px/14px Tahoma}
#mobile-basic-compact{display:contents;font:9px/14px Tahoma}
#mobile-basic-compact-hp,#mobile-basic-compact-sp{grid-row:1;white-space:nowrap}
#mobile-basic-compact-hp{grid-column:2}#mobile-basic-compact-sp{grid-column:3}
#mobile-basic-compact-job{grid-column:1;grid-row:2;text-align:left;font:8px/10px Tahoma;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mobile-basic-job{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-vital{display:flex;gap:4px;align-items:center;height:17px}.mobile-vital>span{width:16px}
.mobile-meter{position:relative;flex:1;height:16px;background:#d6dce4;border:1px solid #8c9aa8;overflow:hidden;box-sizing:border-box;border-radius:2px}.mobile-meter>span{position:absolute;inset:0 auto 0 0;background:#8ed698}.mobile-meter.sp>span{background:#93bee9}.mobile-meter>b{position:absolute;inset:0;text-align:center;font:10px/14px Tahoma;color:#172b3c;text-shadow:0 1px #ffffff80}
#mobile-basic-exp,#mobile-basic-weight{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mobile-menu-group{position:absolute;left:calc(var(--mobile-map-left,100vw - 126px) - 150px);top:var(--mobile-map-top,10.8px);width:144px;box-sizing:border-box;padding:2px;background:#0007;border:1px solid #c5cedb;border-radius:2px;pointer-events:auto}
#mobile-ui[data-map-hidden=true] #mobile-menu-group{left:calc(var(--mobile-map-left,100vw - 126px) + var(--mobile-map-width,115.2px) - 144px)}
#mobile-menu-group>header{display:flex;align-items:center;gap:4px;height:16px;color:#fff;font:10px/14px Tahoma;text-shadow:1px 1px black}
#mobile-menu-group>header>span{flex:1}
#mobile-ui #mobile-menu-group>header button{min-height:0;height:16px;padding:0 3px;font:11px/14px Tahoma;color:#fff;border:0;border-radius:1px;background:#0004;box-shadow:none}
#mobile-ui #mobile-menu-minimize{width:24px;font-size:15px!important}
#mobile-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;pointer-events:auto}
#mobile-ui #mobile-navigation button{min-width:0;min-height:26px;height:26px;padding:2px 1px;border-radius:3px;font-size:10px;white-space:nowrap;background:#e9edf1ed;box-shadow:inset 1px 1px white,inset -1px -1px #c1c9d3}
#mobile-ui #mobile-minimap-toggle{position:absolute;left:var(--mobile-map-left,calc(100vw - 126px));top:var(--mobile-map-top,10.8px);width:var(--mobile-map-width,115.2px);height:var(--mobile-map-height,115.2px);min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-height:350px){#mobile-ui #mobile-navigation button{height:22px;min-height:22px;font-size:9px}#mobile-actions{bottom:calc(16px + env(safe-area-inset-bottom));--attack-size:78px;--tool-size:32px}}
#mobile-workspace-layer{position:fixed;inset:0;pointer-events:auto;background:#0002;z-index:10;touch-action:none}
#mobile-workspace{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(154px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom) + var(--keyboard-bottom,0px));display:flex;flex-direction:column;overflow:hidden;background:#e9edf1fa;border:1px solid #798ca2;border-radius:3px;box-shadow:inset 1px 1px white,0 2px 6px #0005;color:#21344b;font:13px/18px Tahoma,Arial,sans-serif}
#mobile-workspace>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-left:10px;border-bottom:1px solid #aab8c7;background:#d9e4f1}
#mobile-ui #mobile-workspace-close{height:44px;min-width:56px;border-radius:0;border-width:0 0 0 1px;background:#e8edf4}
#mobile-workspace-tabs{display:flex;flex-shrink:0;overflow-x:auto;overscroll-behavior:contain;touch-action:pan-x;border-bottom:1px solid #aab8c7;scrollbar-width:thin}
#mobile-ui #mobile-workspace-tabs button{min-height:44px;min-width:65px;flex:0 0 auto;border-radius:0;border-width:0 1px 0 0;padding:4px}
#mobile-ui #mobile-workspace-tabs button[aria-pressed=true]{background:#bdd3eb;box-shadow:inset 0 -3px #6b92c1}
#mobile-workspace-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:8px;box-sizing:border-box}
#mobile-workspace-body p{margin:4px 0 8px}
#mobile-workspace-notice{flex-shrink:0;min-height:22px;max-height:42px;font-size:11px;line-height:15px;padding:3px 8px;background:#dce5ee;border-top:1px solid #b4c0ce}
#mobile-workspace-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;height:100%;min-height:0}
#mobile-workspace-browser,#mobile-workspace-detail{display:flex;flex-direction:column;min-width:0;min-height:0}
#mobile-workspace-detail{border-left:1px solid #b2c0d0;padding-left:8px;overflow:auto;touch-action:pan-y}
#mobile-workspace-filters{display:flex;gap:4px;flex-shrink:0}
#mobile-workspace input,#mobile-workspace select{box-sizing:border-box;min-height:44px;min-width:0;font:16px Tahoma,sans-serif;color:#21344b;background:#f7f9fb;border:1px solid #93a5b8;border-radius:3px;padding:4px;max-width:100%;user-select:text;-webkit-user-select:text;touch-action:manipulation}
#mobile-workspace-search{width:100%}#mobile-workspace-filter{width:90px}
#mobile-workspace-list{flex:1;min-height:0;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;padding:4px 0}
#mobile-workspace-list[data-empty=true]:after{content:'ยังไม่มีรายการ';display:block;padding:8px}
.mobile-record-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:3px;margin-bottom:4px}
#mobile-ui .mobile-record-row button{border-radius:3px;min-height:48px;font-size:12px;line-height:16px;text-align:left;overflow-wrap:anywhere}
#mobile-ui .mobile-record-row button:last-child{padding:2px;text-align:center;touch-action:none}
#mobile-ui .mobile-record-row[data-selected=true]>button:first-child{background:#c3d9f1;border-color:#7498c5}
#mobile-workspace-record-name{font-size:14px;line-height:19px}
#mobile-workspace-record-info{font-size:11px;color:#526778}
#mobile-workspace-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:18px;min-height:32px;margin-bottom:8px}
#mobile-workspace-record-actions{display:flex;flex-wrap:wrap;gap:4px}
#mobile-ui #mobile-workspace-record-actions button{min-height:44px;flex:1 1 42%;font-size:12px;border-radius:3px}
#mobile-workspace-level,#mobile-workspace-drop-row{display:flex;align-items:center;gap:4px;flex:1 1 100%}
#mobile-workspace-level button{flex:0 0 44px!important}
#mobile-workspace-amount{width:75px}
#mobile-ui #mobile-workspace-drop{color:#8a3030}
#mobile-ui[data-workspace]:not([data-workspace=""]) #mobile-shortcuts{left:auto;right:calc(16px + env(safe-area-inset-right));z-index:12}
#mobile-ui[data-workspace]:not([data-workspace=""]) :is(#mobile-chat,#mobile-stick,#mobile-sit,#mobile-actions,#mobile-utilities){display:none}
#mobile-ui[data-workspace]:not([data-workspace=""]) #mobile-shortcut-picker{z-index:20}
#mobile-ui .mobile-slot[data-drop=true]{outline:3px solid #a4d8ff;outline-offset:2px;background:#bed9f4}
#mobile-workspace-drag{position:fixed;transform:translate(-50%,-120%);padding:8px 12px;max-width:180px;background:#d9e9fa;color:#21344b;border:2px solid #7ba6d4;border-radius:3px;z-index:30;pointer-events:none;box-shadow:0 2px 6px #0005}
#mobile-workspace-confirm{position:absolute;inset:0;background:#e9edf1fa;z-index:2;padding:20px;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#mobile-workspace-confirm p{flex:1 1 100%;text-align:center;white-space:pre-wrap}
#mobile-ui #mobile-workspace-confirm button{min-width:90px;min-height:44px;border-radius:3px}
#mobile-workspace-status-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}
.mobile-stat-row{display:flex;justify-content:space-between;align-items:center;gap:4px;border-bottom:1px solid #c8d2dc;min-height:48px}
#mobile-ui .mobile-stat-row button{min-width:44px;border-radius:3px}
#mobile-workspace-combat{white-space:pre-wrap;font-size:13px;line-height:29px;background:#f4f7fa;padding:6px}
.mobile-setting-row{display:grid;grid-template-columns:120px 44px minmax(60px,1fr) 48px;align-items:center;gap:6px;margin-bottom:10px}
#mobile-workspace input[type=checkbox]{width:32px;height:32px;min-height:32px}
#mobile-workspace input[type=range]{width:100%;padding:0;touch-action:pan-x}
#mobile-workspace-map{position:relative;width:min(200px,100%);height:200px;background:#18232f;margin:0 auto;overflow:hidden}
#mobile-workspace-map-image{width:100%;height:100%;object-fit:fill;image-rendering:pixelated}
#mobile-workspace-map-player{position:absolute;color:#7bff87;font-size:18px;line-height:18px;transform:translate(-50%,-50%);text-shadow:0 1px black}
#mobile-workspace-social-form{display:flex;gap:6px;flex-wrap:wrap}
#mobile-social-tabs{display:flex;gap:4px;margin-bottom:8px}#mobile-ui #mobile-social-tabs button{min-height:36px;min-width:80px;border-radius:3px}#mobile-social-tabs button[aria-pressed=true]{background:#bdd3eb}
#mobile-workspace-social-name{flex:1;min-width:100px}
.mobile-social-list{margin:8px 0}.mobile-social-row{display:flex;gap:4px;align-items:center;padding:4px 0;border-bottom:1px solid #bdc9d5}
.mobile-social-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}
#mobile-ui .mobile-social-row button{font-size:11px;min-height:44px;padding:4px;border-radius:3px}
@media(max-width:700px) and (orientation:landscape){
 #mobile-basic-job{font-size:9px}
 #mobile-ui #mobile-utilities button{width:30px}
 #mobile-ui #mobile-sit{width:34px;height:34px}
 #mobile-ui #mobile-cancel-attack{width:34px;height:34px;font-size:9px}
 #mobile-workspace{right:calc(126px + env(safe-area-inset-right));font-size:12px}
 #mobile-workspace-body{padding:5px}#mobile-workspace-split{gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #mobile-workspace-filters{flex-wrap:wrap}#mobile-workspace-filter{width:100%}
 #mobile-workspace-status-columns{grid-template-columns:1fr}
 .mobile-setting-row{grid-template-columns:80px 32px minmax(50px,1fr) 38px;gap:4px}
 #mobile-workspace-notice{font-size:10px}
}