/* Võ Lâm Idle PC UI V24.3 — additional interactive layers, preserves base UI assets. */
#vli-pc-v24 .v242-hotkeys {position:absolute;left:309px;bottom:11px;display:flex;gap:2px;pointer-events:auto;z-index:12}
#vli-pc-v24 .v242-slot,#vli-pc-v24 .v242-utility{color:#dcd4ad;position:relative;padding:0;border:1px solid #88744a;background:#07110b url("assets/pc-v21/native-pc-slot-v21.webp") center/100% 100% no-repeat;pointer-events:auto;cursor:pointer;box-shadow:0 1px 3px #000b}
#vli-pc-v24 .v242-slot{height:29px;width:29px;display:flex;justify-content:center;align-items:center}
#vli-pc-v24 .v242-slot .v242-icon{background-position:center;background-size:contain;background-repeat:no-repeat;display:block;width:24px;height:23px;pointer-events:none}
#vli-pc-v24 .v242-slot small{position:absolute;right:0;bottom:0;font:9px Tahoma;color:#ffe0a0;background:#08100cab;padding:0 2px;pointer-events:none;text-shadow:0 1px 2px black}
#vli-pc-v24 .v242-slot:hover,#vli-pc-v24 .v242-utility:hover{border-color:#f5d98c;filter:brightness(1.12)}
#vli-pc-v24 .v242-slot.v242-current,#vli-pc-v24 .v242-utility.v242-current{box-shadow:0 0 0 1px #d9b855,0 0 8px #e6b452bb}
#vli-pc-v24 .v242-slot.v242-empty{opacity:.78}
#vli-pc-v24 .v242-utility{position:absolute;bottom:11px;width:29px;height:29px;z-index:12;font-size:12px;font-weight:bold;line-height:1}
#vli-pc-v24 .v242-teleport{left:270px;color:#c0b7f4}
#vli-pc-v24 .v242-main{left:438px;background-image:var(--main-ic),url("assets/pc-v21/native-pc-slot-v21.webp");background-size:23px 23px,100% 100%;background-repeat:no-repeat;background-position:center}
#vli-pc-v24 .v242-main:focus,#vli-pc-v24 .v242-main:hover{background-color:#253527}
#vli-pc-v24 .v242-rotate{left:476px;color:#e3bd75}
#vli-pc-v24 .hud-potion{position:relative;overflow:hidden}
#vli-pc-v24 .hud-potion::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#050808aa var(--cooldown,0%),transparent var(--cooldown,0%))}
#vli-pc-v24 .mini-commands .v242-active{background-color:#2e4924!important;border-color:#83bd6d!important;color:#d6ffe2!important}
#vli-pc-v24 .quick-dock .v242-dock-extra{border-color:#ab8d54;color:#f0dd9e}
/* PC inventory skin: the 6x10 illustrated cells become actual live item buttons. */
#vli-pc-v24 .v242-inv-grid{position:absolute;left:24px;top:73px;width:168px;display:grid;grid-template-columns:repeat(6,28px);grid-auto-rows:28px;z-index:5;pointer-events:auto}
#vli-pc-v24 .v242-inv-item{position:relative;width:28px;height:28px;background:transparent;border:1px solid transparent;padding:1px;display:flex;align-items:center;justify-content:center}
#vli-pc-v24 .v242-inv-item:hover{border-color:#f1d47c;background:#bba0582a}
#vli-pc-v24 .v242-inv-item img{width:25px;height:25px;object-fit:contain;pointer-events:none}
#vli-pc-v24 .v242-inv-item small{position:absolute;bottom:0;right:0;font:8px Tahoma;color:#ffc978;text-shadow:0 1px 1px #000;pointer-events:none}
#vli-pc-v24 .v242-inv-nav{position:absolute;top:348px;left:32px;width:151px;height:18px;display:flex;align-items:center;justify-content:center;gap:9px;z-index:5;color:#d4c49e;background:#0c160de0;font:10px Tahoma}
#vli-pc-v24 .v242-inv-nav button{background:#14221a;color:#e9d6aa;border:1px solid #776c4b;height:17px;width:23px;padding:0}
#vli-pc-v24 .v242-inv-nav button:disabled{opacity:.4}
#vli-pc-v24 .v242-pc-hotspot{position:absolute;z-index:6;background:transparent;color:transparent;border:1px solid transparent;padding:0;pointer-events:auto}
#vli-pc-v24 .v242-pc-hotspot:hover{background:#fbde5340;border-color:#dbc277}
#vli-pc-v24 .v242-inv-stash{left:8px;top:394px;width:60px;height:32px}
#vli-pc-v24 .v242-inv-equip{left:74px;top:394px;width:67px;height:32px}
#vli-pc-v24 .v242-inv-close{left:146px;top:394px;width:63px;height:32px}
/* Character/equipment: match original PC image pixel locations. */
#vli-pc-v24 .v242-equip-grid{position:absolute;z-index:5;left:0;top:0;pointer-events:none}
#vli-pc-v24 .v242-equip-item{position:absolute;z-index:5;pointer-events:auto;border:1px solid transparent;background:transparent;padding:2px;display:flex;align-items:center;justify-content:center}
#vli-pc-v24 .v242-equip-item:hover{background:#d6bd4133;border-color:#d6b76a}
#vli-pc-v24 .v242-equip-item img{width:100%;height:100%;object-fit:contain;max-width:48px;max-height:72px;pointer-events:none}
#vli-pc-v24 .v242-char-inv{left:118px;top:368px;width:80px;height:34px}
#vli-pc-v24 .v242-char-close{left:252px;top:368px;width:84px;height:34px}
/* PC skill image: controls appear in the original empty skill list. */
#vli-pc-v24 .v242-skills-list{position:absolute;z-index:5;left:6px;top:63px;width:190px;height:267px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#937247 #0b100d;background:#080f0ba8;display:flex;flex-direction:column;gap:2px;padding:3px}
#vli-pc-v24 .v242-skill-item{height:38px;min-height:38px;display:flex;align-items:center;gap:4px;padding:2px;background:#1c2719;border:1px solid #49533c;color:#e8d4aa;text-align:left;font:10px Tahoma;overflow:hidden}
#vli-pc-v24 .v242-skill-item:hover,#vli-pc-v24 .v242-skill-item.v242-current{border-color:#f4cd67;background:#304020}
#vli-pc-v24 .v242-skill-item img{width:29px;height:29px;object-fit:contain;pointer-events:none;flex:none}
#vli-pc-v24 .v242-skill-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#vli-pc-v24 .v242-skill-item small{font:9px Tahoma;color:#f7d77c;flex:none}
#vli-pc-v24 .v242-skills-list p{padding:7px;color:#bea879}
#vli-pc-v24 .v242-skills-close{left:66px;top:338px;width:76px;height:33px}
/* Map derives directly from the living game minimap, not the demo landscape image. */
#vli-pc-v24 .v242-map-toolbar{display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:5px}
#vli-pc-v24 .v242-map-toolbar button{min-width:44px;font-weight:bold}
#vli-pc-v24 .v242-map-canvas{display:block;width:100%;height:192px;image-rendering:auto;border:3px ridge #887551;cursor:crosshair;background:#0b190e}
#vli-pc-v24 .v242-map-details{font:11px Tahoma;text-align:center;color:#f1d6aa;padding:5px 0}
#vli-pc-v24 .v242-map-note{font:10px/1.4 Tahoma;color:#aecc9e;margin:0}
/* Dialogs stay in native game DOM, but receive compatible PC border accents. */
body.vli-pc-ui-v24 #modal.v242-native-modal .mbox{border:9px solid transparent;border-image:url("assets/pc-v22/pc-frame-nine-slice.webp") 24 fill/9px stretch;box-shadow:0 8px 30px #000d;max-height:90dvh;overflow:auto}
#vli-pc-v24 .v242-team-status{position:absolute;z-index:6;left:27px;right:27px;top:62px;background:#101a13e8;border:1px solid #9c7b4c;padding:9px;text-align:center;color:#e6d1a0;font:11px/1.5 Tahoma}
#vli-pc-v24 .v242-team-status p{font:11px/1.45 Tahoma;margin:7px 0}
#vli-pc-v24 .v242-trade-preview{position:absolute;z-index:5;top:52px;left:15px;right:15px;bottom:50px;padding:6px;background:#07120cca;color:#dac99d}
#vli-pc-v24 .v242-trade-preview>div:first-child{font:10px Tahoma;margin-bottom:6px}
#vli-pc-v24 .v242-trade-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;max-height:246px;overflow-y:auto}
#vli-pc-v24 .v242-trade-item{background:#172319;border:1px solid #574a39;min-width:25px;height:30px;padding:2px}
#vli-pc-v24 .v242-trade-item img{width:100%;height:100%;object-fit:contain}
#vli-pc-v24 .v242-local-msg{color:#b7e4ac;font:11px/1.4 Tahoma}
#vli-pc-v24 .v242-chat-status{font:9px Tahoma;color:#a9cda0;text-shadow:0 1px 2px #000;padding:0 4px;height:12px;background:#06120ac9;pointer-events:none}
#vli-pc-v24 .pc-desktop .v242-inv-item:focus-visible,#vli-pc-v24 .pc-desktop .v242-equip-item:focus-visible,#vli-pc-v24 .pc-desktop .v242-slot:focus-visible{outline:2px solid #eacf83}
@media(max-width:850px){#vli-pc-v24 .v242-inv-grid{left:24px}#vli-pc-v24 .v242-hotkeys{gap:2px}}
/* Never cover the chat input/send control with dock buttons. */
@media(min-width:1121px){#vli-pc-v24 .quick-dock{right:0;width:min(820px,calc(50vw - 26px))!important;bottom:89px}}
@media(min-width:751px) and (max-width:1120px){#vli-pc-v24 .quick-dock{right:0;width:calc(100vw - 330px)!important;bottom:85px}}
@media(max-width:750px){#vli-pc-v24 .quick-dock{right:0;width:calc(100vw - 232px)!important;bottom:74px}}
body #skPick.v242-skill-picker{position:fixed!important;z-index:6400!important;bottom:105px!important;left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;max-width:min(600px,95vw)!important;max-height:min(450px,70dvh)!important;overflow-y:auto!important;border:6px solid #7b6945!important;background:#111c12f5!important;box-shadow:0 9px 25px #000d!important}
#vli-pc-v24 .v242-more-menu{position:absolute;right:10px;bottom:140px;z-index:35;padding:8px;background:#0c180eec;border:7px solid transparent;border-image:var(--native-frame) 24 fill/7px stretch;display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:5px;pointer-events:auto;box-shadow:0 4px 12px #000e}
#vli-pc-v24 .v242-more-menu button{min-width:85px}


/* V24.3: clean PC skins — move live functionality onto the right panel, hide the left native tab clone. */
#vli-pc-v24 .v243-clean-panel .pc-game-host{display:none!important}
#vli-pc-v24 .v243-clean-panel .native-underlay{display:none!important}
#vli-pc-v24 .v243-clean-panel .v243-vi-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
#vli-pc-v24 .v243-clean-panel .v243-label{position:absolute;color:#eadcb6;text-shadow:0 1px 2px #000;font:12px Tahoma,Arial,sans-serif;letter-spacing:.2px}
#vli-pc-v24 .v243-clean-panel .v243-title{top:9px;left:0;right:0;text-align:center;font:bold 15px Tahoma,Arial,sans-serif;color:#ead8aa}
#vli-pc-v24 .v243-clean-panel .v243-sub{font:10px Tahoma,Arial,sans-serif;color:#c8bb95}
#vli-pc-v24 .v243-clean-panel .v243-text-btn{display:flex;align-items:center;justify-content:center;color:#ead8aa!important;font:bold 12px Tahoma,Arial,sans-serif;text-shadow:0 1px 2px #000;border:0;background:transparent!important}
#vli-pc-v24 .v243-clean-panel .v243-text-btn:hover{background:rgba(251,222,83,.20)!important;border:1px solid rgba(219,194,119,.65)}
#vli-pc-v24 .v243-inventory-labels .v243-inv-weight{left:18px;top:52px}
#vli-pc-v24 .v243-inventory-labels .v243-inv-pagehint{left:84px;top:350px}
#vli-pc-v24 .v243-character-labels .v243-char-tip{left:14px;right:180px;top:53px;line-height:1.25}
#vli-pc-v24 .v243-skills-labels .v243-skill-tip{left:16px;right:18px;top:40px;text-align:center;line-height:1.25}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-grid{left:23px;top:52px}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-nav{top:366px;left:30px;width:154px;height:16px;background:transparent;color:#e2d2a9}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-nav button{height:16px;width:20px;background:#1a2418cc}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-stash{left:12px;top:418px;width:54px;height:20px}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-equip{left:78px;top:418px;width:62px;height:20px}
#vli-pc-v24 .v243-clean-panel.v243-inventory .v242-inv-close{left:148px;top:418px;width:50px;height:20px}
#vli-pc-v24 .v243-clean-panel.v243-character .v242-equip-grid{left:0;top:0}
#vli-pc-v24 .v243-clean-panel.v243-character .v242-char-inv{left:112px;top:397px;width:88px;height:22px}
#vli-pc-v24 .v243-clean-panel.v243-character .v242-char-close{left:252px;top:397px;width:84px;height:22px}
#vli-pc-v24 .v243-clean-panel.v243-skills .v242-skills-list{left:7px;top:62px;width:190px;height:268px;background:rgba(10,16,11,.54)}
#vli-pc-v24 .v243-clean-panel.v243-skills .v242-skills-close{left:67px;top:344px;width:72px;height:21px}
#vli-pc-v24 .v243-clean-panel.v243-skills .v242-skill-item{height:36px;min-height:36px}
#vli-pc-v24 .v243-clean-panel .pc-window-head{right:30px;left:12px}