/* 與圖示一起版本化；相對 URL 隨發布素材目錄搬移。 */
[data-mobile-game]{font-family:"Microsoft JhengHei",sans-serif!important;touch-action:none}
[data-mobile-game] #game-world{width:100%!important;height:100%!important;touch-action:none}
[data-mobile-game] [data-world-chat],[data-mobile-game] [data-world-panel],[data-mobile-game] #world-item-tooltip{display:none!important}
[data-mobile-ui]{position:absolute;inset:0;z-index:4;pointer-events:none;color:#eee5d3;font:13px/1.5 "Microsoft JhengHei",sans-serif;--gold:#ac946b;--safe-left:max(12px,env(safe-area-inset-left));--safe-right:max(12px,env(safe-area-inset-right));--safe-bottom:max(12px,env(safe-area-inset-bottom))}
[data-mobile-ui]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07101870,transparent 30%,transparent 66%,#050a11a8)}
[data-mobile-ui] *{box-sizing:border-box}
[data-mobile-ui] [hidden],[data-mobile-ui][hidden]{display:none!important}
[data-mobile-ui] button,[data-mobile-ui] input{font:inherit;color:inherit}
[data-mobile-ui] button{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
[data-mobile-ui] button:focus-visible{outline:2px solid #f9d89b;outline-offset:2px}
[data-mobile-ui] button:active{filter:brightness(1.3)}
.mobile-popup-backdrop{position:fixed;inset:0;z-index:49;background:#0009;touch-action:none}.mobile-popup-backdrop[hidden]{display:none}
.mobile-auth{top:calc(var(--visible-top,0px) + var(--visible-height,100vh)/2)!important;max-height:calc(var(--visible-height,100vh) - 16px);overflow:auto}
.mobile-auth,.mobile-select-dock{position:fixed;z-index:12;color:#eee1c6;font:16px "Microsoft JhengHei",sans-serif;box-sizing:border-box;background:#111923e8;border:3px solid transparent;border-image:url('../classic_ui/Common/Common_TooltipBg.png') 3 fill stretch}
.mobile-auth{right:max(20px,8vw);top:50%;transform:translateY(-50%);width:310px;padding:20px;display:flex;flex-direction:column;gap:12px}.mobile-auth[hidden],.mobile-select-dock[hidden],.mobile-orientation-hint[hidden]{display:none}
.mobile-auth label{display:flex;align-items:center;gap:12px}.mobile-auth-label{width:70px;height:auto}.mobile-auth-field{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:6px 10px;background:#090e14;color:#fff;border:1px solid #897960;font:16px sans-serif}.mobile-auth-submit{width:110px;height:48px;object-fit:contain;align-self:flex-end;cursor:pointer}
.mobile-select-dock{bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 24px));display:flex;justify-content:space-between;align-items:center;padding:10px 15px;gap:15px}.mobile-select-dock button{min-height:48px;min-width:130px;color:#efddad;font:16px "Microsoft JhengHei",sans-serif;background:#262c30;border:3px solid transparent;border-image:url('../classic_ui/Common/Common_TooltipBg.png') 3 fill stretch}.mobile-select-dock button:disabled{opacity:.5}.mobile-orientation-hint{display:none;position:fixed;z-index:12;left:12px;right:12px;bottom:95px;text-align:center;color:#ddd4be;font:14px "Microsoft JhengHei",sans-serif;background:#10151bad;padding:8px}
[data-mobile-popup]{position:fixed!important;z-index:50!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);width:min(500px,calc(100% - 24px));padding:20px;box-sizing:border-box;background:url('../classic_ui/OutGames/Bg_Waiting_Popup.png') center/100% 100%;text-align:center}
[data-mobile-popup] .mobile-popup-text{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:70px;max-height:45vh;overflow:auto;font-size:16px!important;margin-bottom:15px}
[data-mobile-popup] .mobile-popup-button{position:relative!important;inset:auto!important;width:110px!important;height:48px!important;object-fit:contain;margin:4px 10px;cursor:pointer}
[data-mobile-game] #world-loading{left:0!important;top:0!important;width:100%!important;height:100%!important;background:#000;z-index:45!important}
[data-mobile-game] #world-loading>img:first-child{width:100%!important;height:100%!important;object-fit:cover}[data-mobile-game] #world-loading>img:nth-child(2){left:15%!important;top:75%!important;width:70%!important;height:16px!important}[data-mobile-game] #world-loading>.tx{top:65%!important;font-size:18px!important}
@media(orientation:portrait){.mobile-auth{left:50%;right:auto;transform:translate(-50%,-50%);width:min(330px,calc(100% - 24px))}.mobile-orientation-hint:not([hidden]){display:block}}
[data-mobile-ui].external-modal:after{content:"";position:absolute;inset:0;pointer-events:auto;background:#050b1240}
.mobile-talk{right:106px;top:0;width:48px;height:48px;border-color:#ceb677!important}
.mobile-panel select{min-width:62px;min-height:44px;background:#18202a;color:#eee6d4;border:1px solid #74694e;font:14px "Microsoft JhengHei",sans-serif}
.mobile-vitals{position:absolute;top:max(10px,env(safe-area-inset-top));left:var(--safe-left);display:flex;gap:10px;width:232px;text-shadow:1px 1px 2px #000}
.mobile-level{width:36px;font:italic bold 30px Georgia;color:#d8edff;filter:drop-shadow(0 0 5px #164e80)}
.mobile-bars{flex:1;padding-top:2px}.mobile-hp,.mobile-mp{height:17px;position:relative;border:1px solid #aa9080;background:#17110fde;box-shadow:0 1px 4px #000;transform:skewX(-8deg)}
.mobile-mp{height:13px;margin-top:4px;border-color:#7992a4}.mobile-hp i,.mobile-mp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#f77261,#9f1814 48%,#c92c20 65%,#741413)}
.mobile-mp i{background:linear-gradient(#98d5ff,#2169ad 50%,#4592cb)}.mobile-bars span{position:absolute;inset:0;text-align:center;font:bold 10px/15px Arial;transform:skewX(8deg)}.mobile-mp span{line-height:11px}.mobile-stats{font-size:10px;display:block;margin-top:4px;white-space:nowrap}
.mobile-nav{position:absolute;right:var(--safe-right);top:max(7px,env(safe-area-inset-top));display:flex;gap:5px}
.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:0;width:56px;min-height:62px;padding:0;background:radial-gradient(#142331a8,transparent);border:0;text-shadow:0 2px 3px #000;font-size:12px}
.mobile-nav-icon{display:block;width:42px;height:42px;background-image:url('nav-icons.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px #0009)}
.mobile-icon-equipment{background-position:100% 0}.mobile-icon-spells{background-position:0 100%}.mobile-icon-menu{background-position:100% 100%}
.mobile-location{position:absolute;top:78px;right:var(--safe-right);text-align:right;font-size:12px;color:#d6e6ed;text-shadow:1px 1px 2px #000}
.mobile-target{position:absolute;left:50%;top:66px;transform:translateX(-50%);min-height:44px;max-width:190px;padding:5px 20px;background:linear-gradient(90deg,transparent,#111c28c9,transparent);border:0;border-bottom:1px solid #bca673;text-shadow:1px 1px 2px #000}
.mobile-stick{position:absolute;left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 28px);width:120px;height:120px;border:1px solid #c0b59a80;border-radius:50%;background:radial-gradient(#0c182930,#0c182950);box-shadow:inset 0 0 0 9px #111a2740,inset 0 0 0 11px #aeb1ae32,0 2px 12px #0005;display:grid;place-items:center;padding:0;touch-action:none!important}
.mobile-stick i{display:block;width:49px;height:49px;border:1px solid #c8c9beb0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#879491c4,#323f44b8);box-shadow:0 3px 7px #0006;pointer-events:none}
.mobile-actions{position:absolute;right:calc(var(--safe-right) + 4px);bottom:calc(var(--safe-bottom) + 77px);width:174px;height:144px}
.mobile-actions button{position:absolute;border-radius:50%;padding:0;background:radial-gradient(#273640ab,#111b2485);border:1px solid #c3b9a0bb;box-shadow:inset 0 0 0 3px #303b4380,inset 0 0 0 4px #c6c6b43d,0 2px 7px #0005;line-height:1.2;font-size:11px}
.mobile-attack{right:6px;bottom:0;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none!important}.mobile-sword{font:36px/40px Georgia;color:#e0d7be;text-shadow:0 0 9px #cfa76c}
.mobile-force{right:102px;bottom:15px;width:48px;height:48px}.mobile-force[aria-pressed=true]{border-color:#f88168;background:#71332eb8}.mobile-cycle{right:22px;top:0;width:48px;height:48px}.mobile-attack.held{box-shadow:0 0 15px #e5c374,inset 0 0 8px #efd897}
.mobile-chat-preview{position:absolute;left:calc(var(--safe-left) + 158px);bottom:calc(var(--safe-bottom) + 88px);width:min(34vw,340px);min-height:44px;max-height:50px;overflow:hidden;text-align:left;border:0;padding:3px 8px;background:linear-gradient(90deg,#09121bac,transparent);font-size:11px!important;text-shadow:1px 1px 2px #000}
.mobile-chat-preview div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mobile-quick{position:absolute;right:calc(var(--safe-right) + 38px);bottom:calc(var(--safe-bottom) + 9px);display:flex;gap:7px}
.mobile-slot{position:relative;display:grid;place-items:center;width:48px;height:52px;flex:none;border:1px solid #a18d70;border-radius:2px;background:linear-gradient(135deg,#29323c,#11161c);box-shadow:inset 0 0 0 2px #10161b,0 2px 5px #0009;padding:3px}
.mobile-slot>small,.mobile-cell>small{position:absolute;top:0;left:4px;font:10px/16px Arial;color:#cbb37e;z-index:1}.mobile-slot>em,.mobile-cell>em{position:absolute;bottom:1px;right:3px;font:11px Arial;text-shadow:1px 1px #000;z-index:1}
.mobile-slot.binding{outline:1px solid #f8d188;box-shadow:0 0 10px #d8b96c}.mobile-slot[data-empty=true]{color:#b5a994}
[data-quick-page="0"] .mobile-slot[data-page="1"],[data-quick-page="1"] .mobile-slot[data-page="0"]{display:none}
.mobile-page{position:absolute;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 9px);width:38px;height:52px;border:0;background:transparent;font-size:10px!important}
.mobile-exp{position:absolute;left:var(--safe-left);right:var(--safe-right);bottom:4px;height:2px;background:#564f40}.mobile-exp i{display:block;height:100%;background:#c49a40}
.mobile-cast{position:absolute;left:50%;top:120px;transform:translateX(-50%);background:#111d29d9;border:1px solid #b8a276;display:flex;align-items:center;gap:12px;padding:0 8px 0 15px;white-space:nowrap}.mobile-cast button{min-height:44px;background:transparent;border:0}
.mobile-shade{position:absolute;inset:0;background:#07101a70;pointer-events:auto}
.mobile-panel{position:absolute;top:72px;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 4px);width:min(535px,calc(100% - 24px));display:flex;flex-direction:column;background:linear-gradient(135deg,#202831f7,#10151bfa);border:1px solid #ac946b;box-shadow:inset 0 0 0 3px #171c22,0 12px 40px #0008;pointer-events:auto}
.mobile-panel header{min-height:45px;display:flex;align-items:center;padding:0 8px 0 16px;border-bottom:1px solid #77674c;background:linear-gradient(90deg,#60523840,#121820);gap:10px}.mobile-panel h2{font-weight:normal;font-size:19px;letter-spacing:.15em;margin:0}.mobile-panel header small{margin-left:auto;color:#c3bba8;font-size:11px}
.mobile-close{border:0;width:44px;height:44px;background:transparent;font:26px Georgia!important}.mobile-panel-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;padding:12px 16px;min-height:0;flex:1;overflow:auto;touch-action:pan-y}
.mobile-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:start;min-width:0}.mobile-cell{position:relative;min-width:44px;min-height:48px;aspect-ratio:1;border:1px solid #655e50;background:linear-gradient(135deg,#343c45,#171b21);display:grid;place-items:center;padding:4px;touch-action:pan-y!important}.mobile-cell.selected{border-color:#e4bf6e;box-shadow:inset 0 0 0 1px #b19556,0 0 9px #e4bf6e23}
.mobile-item-icon{display:block;position:relative;width:36px;height:36px;pointer-events:none}.mobile-item-icon img{position:absolute;image-rendering:pixelated;pointer-events:none}
.mobile-detail{border-left:1px solid #72624665;padding-left:12px;min-width:0;color:#ccc4b3;font-size:12px}.mobile-detail h3{color:#e8cea0;font-size:16px;font-weight:normal;margin:0 0 8px}.mobile-detail p{white-space:pre-line;overflow-wrap:anywhere}
.mobile-panel footer{display:flex;justify-content:flex-end;gap:12px;padding:7px 12px;border-top:1px solid #5f5643;min-height:59px}.mobile-panel footer button,.mobile-menu-entry{min-height:44px;padding:8px 14px;border:1px solid #746449;background:linear-gradient(#38382f,#20272d)}.mobile-panel footer .mobile-gold{background:linear-gradient(#69593e,#3e3425);border-color:#b89a61;color:#f7dfae;min-width:125px}
.mobile-panel-body[data-kind=menu]{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.mobile-menu-entry{min-height:60px}.mobile-panel-body[data-kind=chat]{display:block}.mobile-chat-history{height:100%;overflow:auto;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:pan-y}.mobile-panel footer form{display:flex;width:100%;gap:8px}.mobile-panel input{min-width:0;width:100%;min-height:44px;background:#0c131d;border:1px solid #74694e;color:#eee6d4;padding:8px;font-size:16px}
.panel-open .mobile-actions,.panel-open .mobile-quick,.panel-open .mobile-page,.panel-open .mobile-target{visibility:hidden}.panel-open .mobile-stick{opacity:.2;pointer-events:none}
[data-mobile-game] [data-npc-dialog]{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--mobile-dialog-scale,1));transform-origin:center;z-index:20!important;touch-action:pan-y}
[data-mobile-game] [data-spell-dialog]{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--mobile-spell-scale,1));z-index:30!important;touch-action:pan-y}
[data-mobile-game] [data-confirm-dialog]{left:50%!important;top:50%!important;width:min(480px,90%)!important;height:auto!important;min-height:150px;transform:translate(-50%,-50%);padding:15px;background:#111c27f2;border:1px solid #ac946b;z-index:35!important}
[data-mobile-game] [data-confirm-dialog]>img:first-child{display:none}[data-mobile-game] [data-confirm-dialog]>div{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-height:90px;overflow:auto!important;font-size:16px!important}
[data-mobile-game] [data-confirm-dialog]>[role=button]{position:relative!important;left:auto!important;top:auto!important;width:44px!important;height:44px!important;object-fit:contain;margin:5px 12px 0 0}
@media(min-width:1000px) and (min-height:600px){.mobile-vitals{top:23px;left:24px;width:280px}.mobile-level{font-size:34px}.mobile-hp{height:20px}.mobile-mp{height:15px}.mobile-stats{font-size:12px}.mobile-nav{top:16px;gap:9px}.mobile-nav button{width:64px;min-height:70px}.mobile-nav-icon{width:48px;height:48px}.mobile-location{top:100px;font-size:15px}.mobile-stick{left:54px;bottom:100px;width:136px;height:136px}.mobile-actions{right:45px;bottom:170px;transform:scale(1.15);transform-origin:bottom right}.mobile-quick{bottom:45px;right:30px;gap:10px}.mobile-slot{width:58px;height:62px}.mobile-slot .mobile-item-icon{width:44px;height:44px}.mobile-slot[data-page]{display:grid!important}.mobile-page{display:none}.mobile-chat-preview{left:245px;bottom:135px;font-size:13px!important}.mobile-panel{top:107px;bottom:65px;width:655px;right:26px}.mobile-panel header{min-height:56px}.mobile-panel-body{padding:22px;gap:20px}.mobile-item-grid{gap:10px}.mobile-cell{min-height:60px}.mobile-cell .mobile-item-icon{width:44px;height:44px}.mobile-detail{font-size:15px}.mobile-panel footer{min-height:72px;padding:10px 18px}.mobile-panel footer button{min-height:48px}}
@media(orientation:portrait){.mobile-vitals{width:210px;top:10px}.mobile-nav{top:125px;gap:0;right:7px;flex-direction:column}.mobile-nav button{width:50px;height:60px}.mobile-nav-icon{width:38px;height:38px}.mobile-location{top:75px;font-size:11px}.mobile-target{top:125px;left:40%;max-width:180px}.mobile-stick{width:112px;height:112px;left:16px;bottom:115px}.mobile-actions{right:12px;bottom:114px}.mobile-quick{left:12px;right:42px;justify-content:center;gap:4px}.mobile-slot{width:calc((100vw - 80px)/6);max-width:54px;height:48px}.mobile-slot .mobile-item-icon{width:30px;height:30px}.mobile-chat-preview{left:12px;bottom:67px;width:calc(100% - 24px);height:44px;font-size:11px!important}.mobile-panel{top:118px;bottom:12px;right:12px;width:calc(100% - 24px)}.mobile-panel-body{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.mobile-item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-detail{border-left:0;border-top:1px solid #72624665;padding:10px 0 0}.mobile-panel footer{gap:7px}.mobile-panel footer button{padding:8px}.mobile-cast{top:85px;max-width:95%;font-size:11px}.mobile-cast span{white-space:normal}}
@media(max-height:360px){.mobile-nav{top:4px}.mobile-panel{top:64px;bottom:4px}.mobile-panel header{min-height:36px}.mobile-panel footer{min-height:50px;padding:3px 8px}.mobile-stick{width:96px;height:96px}.mobile-actions{bottom:72px;transform:scale(.9);transform-origin:bottom right}.mobile-chat-preview{bottom:78px}.mobile-quick{bottom:12px}}