#classicCommerce{--iv:calc((100vh - var(--hud-height))/429);position:fixed;right:calc(var(--u)*190);top:0;width:calc(var(--u)*190);height:calc(var(--iv)*429);z-index:11;color:#ddd;font:clamp(9px,.75vw,13px) Arial;background:#101010}
#classicCommerce .invBack,#classicCommerce .invTop,#classicCommerce .invLeft,#classicCommerce .invRight,#classicCommerce .invBottom{position:absolute;pointer-events:none;background-size:100% 100%}#classicCommerce .invTop{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back01.tga')}#classicCommerce h2{position:absolute;top:calc(var(--iv)*12);left:0;right:0;text-align:center;margin:0;font-size:inherit}
.commerceGrid{position:absolute;left:calc(var(--u)*16);top:calc(var(--iv)*90);width:calc(var(--u)*160);height:calc(var(--iv)*80);border:1px ridge #9b9b94;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_box.tga') 0 0/calc(var(--u)*20) calc(var(--iv)*20)}
#classicCommerce .invItem{position:absolute;left:calc(var(--u)*20*var(--x));top:calc(var(--iv)*20*var(--y));width:calc(var(--u)*20*var(--w));height:calc(var(--iv)*20*var(--h));padding:0;border:0;border-radius:0;background:#104e4c38}#classicCommerce .invItem:hover{background:#17417b88;outline:1px solid #406eac}#classicCommerce .picked{opacity:.25}#classicCommerce .rotating img{visibility:hidden}
.storeTitle{position:absolute;left:calc(var(--u)*16);top:calc(var(--iv)*50);width:calc(var(--u)*160);height:calc(var(--iv)*22);background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_Box_openTitle.tga') center/100% 100%}.storeTitle input{position:absolute;left:20%;top:10%;width:77%;height:75%;border:0;padding:0;color:#e2c56c;background:transparent;font:inherit;outline:none}
.nativeButton{position:absolute;width:calc(var(--u)*36);height:calc(var(--iv)*29);padding:0;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-position:left top;background-size:100% 200%;cursor:pointer}.nativeButton:hover{filter:brightness(1.2)}.nativeButton:active{background-position-y:100%;filter:none}.nativeButton:disabled{filter:brightness(.45);cursor:default}.invStoreButton{left:calc(var(--u)*89);top:calc(var(--iv)*391)}.invStoreButton[aria-pressed=true]{filter:none}#classicInventory .invPages{top:calc(var(--iv)*375);left:30%;right:5%}
#classicCommerce .nativeButton{top:calc(var(--iv)*391)}.storeOpen{left:calc(var(--u)*53)}.storeClose{left:calc(var(--u)*93)}.vaultDeposit{left:calc(var(--u)*54)}.vaultWithdraw{left:calc(var(--u)*95)}.vaultLock{left:calc(var(--u)*136)}
.storeWarning{position:absolute;left:calc(var(--u)*30);right:calc(var(--u)*25);top:calc(var(--iv)*228);line-height:1.7;color:#e4c54b}.storeWarning strong{color:#f33;display:block;margin-bottom:calc(var(--iv)*12)}.storeWarning p{margin:0 0 calc(var(--iv)*8)}
.vaultMoney,.vaultFee{position:absolute;left:calc(var(--u)*11);width:calc(var(--u)*170);height:calc(var(--iv)*22);color:#edc94e;display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*9);background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_money3.tga') center/100% 100%}.vaultMoney{top:calc(var(--iv)*340);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_money.tga');justify-content:flex-end}.vaultFee{top:calc(var(--iv)*365);color:#f33}.vaultFee span{color:#edc94e}
#classicCommerce[data-mode=vault] .commerceGrid{top:calc(var(--iv)*34);height:calc(var(--iv)*300)}#classicCommerce:not([data-mode=vault]) .vaultMoney,#classicCommerce:not([data-mode=vault]) .vaultFee,#classicCommerce:not([data-mode=vault]) .vaultDeposit,#classicCommerce:not([data-mode=vault]) .vaultWithdraw,#classicCommerce:not([data-mode=vault]) .vaultLock,#classicCommerce[data-mode=vault] .storeTitle,#classicCommerce[data-mode=vault] .storeWarning,#classicCommerce[data-mode=vault] .storeOpen,#classicCommerce[data-mode=vault] .storeClose,#classicCommerce[data-mode=buy] .storeWarning,#classicCommerce[data-mode=buy] .storeOpen,#classicCommerce[data-mode=buy] .storeClose{display:none}
.commerceDialog{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,80vw);padding:26px 28px 20px;border:10px ridge #6b6b66;border-radius:10px;background:#171717 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');box-shadow:0 0 0 3px #050505;color:#ddd;font:12px Arial;text-align:center}.commerceDialog h3{font-size:13px;margin:0 0 16px;color:#eed083}.commerceDialog input{display:block;width:65%;margin:18px auto;background:#080808;border:2px inset #555;color:#fff;padding:6px;font:16px Arial}.commerceDialog input[hidden]{display:none}.commerceDialogActions{display:flex;justify-content:space-between;gap:25px;margin-top:22px}.commerceDialog button{background:#252525;border:3px ridge #888;color:#dfc06c;padding:6px 16px;font:inherit;cursor:pointer}.commerceDialog button:hover{filter:brightness(1.3)}.commerceDialog button:active{border-style:inset}.vaultKeypad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.vaultKeypad button{font:bold 24px Arial;color:white;padding:7px 0}
#classicInventory .nativeButton,#classicCommerce .nativeButton{background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:100% 200%;border:0;padding:0}
#classicInventory .nativeButton:active,#classicCommerce .nativeButton:active{background-position:0 100%}
#classicCommerce .vaultMoney{top:calc(var(--iv)*342);height:calc(var(--iv)*46);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_money3.tga')}
#classicCommerce .vaultMoney span{position:absolute;top:calc(var(--iv)*5);right:calc(var(--u)*9)}#classicCommerce .vaultFee{background:none}
.commerceDialog{isolation:isolate;border:0;border-radius:0;box-shadow:none;padding:36px 35px 24px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_middle.tga') 0 0/100% 15px repeat-y,url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg') center/100% 100%}
.commerceDialog:before,.commerceDialog:after{content:'';position:absolute;left:0;right:0;pointer-events:none;background-size:100% 100%;z-index:0}.commerceDialog:before{top:0;height:67px;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_top.tga')}.commerceDialog:after{bottom:0;height:50px;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_bottom.tga')}.commerceDialog>*{position:relative;z-index:1}
.commerceDialogActions button{width:90px;height:50px;border:0;border-radius:0;padding:0;text-indent:-9999px;overflow:hidden;background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_button_ok.tga') 0 0/100% 300% no-repeat}.commerceDialogActions button:last-child{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_button_cancel.tga')}.commerceDialogActions button:hover{background-position:0 50%;filter:none}.commerceDialogActions button:active{background-position:0 100%}

#classicCommerce .commerceGrid{overflow:hidden;}#classicCommerce .commerceDrop{pointer-events:none;z-index:6;border:1px solid #5ba6ff;background:rgba(35,117,224,.48);background-image:linear-gradient(#78bdff30 1px,transparent 1px),linear-gradient(90deg,#78bdff30 1px,transparent 1px);background-size:calc(var(--u)*20) calc(var(--iv)*20);}#classicCommerce .commerceDrop[data-valid=false]{border-color:#ef6868;background-color:#c33a3a66;}
