/* V24 actual PC UI isolated from Võ Lâm Idle existing CSS */
#vli-pc-v24{--gold:#eddbad;--bronze:#9c875f;--dark:#0a0e0a;--lime:#8abd70;--ink:#0c100c;--native-frame:url("assets/pc-v22/pc-frame-nine-slice.webp");--slot:url("assets/pc-v21/native-pc-slot-v21.webp");font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-synthesis:none}
#vli-pc-v24 *{box-sizing:border-box}
#vli-pc-v24 .pc-desktop,#vli-pc-v24 .pc-desktop{margin:0;overflow:hidden;background:#040704;color:var(--gold);width:100%;height:100%}
#vli-pc-v24 button,#vli-pc-v24 input{font:inherit}
#vli-pc-v24 button{cursor:pointer;color:inherit}
#vli-pc-v24 button:focus-visible,#vli-pc-v24 input:focus-visible{outline:2px solid #e7ce80;outline-offset:1px}
#vli-pc-v24 .pc-desktop{position:fixed;inset:0;overflow:hidden;background:#1b2c16;font-size:12px;text-shadow:0 1px 2px #000}
#vli-pc-v24 .landscape{position:absolute;inset:0;background:#2e3924 url("assets/scene-preview.jpg") center center/cover no-repeat;filter:saturate(.9) contrast(1.05)}
#vli-pc-v24 .landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0004 0,transparent 16%,transparent 75%,#0005 100%);pointer-events:none}
#vli-pc-v24 .pc-logo-area{position:absolute;left:7px;top:5px;display:flex;flex-direction:column;gap:4px;z-index:7;text-shadow:1px 2px 2px #000,0 0 5px #000}
#vli-pc-v24 .pc-logo{font-weight:800;font-size:12px;color:#e8c369;letter-spacing:-.4px}
#vli-pc-v24 .pc-logo-area small{font-size:8px;letter-spacing:.3px;color:#b6a783}
#vli-pc-v24 .pc-stats{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:4px;height:25px;white-space:nowrap;background:linear-gradient(#141c16f2,#040904e8);border:3px solid transparent;border-image:var(--native-frame) 24 fill/3px stretch;box-shadow:0 1px 9px #000a}
#vli-pc-v24 .pc-nameplate{display:flex;gap:7px;align-items:center;color:#e2e3d1;padding:0 3px;min-width:120px}
#vli-pc-v24 .pc-nameplate b{color:#63df65}
#vli-pc-v24 .pc-nameplate span{color:#ecdba6}
#vli-pc-v24 .pc-bars{display:flex;gap:4px}
#vli-pc-v24 .pc-bar{width:115px;height:12px;position:relative;background:#050704;border:1px solid #75684c;box-shadow:inset 0 1px 3px #000;border-radius:0}
#vli-pc-v24 .pc-bar span{display:block;height:100%}
#vli-pc-v24 .pc-bar.hp span{background:linear-gradient(#f57b6b,#ce191c 45%,#8c1115)}
#vli-pc-v24 .pc-bar.mp span{background:linear-gradient(#69bbf7,#2481cf 45%,#0a366f)}
#vli-pc-v24 .pc-bar.xp span{background:linear-gradient(#e4e7a5,#88a858 45%,#426230)}
#vli-pc-v24 .pc-bar em{position:absolute;left:0;right:0;top:-1px;font:10px Tahoma;text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-style:normal}
#vli-pc-v24 .pc-rank{padding:0 4px 0 2px;color:#e8d8b5}
#vli-pc-v24 .pc-rank b{background:#273d16;color:#c4ff76;padding:1px 6px}
#vli-pc-v24 .minimap-zone{position:absolute;z-index:8;right:6px;top:41px;width:170px;filter:drop-shadow(0 2px 3px #000a)}
#vli-pc-v24 .map-title{height:22px;width:100%;padding:2px 5px;border:3px solid transparent;border-image:var(--native-frame) 24 fill/3px stretch;background:#0d1b0b;text-align:center;font-weight:bold;color:#6ee06b;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px}
#vli-pc-v24 .map-title small{font-size:10px;font-weight:normal;color:#e0d3ae}
#vli-pc-v24 .map-title span{font-size:12px;color:#5aaede}
#vli-pc-v24 .mini-world{display:block;position:relative;width:100%;height:127px;border:7px solid transparent;border-image:var(--native-frame) 24 fill/7px stretch;background:linear-gradient(125deg,#061008cf,#15271688),url("assets/scene-preview.jpg") 63% 19%/390px auto;overflow:hidden}
#vli-pc-v24 .mini-world:after{content:"";position:absolute;inset:0;border:1px solid #76694a;box-shadow:inset 0 0 16px #0008;pointer-events:none}
#vli-pc-v24 .mini-roads{position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 34px,#88834a26 36px 40px,transparent 41px 62px);opacity:.8}
#vli-pc-v24 .mini-player{position:absolute;left:52%;top:54%;height:7px;width:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #3d4220,0 0 6px #eee;z-index:1}
#vli-pc-v24 .mini-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#d34a2d;box-shadow:0 0 3px #e14829}
#vli-pc-v24 .dot1{top:16%;left:28%}
#vli-pc-v24 .dot2{top:32%;left:68%}
#vli-pc-v24 .dot3{top:57%;left:82%}
#vli-pc-v24 .dot4{top:68%;left:30%}
#vli-pc-v24 .dot5{top:77%;left:65%}
#vli-pc-v24 .dot6{top:45%;left:14%}
#vli-pc-v24 .dot7{top:84%;left:20%}
#vli-pc-v24 .dot8{top:24%;left:83%}
#vli-pc-v24 .mini-commands{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end;background:#101510be;padding:2px}
#vli-pc-v24 .mini-commands button{background:#0a130e url("assets/pc-v22/pc-native-dock-button.webp") center/100% 100%;border:1px solid #84724f;padding:3px 5px;font-size:10px;min-width:30px;color:#d6f3b5;white-space:nowrap}
#vli-pc-v24 .mini-commands button:hover{filter:brightness(1.3)}
#vli-pc-v24 .chat{position:absolute;left:calc(50% - 340px);bottom:91px;width:328px;height:152px;z-index:8;color:#f5e1ac;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}
#vli-pc-v24 .chat-rows{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#877149 transparent;background:linear-gradient(90deg,#0910099e,#0509064e 78%,transparent);padding:2px 5px;font-size:11px;line-height:1.43;text-shadow:0 1px 2px #000}
#vli-pc-v24 .c-system{color:#e8988b}
#vli-pc-v24 .c-white{color:#ded9a3}
#vli-pc-v24 .c-gold{color:#e9d061}
#vli-pc-v24 .c-user{color:#9de2ce}
#vli-pc-v24 .chat-channels{display:flex;gap:1px;align-items:center;height:19px;background:#0b120ad4;border-bottom:1px solid #736447}
#vli-pc-v24 .chat-channel{height:17px;border:0;background:transparent;color:#b5db9b;padding:1px 3px;font-size:10px}
#vli-pc-v24 .chat-channel.active{color:#ffe5a4;background:#32432d;border-bottom:1px solid #e2bf6b}
#vli-pc-v24 .chat-entry{display:flex;height:22px;background:#060b05d9;border:1px solid #6b6647}
#vli-pc-v24 .chat-entry input{flex:1;min-width:0;color:#dfd6ad;border:none;outline:none;background:transparent;padding:2px 5px;font:11px Tahoma}
#vli-pc-v24 .chat-entry button{width:24px;border:0;background:#19412e;color:#d6fbb8}
#vli-pc-v24 .hud-decks{position:absolute;bottom:0;left:0;right:0;height:47px;pointer-events:none;z-index:5}
#vli-pc-v24 .left-deck,#vli-pc-v24 .right-deck{position:absolute;bottom:0;width:max(0px,calc((100% - 800px)/2));height:47px;border-top:5px solid transparent;border-image:var(--native-frame) 24 fill/5px 0 0 0 stretch;background:#050807 url("assets/pc-v21/native-pc-slot-v21.webp") left 13px bottom 5px/21px 25px repeat-x;box-shadow:0 -3px 3px #050905aa}
#vli-pc-v24 .left-deck{left:0}
#vli-pc-v24 .right-deck{right:0}
#vli-pc-v24 .pc-hud{width:800px;height:84px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:10;pointer-events:none}
#vli-pc-v24 .native-hud-bg{position:absolute;inset:0;background:url("assets/pc-v22/pc-original-bottom-hud.webp") center bottom/800px 84px no-repeat;pointer-events:none}
#vli-pc-v24 .hud-trigger{position:absolute;bottom:12px;width:24px;height:27px;opacity:.01;pointer-events:auto;border:0;background:#fff}
#vli-pc-v24 .hud-trigger:hover{opacity:.18;box-shadow:0 0 5px #fedb85;background:#fedb85}
#vli-pc-v24 .hud-trigger.h1{left:514px}
#vli-pc-v24 .hud-trigger.h2{left:540px}
#vli-pc-v24 .hud-trigger.h3{left:565px}
#vli-pc-v24 .hud-trigger.h4{left:590px}
#vli-pc-v24 .hud-trigger.h5{left:617px}
#vli-pc-v24 .hud-potions{position:absolute;left:210px;bottom:15px;display:flex;gap:3px;pointer-events:auto}
#vli-pc-v24 .hud-potion{width:25px;height:27px;border:1px solid #87704c;background:#10160d url("assets/pc-v21/native-pc-slot-v21.webp") center/100% 100%;padding:1px;display:flex;align-items:center;justify-content:center}
#vli-pc-v24 .hud-potion img{width:20px;height:20px;object-fit:contain}
#vli-pc-v24 .hud-potion:hover{border-color:#ffdf9e}
#vli-pc-v24 .quick-dock{position:absolute;z-index:11;right:7px;bottom:89px;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;width:min(790px,calc(100% - 7px));pointer-events:auto}
#vli-pc-v24 .quick-dock button{padding:4px 6px;min-width:55px;height:24px;background:#101713 url("assets/pc-v22/pc-native-dock-button.webp") center/100% 100% no-repeat;border:1px solid #77684d;font-size:10px;font-weight:bold;color:#e8dfbe;text-shadow:0 1px 2px #000;white-space:nowrap}
#vli-pc-v24 .quick-dock button:hover,#vli-pc-v24 .quick-dock button[aria-pressed=true]{border-color:#ecd193;filter:brightness(1.25);color:#fff0b7}
#vli-pc-v24 .window-layer{position:absolute;inset:0;z-index:20;pointer-events:none}
#vli-pc-v24 .pc-window{position:absolute;pointer-events:auto;filter:drop-shadow(0 9px 11px #000b);user-select:none;touch-action:none;min-width:150px;min-height:140px}
#vli-pc-v24 .pc-window .skin{display:block;image-rendering:auto;width:100%;height:100%;pointer-events:none}
#vli-pc-v24 .pc-window .pc-window-head{position:absolute;top:1px;left:12px;right:30px;height:28px;cursor:move;touch-action:none;z-index:5}
#vli-pc-v24 .pc-window .pc-window-x{position:absolute;right:7px;top:5px;width:22px;height:22px;padding:0;border:0;background:transparent url("assets/pc-v22/pc-original-ui-close.webp") center/22px 22px no-repeat;z-index:7}
#vli-pc-v24 .pc-window .pc-window-x:hover{filter:brightness(1.4)}
#vli-pc-v24 .pc-window .pc-window-bottom-close{position:absolute;right:12px;bottom:23px;width:67px;height:26px;background:transparent;border:0;z-index:4;opacity:0}
#vli-pc-v24 .pc-window .pc-window-bottom-close:hover{opacity:.2;background:#d7e0b8}
#vli-pc-v24 .pc-window.native{background:transparent}
#vli-pc-v24 .pc-window.generic{border:15px solid transparent;border-image:var(--native-frame) 24 fill/15px stretch;background:#0c140de8;min-width:220px;min-height:210px}
#vli-pc-v24 .generic .pc-window-head{height:29px}
#vli-pc-v24 .generic-title{height:30px;text-align:center;font-size:14px;font-weight:bold;color:#f3dca2;border-bottom:1px solid #706749;margin:-7px -7px 10px;padding-top:5px;background:linear-gradient(#313e29,#111c17)}
#vli-pc-v24 .generic-body{padding:1px 5px 5px;overflow:auto;max-height:calc(100% - 36px);scrollbar-color:#87694b #0f160e}
#vli-pc-v24 .grid-panel{display:grid;grid-template-columns:repeat(6,29px);gap:1px;justify-content:center}
#vli-pc-v24 .grid-panel .cell,#vli-pc-v24 .invgrid-actual .cell{border:1px solid #45473a;background:#060907 url("assets/pc-v21/native-pc-slot-v21.webp") center/100% 100% no-repeat}
#vli-pc-v24 .grid-panel .cell{height:29px}
#vli-pc-v24 .grid-panel .cell:hover,#vli-pc-v24 .invgrid-actual .cell:hover{border-color:#ddc182}
#vli-pc-v24 .generic-row{border-bottom:1px solid #4c4939;padding:6px 3px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#e0cd99}
#vli-pc-v24 .generic-row b{font-weight:normal;color:#bcd4a0}
#vli-pc-v24 .native-btn{border:1px solid #7e6949;background:#18211a url("assets/pc-v22/pc-native-dock-button.webp") center/100% 100%;padding:4px 9px;color:#f0d6a5;font-size:11px}
#vli-pc-v24 .native-btn:hover{filter:brightness(1.25)}
#vli-pc-v24 .native-btn:disabled{opacity:.7;cursor:default}
#vli-pc-v24 .native-actions{display:flex;gap:5px;justify-content:center;margin:12px 0 6px}
#vli-pc-v24 .invgrid-actual{position:absolute;top:72px;left:23px;display:grid;grid-template-columns:repeat(6,28px);grid-auto-rows:28px;gap:0;z-index:3}
#vli-pc-v24 .invgrid-actual .cell{border:0;background:none}
#vli-pc-v24 .invgrid-actual .cell:hover{outline:1px solid #e4c587;outline-offset:-1px}
#vli-pc-v24 .invgrid-actual img{width:26px;height:26px;object-fit:contain}
#vli-pc-v24 .inventory-money{position:absolute;left:22px;bottom:87px;color:#edcd8c;font-size:10px}
#vli-pc-v24 .inventory-buttons{position:absolute;inset:auto 12px 24px 12px;height:23px;display:flex;gap:6px;align-items:center;justify-content:space-around}
#vli-pc-v24 .invisible-native-btn{background:transparent;border:0;flex:1;height:23px;color:transparent;cursor:pointer}
#vli-pc-v24 .invisible-native-btn:hover{background:#e9bb4866}
#vli-pc-v24 .skill-scroll{position:absolute;left:7px;right:7px;top:65px;bottom:46px;overflow:auto;scrollbar-width:thin;scrollbar-color:#786846 #080e09}
#vli-pc-v24 .skill-row{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid #2f382b;color:#c8cb9f;font-size:10px}
#vli-pc-v24 .skill-row strong{font-size:10px;color:#e5d192;font-weight:normal}
#vli-pc-v24 .skill-row span{margin-left:auto;color:#89ba8b}
#vli-pc-v24 .skill-row .sk-icon{width:23px;height:23px;border:1px solid #625339;display:flex;align-items:center;justify-content:center;background:#0a1208}
#vli-pc-v24 .skill-row button{background:none;border:0;color:inherit;text-align:left;padding:0;cursor:pointer}
#vli-pc-v24 .skill-row:hover{background:#3b492a66}
#vli-pc-v24 .native-stat{position:absolute;z-index:3;font-size:11px;color:#e3cc85;text-shadow:0 1px 2px #000}
#vli-pc-v24 .native-stat.char-name{left:70px;top:61px}
#vli-pc-v24 .native-stat.char-level{left:70px;top:112px}
#vli-pc-v24 .native-stat.char-money{left:265px;bottom:50px}
#vli-pc-v24 .native-stat.char-hp{left:113px;top:138px}
#vli-pc-v24 .native-stat.char-mp{left:113px;top:159px}
#vli-pc-v24 .native-status{position:absolute;z-index:3;bottom:45px;left:20px;font-size:9px;color:#a7b191}
#vli-pc-v24 .native-list{position:absolute;left:22px;top:67px;right:22px;bottom:50px;overflow:auto;color:#f0d8a5;font-size:11px;z-index:3}
#vli-pc-v24 .native-list div{padding:5px 3px;border-bottom:1px solid #3f4337}
#vli-pc-v24 .native-list div:hover{background:#79845a44}
#vli-pc-v24 .small-caption{font-size:10px;color:#a9a58c;line-height:1.5}
#vli-pc-v24 .generic .small-caption{margin:8px 0}
#vli-pc-v24 .top-tabs{display:flex;gap:4px;justify-content:center;padding:4px 0 9px}
#vli-pc-v24 .top-tabs button{border:1px solid #514f3d;background:#172215;color:#e8d29c;font-size:11px;padding:5px 8px}
#vli-pc-v24 .top-tabs button.active{border-color:#d5b675;background:#3e4425}
#vli-pc-v24 .generic-body h3{font-size:12px;margin:8px 0;color:#decb8e}
#vli-pc-v24 .preview-note{position:absolute;top:28px;left:7px;z-index:22;background:#07100bbd;border:1px solid #928055;padding:4px 7px;color:#e4cf9e;font-size:10px;box-shadow:0 2px 3px #000a;max-width:430px}
#vli-pc-v24 .preview-note button{border:0;background:transparent;color:#f1dfac;font-size:14px;padding:0 2px;margin-left:5px}
#vli-pc-v24 .toast{position:absolute;z-index:99;bottom:124px;left:50%;transform:translateX(-50%);background:#0b170eea;border:10px solid transparent;border-image:var(--native-frame) 24 fill/10px stretch;padding:4px 10px;font-size:12px;color:#f0e0b2;opacity:0;pointer-events:none;transition:opacity .2s;min-width:160px;text-align:center}
#vli-pc-v24 .toast.visible{opacity:1}
#vli-pc-v24 .map-large{height:185px;background:url("assets/scene-preview.jpg") center/cover;border:4px solid transparent;border-image:var(--native-frame) 24 fill/4px stretch}
#vli-pc-v24 .map-info{color:#e6d2aa;text-align:center;margin:8px}
#vli-pc-v24 .tile-canvas{width:100%;height:100%;border:1px solid #7a674a;background:repeating-linear-gradient(45deg,#22301c 0 23px,#2a3b1e 25px 42px,#35402c 44px 64px)}
@media (max-width:1120px){#vli-pc-v24 .pc-stats{left:48%;top:5px;max-width:460px}
#vli-pc-v24 .pc-bar{width:88px}
#vli-pc-v24 .pc-nameplate{min-width:103px}
#vli-pc-v24 .quick-dock{right:0;bottom:86px;width:640px}
#vli-pc-v24 .quick-dock button{height:22px;padding:3px 5px;min-width:51px;font-size:9px}
#vli-pc-v24 .minimap-zone{width:152px;top:38px}
#vli-pc-v24 .mini-world{height:115px}
#vli-pc-v24 .chat{left:7px;bottom:93px;width:300px;height:125px}
#vli-pc-v24 .pc-logo-area small{display:none}}
@media (max-width:850px){#vli-pc-v24 .pc-stats{left:50%;top:23px;transform:translateX(-50%) scale(.83);transform-origin:top center}
#vli-pc-v24 .minimap-zone{transform:scale(.83);transform-origin:top right}
#vli-pc-v24 .pc-hud{transform:translateX(-50%) scale(.83);transform-origin:bottom center}
#vli-pc-v24 .quick-dock{width:calc(100% - 8px);bottom:74px;justify-content:center}
#vli-pc-v24 .quick-dock button{min-width:46px}
#vli-pc-v24 .chat{bottom:108px;height:110px;left:5px;width:250px}
#vli-pc-v24 .preview-note{top:53px;font-size:9px}}
#vli-pc-v24 .pc-window.native .native-underlay{position:absolute;inset:19px 6px 28px;background:#080b08f2;pointer-events:none;z-index:0}
#vli-pc-v24 .pc-window.native img.skin{position:relative;z-index:1}
#vli-pc-v24 .pc-window.native .native-stat,#vli-pc-v24 .pc-window.native .native-status,#vli-pc-v24 .pc-window.native .invgrid-actual,#vli-pc-v24 .pc-window.native .inventory-money,#vli-pc-v24 .pc-window.native .inventory-buttons,#vli-pc-v24 .pc-window.native .native-list,#vli-pc-v24 .pc-window.native .skill-scroll{z-index:3}
/* Live game canvas remains the background; V24 only replaces its visual controls. */
body.vli-pc-ui-v24 #app {position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;transform:none!important;display:block!important;overflow:hidden!important;box-shadow:none!important}
body.vli-pc-ui-v24 #battle {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;flex:none!important;overflow:hidden!important;display:block!important}
body.vli-pc-ui-v24 #arena {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;touch-action:auto!important}
body.vli-pc-ui-v24 #bg {position:absolute!important;inset:0!important}
body.vli-pc-ui-v24 #battle::after {display:none!important}
/* Keep the original buttons and tabs in DOM for legacy gameplay handlers; only hide their old chrome. */
body.vli-pc-ui-v24 #top,body.vli-pc-ui-v24 #tabs,body.vli-pc-ui-v24 #hud,
body.vli-pc-ui-v24 #topCtl,body.vli-pc-ui-v24 #townBar,body.vli-pc-ui-v24 #inBtn,
body.vli-pc-ui-v24 #v8bar,body.vli-pc-ui-v24 #v8left,body.vli-pc-ui-v24 #v8right,
body.vli-pc-ui-v24 #v8mapframe,body.vli-pc-ui-v24 #v8maptitle,
body.vli-pc-ui-v24 #u20menu,body.vli-pc-ui-v24 #u20side,body.vli-pc-ui-v24 #u20r,
body.vli-pc-ui-v24 #u20gold,body.vli-pc-ui-v24 #u20log,
body.vli-pc-ui-v24 #u20boss,body.vli-pc-ui-v24 #u20rc,body.vli-pc-ui-v24 #u20rank,
body.vli-pc-ui-v24 #u20zone,body.vli-pc-ui-v24 #v21-dock,
body.vli-pc-ui-v24 #chatBox,body.vli-pc-ui-v24 #modeSw {display:none!important}
body.vli-pc-ui-v24 #pad {display:none!important}
body.vli-pc-ui-v24 #panel {position:absolute!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}
/* Native game modal remains above V24, retaining purchase, equip, quests, save UI. */
body.vli-pc-ui-v24 #modal {position:fixed!important;inset:0!important;z-index:5000!important;visibility:visible;pointer-events:auto}
body.vli-pc-ui-v24 #modal.hidden {display:none!important}
body.vli-pc-ui-v24 #toast {position:fixed!important;z-index:5100!important}
#vli-pc-v24 {position:fixed;inset:0;z-index:1300;pointer-events:none;overflow:hidden}
#vli-pc-v24 .pc-desktop {position:fixed;inset:0;z-index:1;overflow:hidden;background:transparent!important;pointer-events:none;font-family:Tahoma,'Segoe UI',Arial,sans-serif;user-select:none}
#vli-pc-v24 .landscape,#vli-pc-v24 .preview-note {display:none!important}
#vli-pc-v24 .pc-stats,#vli-pc-v24 .minimap-zone,#vli-pc-v24 .pc-logo-area,
#vli-pc-v24 .quick-dock,#vli-pc-v24 .chat,#vli-pc-v24 .pc-window {pointer-events:auto}
#vli-pc-v24 .pc-window .pc-game-host {position:absolute;z-index:4;top:53px;right:12px;bottom:53px;left:12px;overflow:hidden;border:1px solid #88724d;background:rgba(6,12,8,.92);color:#e9ddb8;box-shadow:0 0 0 1px #0008 inset}
#vli-pc-v24 .pc-window .pc-game-host .tab,#vli-pc-v24 .pc-window .pc-game-host .tab.hidden {display:block!important;position:relative!important;visibility:visible!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important;transform:none!important;inset:auto!important;padding:6px!important;background:transparent!important;box-shadow:none!important}
#vli-pc-v24 .pc-window[data-panel='inventory'] .pc-game-host,#vli-pc-v24 .pc-window[data-panel='skills'] .pc-game-host {top:51px;bottom:55px;left:9px;right:9px}
#vli-pc-v24 .pc-window[data-panel='character'] .pc-game-host {left:15px;right:15px;top:49px;bottom:38px}
#vli-pc-v24 .pc-window[data-panel='system'] .pc-game-host {left:7px;right:7px;top:38px;bottom:34px}
#vli-pc-v24 .pc-window .pc-game-host button {pointer-events:auto}
#vli-pc-v24 .pc-window .pc-game-host .it,#vli-pc-v24 .pc-window .pc-game-host .slot {min-width:24px;min-height:24px}
#vli-pc-v24 .pc-window .pc-game-host .invgrid {grid-template-columns:repeat(auto-fill,minmax(34px,1fr))!important}
#vli-pc-v24 .pc-window .pc-game-host input,#vli-pc-v24 .pc-window .pc-game-host select {max-width:100%}
#vli-pc-v24 .pc-window.live {min-width:300px;min-height:340px}
#vli-pc-v24 .pc-window.live .skin {position:absolute;inset:0;width:100%;height:100%}
#vli-pc-v24 .pc-window.live .native-underlay {display:none}
#vli-pc-v24 .pc-live-mini {position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none;z-index:2;image-rendering:auto;background:#142618}
#vli-pc-v24 .pc-live-mini[hidden] {display:none}
#vli-pc-v24 .mini-roads,#vli-pc-v24 .mini-player,#vli-pc-v24 .mini-dot {pointer-events:none}
#vli-pc-v24 .toast {z-index:50}
#vli-pc-v24 .pc-window .pc-window-head {touch-action:none}
#vli-pc-v24 .quick-dock {width:min(900px,calc(100% - 7px))}
#vli-pc-v24 .quick-dock button {max-width:87px}
#vli-pc-v24 .pc-hud .hud-potions button {pointer-events:auto}
#vli-pc-v24 .pc-rank {display:none}
#vli-pc-v24 .pc-stats {max-width:calc(100vw - 360px)}
#vli-pc-v24 .map-title {white-space:nowrap}
#vli-pc-v24 .map-title small {overflow:hidden;text-overflow:ellipsis}
#vli-pc-v24 .chat-rows {user-select:text}
#vli-pc-v24 .pc-window .pc-skin-label {position:absolute;z-index:3;right:34px;top:8px;color:#dac78c;font-size:11px;pointer-events:none}
#vli-pc-v24 .pc-window .pc-not-ready {position:absolute;z-index:4;top:55px;left:18px;right:18px;color:#d3bc83;font-size:12px;text-align:center;background:#0d170dcc;padding:12px;border:1px solid #655237}
#vli-pc-v24 .pc-modal-note {font-size:11px;color:#b9cbb0;margin-top:8px}
#vli-pc-v24 .pc-window .pc-window-head {right:32px;left:16px}
@media(max-width:1020px){#vli-pc-v24 .pc-stats{top:5px;left:50%;transform:translateX(-50%) scale(.84);transform-origin:top center;max-width:600px}#vli-pc-v24 .quick-dock{bottom:85px;width:min(760px,100%)}#vli-pc-v24 .pc-window.live{max-width:calc(100vw - 16px)!important}#vli-pc-v24 .chat{bottom:110px;left:5px;width:260px;height:110px}}
@media(max-width:750px){#vli-pc-v24 .pc-logo-area{display:none}#vli-pc-v24 .pc-stats{top:3px;left:8px;transform:scale(.72);transform-origin:top left}#vli-pc-v24 .quick-dock button{font-size:9px;min-width:42px}#vli-pc-v24 .pc-window{max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 90px)!important}#vli-pc-v24 .chat{width:210px;left:2px}}

/* High-specificity visual hiding: old V6/V8/U20 styles aggressively force top controls. */
body.vli-pc-ui-v24 #app #topCtl,body.vli-pc-ui-v24 #app #topCtl button {display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Fit native PC minimap control strip at smaller browser sizes. */
@media(max-width:1120px){
 #vli-pc-v24 .mini-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 #vli-pc-v24 .mini-commands button{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:9px;padding:3px 2px;min-height:20px}
 #vli-pc-v24 .mini-commands button:first-child,#vli-pc-v24 .mini-commands button:last-child{grid-column:1 / -1}
}