#guildWindow{--gu:var(--u);--gv:calc((100vh - var(--hud-height))/429);position:fixed;right:0;top:0;width:calc(var(--gu)*190);height:calc(var(--gv)*429);z-index:15;font:clamp(11px,.8vw,15px) Arial;color:#e3d6ae;background:#101010}#guildWindow[hidden],.guildInvite[hidden]{display:none}#guildWindow>div[class^=guild]:not(.guildContent):not(.guildFooter){position:absolute;pointer-events:none;background-size:100% 100%}.guildBack{inset:0;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg')}.guildTop{top:0;left:0;right:0;height:calc(var(--gv)*64);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back01.tga')}.guildLeft{left:0;top:calc(var(--gv)*64);width:calc(var(--gu)*21);bottom:calc(var(--gv)*45);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back02-L.tga')}.guildRight{right:0;top:calc(var(--gv)*64);width:calc(var(--gu)*21);bottom:calc(var(--gv)*45);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back02-R.tga')}.guildBottom{bottom:0;left:0;right:0;height:calc(var(--gv)*45);background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back03.tga')}#guildWindow h2{position:absolute;top:calc(var(--gv)*12);width:100%;text-align:center;font:inherit;margin:0}.guildTopClose{position:absolute;right:calc(var(--gu)*6);top:calc(var(--gv)*5);width:calc(var(--gu)*18);height:calc(var(--gv)*18);padding:0;border:0;background:transparent}.guildContent{position:absolute;left:calc(var(--gu)*12);right:calc(var(--gu)*12);top:calc(var(--gv)*52);bottom:calc(var(--gv)*52);overflow:auto;text-align:center}.guildContent p{line-height:1.6}.guildIntro{margin-bottom:calc(var(--gv)*35)}#guildWindow .guildButton{padding:0 6px;height:calc(var(--gv)*29);min-width:calc(var(--gu)*62);border:0;border-radius:0;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty_small.tga') top/100% 300%;font:inherit;color:#e8e3d5}#guildWindow .guildButton:hover{background-position:center}.guildFooter{position:absolute;bottom:calc(var(--gv)*17);left:calc(var(--gu)*13);right:calc(var(--gu)*13);display:flex;justify-content:space-between;gap:10px}.guildNameLabel{display:flex;align-items:center;gap:5px;text-align:left}#guildWindow .guildName{margin:0 0 10px 0;padding:0 8px;height:calc(var(--gv)*23);min-width:0;background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_guildmakeeditbox.tga') center/100% 100%;border:0;border-radius:0;font:inherit;color:#fff}.guildPaint{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:calc(var(--gu)*120);height:calc(var(--gv)*120);border:2px ridge #b1aca3;box-sizing:content-box;margin:calc(var(--gv)*8) auto 0;touch-action:none}.guildPaint button{margin:0;padding:0;border:1px solid #636363;border-radius:0;min-width:0;min-height:0}#guildWindow .transparent{background:linear-gradient(45deg,transparent 47%,#888 48%,#888 52%,transparent 53%),linear-gradient(-45deg,#080808 47%,#888 48%,#888 52%,#080808 53%)}.guildPaintHint{font-size:.85em}.guildPalette{display:grid;grid-template-columns:repeat(8,1fr);margin:0 auto;gap:1px}.guildPalette button{height:calc(var(--gv)*20);min-width:0;padding:0;border:1px solid #555;border-radius:0}.guildPalette button.selected{outline:2px solid #e7c75b;outline-offset:-2px}.guildMarkPreview{position:static;inset:auto;display:block;width:calc(var(--gu)*48);height:calc(var(--gv)*48);image-rendering:pixelated;margin:calc(var(--gv)*20) auto 12px;border:3px ridge #aaa;background:#111}.guildRoster{max-height:calc(var(--gv)*175);overflow:auto;margin:10px 0;text-align:left}.guildRoster>div{display:flex;align-items:center;justify-content:space-between;padding:5px 0;gap:4px;border-bottom:1px solid #ffffff20}.guildRoster .guildButton{font-size:.8em;min-width:0!important}#guildWindow input:not(.guildName){font:inherit;margin:6px 0;padding:6px;width:100%;border:1px solid #777;border-radius:0;background:#080808;color:#eee}.guildInvite{position:fixed;z-index:30;top:35%;left:50%;transform:translateX(-50%);padding:20px;background:#111 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:3px ridge #888;color:#e4d29a;text-align:center}.guildInvite button{margin:8px}

body:not(.playing) #guildWindow,body:not(.playing) .guildInvite{display:none}#guildWindow .guildButton:active{background-position:bottom}
