.server-select header,.server-select #mapPanel,.server-select #character,.server-select #worldMessages{display:none!important}
html:has(body.server-select),body.server-select{background:#000;min-height:100vh}
.server-select #world{inset:0;width:100vw;height:100vh;transform:none;background:url('https://servidor.muworld.net/api/texture?dir=Logo&file=New_Login_Back01.jpg') left top/50.1% 100% no-repeat,url('https://servidor.muworld.net/api/texture?dir=Logo&file=New_Login_Back02.jpg') right top/50.1% 100% no-repeat}
.server-select #labels{display:none}
#serverScreen{position:fixed;inset:0;z-index:6;color:white;font:11px Tahoma,Arial,sans-serif;pointer-events:none}
.loginStage{position:absolute;left:50%;top:50%;width:var(--login-width,1280px);height:var(--login-height,720px);transform:translate(-50%,-50%) scale(var(--login-scale,1));transform-origin:center}
.loginLogo{position:absolute;left:50%;top:36px;width:400px;height:200px;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 0 3px #c5d9ff) drop-shadow(0 0 6px #c2d8ff)}
.loginLetterbox{display:none;position:absolute;left:0;right:0;height:5.2%;background:#000}.loginLetterbox.top{top:0}.loginLetterbox.bottom{bottom:0}
.loginServers{position:absolute;left:calc(50% - 200px);top:39.1667%;display:flex;gap:28px;align-items:flex-start;pointer-events:auto}
#serverScreen button{border:0;border-radius:0;box-shadow:none;color:#d5d0bc;padding:0;font:10px Tahoma,Arial,sans-serif;text-shadow:1px 1px 1px #000}
#serverGroup{width:108px;height:26px;background: url('https://servidor.muworld.net/api/texture?dir=Interface&file=cha_bt.tga') 0 0/108px 104px;position:relative}
#serverGroup:hover,#serverGroup:focus-visible,#serverGroup[aria-expanded=true]{background-position:0 -52px;color:#fff}
#serverGroup:before{content:'';position:absolute;left:-8px;top:-19px;width:68px;height:95px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_deco_all.tga') 0 0/159px 95px;pointer-events:none}
#serverGroup[aria-expanded=true]:after{content:'';position:absolute;left:107px;top:-2px;width:23px;height:29px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_deco_all.tga') -136px 0/159px 95px;pointer-events:none}
#serverChannels{width:193px}#serverChannel{position:relative;display:block;width:193px;height:26px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_b2_all.tga') 0 0/193px 78px!important}
#serverChannelName{position:absolute;left:5px;right:5px;top:6px;text-align:center;color:#e9d55c;font-size:10px;line-height:11px}
#serverChannel:hover,#serverChannel:focus-visible{background-position:0 -52px!important}#serverChannel:focus-visible,#serverGroup:focus-visible{outline:1px solid #dfcf8f;outline-offset:2px}
#serverOccupancy{position:absolute;left:16px;top:19px;width:160px;height:4px;background:#070a08;border-bottom:1px solid #44483d;box-sizing:border-box}#serverOccupancy i{display:block;height:4px;width:0;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_b2_loding.jpg') left top/160px 4px}
#serverStatus,.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#serverDescription{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);width:512px;height:50px;box-sizing:border-box;padding:7px 10px;color:#ddd;font:10px/18px Tahoma,Arial,sans-serif;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_ex03.tga') repeat;box-shadow:inset 0 0 0 1px #222,inset 0 0 0 2px #85857c}#serverDescription:before,#serverDescription:after{content:'';position:absolute;left:0;right:0;height:6px;pointer-events:none;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_ex01.tga') 0 0/512px 12px no-repeat}#serverDescription:before{top:0}#serverDescription:after{bottom:0;background-position:0 -6px}
.loginCorner{position:absolute;bottom:49px;width:54px;height:30px;pointer-events:auto;background-size:54px 90px!important}
.loginCorner:hover,.loginCorner:focus-visible{background-position:0 -60px!important}#loginMenu{left:25px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_menu_b_all.tga') 0 0}#loginCredit{right:25px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=server_credit_b_all.tga') 0 0}
.loginCornerDeco{position:absolute;right:0;bottom:35px;width:189px;height:103px;pointer-events:none;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=deco.tga') no-repeat;z-index:-1}
.loginCopyright{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:9px Tahoma;color:#ddd}.loginVersion{position:absolute;bottom:6px;left:4px;font:9px Tahoma}
#loginDimmer{position:absolute;inset:0;background:#0009;pointer-events:auto;z-index:2}
#loginDialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:213px;height:155px;box-sizing:border-box;pointer-events:auto;padding:33px 0 22px;text-align:center;z-index:3;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_back1.tga') center top/213px 64px no-repeat,url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_back2.tga') center bottom/213px 43px no-repeat,url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_back3.jpg') left top/5px 8px repeat-y,url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_back4.jpg') right top/5px 8px repeat-y,url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_stone.jpg') repeat}
#loginDialog p{line-height:1.6;font-size:10px;color:#c0c0b3;margin:0 12px 8px}#loginDialog button{display:block;width:108px;height:30px;margin:0 auto 4px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_b_all.tga') 0 0/108px 120px!important;color:#ddd;font-size:10px}
#loginDialog button:hover,#loginDialog button:focus-visible{background-position:0 -60px!important;color:#fff;outline:none}#loginDialog button:active{background-position:0 -30px!important}
#loginDialog.credits{height:190px}#loginDialog.credits #closeLoginDialog{position:absolute;bottom:18px;left:52.5px}
#loginExited{position:absolute;inset:0;z-index:4;pointer-events:auto;background:#050608;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}#loginExited[hidden]{display:none}#serverScreen #loginRestart{padding:10px 18px;border:1px solid #777;background:#252723}
.login-exited #world,.login-exited .loginLogo,.login-exited .loginServers,.login-exited #serverDescription{visibility:hidden}
#backToServers{position:absolute;bottom:30px;left:30px;pointer-events:auto;padding:8px 16px;font:11px Georgia}
#accountLogin{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);width:329px;height:245px;pointer-events:auto;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=login_back.tga') 0 0/329px 245px no-repeat}
.account-open .loginServers,.account-open #serverDescription{display:none}
.loginRealm{position:absolute;top:80px;left:0;right:0;text-align:center;font:10px Tahoma;color:#eee}
#accountLogin>label:not(.loginRemember){position:absolute;left:29px;font:11px/23px Tahoma;color:#eee}.accountLabel{top:106px}.passwordLabel{top:131px}
#accountLogin>input{position:absolute;left:109px;width:156px;height:23px;box-sizing:border-box;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=login_me.tga') 0 0/156px 23px no-repeat;border:0;border-radius:0;padding:4px 7px;color:#e6d2b6;font:11px Tahoma;outline:none}#accountLogin>input:focus{filter:brightness(1.3)}#loginAccount{top:106px}#loginPassword{top:131px}
.loginRemember{position:absolute;top:157px;right:64px;display:flex;align-items:center;gap:6px;min-height:20px;padding:2px 0;font:10px Tahoma;cursor:pointer;user-select:none}.loginRemember input{position:absolute;width:100%;height:100%;inset:0;margin:0;opacity:0;cursor:pointer}.loginCheck{width:13px;height:13px;display:grid;place-items:center;border:1px solid #9f9c8f;background:#060706;box-shadow:inset 0 0 0 2px #272824;pointer-events:none}.loginRemember input:checked+.loginCheck:after{content:'✓';color:#ffe2a0;font:bold 12px/1 Tahoma}.loginRemember input:focus-visible+.loginCheck{outline:1px solid #ffe2a0;outline-offset:2px}.loginRemember:hover .loginCheck{border-color:#e8d6a8}
#serverScreen #loginSubmit,#serverScreen #loginCancel{position:absolute;top:178px;width:54px;height:30px;background-size:54px 90px;font-size:0;color:transparent}#loginSubmit{left:150px;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=message_ok_b_all.tga')}#loginCancel{left:211px;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=loding_cancel_b_all.tga')}
#serverScreen #loginSubmit:hover,#serverScreen #loginCancel:hover,#serverScreen #loginSubmit:focus-visible,#serverScreen #loginCancel:focus-visible{background-position:0 -60px;outline:none}
#serverScreen #loginCreateAccount{position:absolute;top:249px;left:0;right:0;margin:auto;width:max-content;font-size:10px;background:#090909b8;padding:4px 8px;color:#d9cca6;text-decoration:underline}
#loginError{position:absolute;top:275px;left:-40px;right:-40px;margin:0;padding:4px;text-align:center;font:10px/15px Tahoma;color:#ffe0ad;background:#000a}#loginError:empty{display:none}