.mu-selector-control{gap:0!important;min-width:215px}
#server[hidden]{display:none!important}
.mu-server-trigger{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 13px;width:230px;min-height:47px;padding:7px 13px 9px;color:#d8c9a1;background:#080b0d;border:7px solid transparent;border-image:url('assets/server-select/server-idle.png') 6 7 7 7 fill / 6px 7px 7px 7px stretch;text-align:left}
.mu-server-trigger:hover{border-image-source:url('assets/server-select/server-hover.png')}
.mu-server-trigger[aria-expanded=true]{border-image-source:url('assets/server-select/server-selected.png')}
.server-trigger-title{font:9px/1.1 Tahoma,Arial,sans-serif;letter-spacing:1px;color:#a8a08c;grid-column:1/-1}
#mu-server-current{font:13px/1.1 LegacyBalgruf,Georgia,serif;color:#e5d1a0}
#mu-server-current-online{font:8px/1.5 Tahoma,Arial,sans-serif;color:#b1bea9;text-align:right}
.trigger-load{position:absolute;left:5.027933%;right:5.027933%;bottom:-4px;height:4px;background:none;border:0}
.trigger-load>span{position:absolute;inset:0;background:url('assets/server-select/server-load.png') no-repeat;background-size:100% 100%;clip-path:inset(0 calc(100% - var(--load,0%)) 0 0)}
body[data-mix] .client-realm-strip{display:block;padding:12px 23px 14px;background:linear-gradient(#111615,#090d0e)}
.realm-strip-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 9px}
.realm-strip-heading>span{font:15px/1.2 LegacyBalgruf,Georgia,serif;color:#cfbd95}
.realm-strip-heading>small{font:7px/1.2 Tahoma,Arial,sans-serif;letter-spacing:1px;color:#8e988b}
.client-realm-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-mix] .mu-server-list button.mu-server-row{
 position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;
 min-width:0;width:100%;min-height:79px;margin:0;padding:5px 10px 7px;gap:4px;
 border:7px solid transparent;border-radius:0;
 border-image:url('assets/server-select/server-idle.png') 6 7 7 7 fill / 6px 7px 7px 7px stretch;
 background:#080b0d;box-shadow:none;color:#cec6ad;text-align:left;transform:none;
}
body[data-mix] .mu-server-list button.mu-server-row:hover{border-image-source:url('assets/server-select/server-hover.png');color:#f1dfb5}
body[data-mix] .mu-server-list button.mu-server-row[aria-pressed=true]{border-image-source:url('assets/server-select/server-selected.png');background:#090f18}
body[data-mix] .mu-server-list button.mu-server-row:focus-visible{outline:2px solid #b69b62;outline-offset:3px}
.server-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
body .mu-server-row strong.server-row-name{font:12px/1.2 Tahoma,Arial,sans-serif;color:#e2cb95;display:inline}
body .mu-server-row .realm-indicator{font:8px/1.2 Tahoma,Arial,sans-serif;color:#bab69d;margin:0;display:inline}
body .mu-server-row .server-row-subtitle{font:8px/1.2 Tahoma,Arial,sans-serif;letter-spacing:.2px;color:#8f9d9c;display:block;max-width:none}
.server-population{display:flex;align-items:center;justify-content:space-between;gap:10px;font:8px/1.3 Tahoma,Arial,sans-serif;color:#aeb8a7}
.server-population b{font-weight:400;color:#d5d4ae}
.population-preview{font-size:7px;color:#a59a77}
.mu-load-meter{position:absolute;display:block;left:5.027933%;right:5.027933%;bottom:-4px;width:auto;height:4px;margin:0;border:0;background:none;overflow:hidden}
.mu-load-fill{position:absolute;inset:0;background:url('assets/server-select/server-load.png') no-repeat left center;background-size:100% 4px;clip-path:inset(0 calc(100% - var(--load,0%)) 0 0)}
dialog.mu-server-dialog{
 --mu-dialog-border:1;
 width:min(440px,calc(100% - 28px));max-width:440px;padding:25px 23px 22px;
 background:#050809;border:20px solid transparent;
 border-image:url('assets/server-select/server-window.png') 26 16 15 16 fill / 26px 16px 15px 16px stretch;
 box-shadow:0 18px 90px #000c;color:#d5c9a5;
}
dialog.mu-server-dialog::backdrop{background:#000b;backdrop-filter:blur(2px)}
.mu-server-dialog h2{font:23px/1.2 LegacyBalgruf,Georgia,serif;color:#e2cca0;margin:0 0 7px;text-align:center}
.mu-server-dialog .server-dialog-note{margin:0 0 20px;font:9px/1.6 Tahoma,Arial,sans-serif;color:#9ea999;text-align:center}
.mu-server-dialog .server-dialog-note>span{color:#b8a575}
.dialog-realm-rows{display:grid;gap:11px}
#mu-server-close{position:absolute;right:4px;top:1px;width:22px;height:22px;padding:0;border:0;background:none;color:#b3a17b;font:20px/1 Tahoma,Arial,sans-serif}
.server-dialog-foot{font:8px/1.6 Tahoma,Arial,sans-serif;text-align:center;color:#8d988b;margin:18px 0 0}
@media(max-width:1150px){.mu-selector-control{min-width:205px}.mu-server-trigger{width:215px;padding-inline:9px}.legacy-nav>div>a{padding-inline:14px}}
@media(max-width:950px){.mu-selector-control{min-width:190px}.mu-server-trigger{width:205px}.legacy-nav>div>a{padding-inline:10px}.client-realm-rows{gap:8px}body[data-mix] .client-realm-strip{padding-inline:16px}body[data-mix] .mu-server-list button.mu-server-row{padding-inline:7px}.server-population{font-size:7px}}
@media(max-width:680px){.client-realm-rows{grid-template-columns:1fr;gap:8px}body[data-mix] .mu-server-list button.mu-server-row{min-height:76px}.server-population{font-size:9px}body .mu-server-row strong.server-row-name{font-size:13px}body .mu-server-row .server-row-subtitle{font-size:8px}}
@media(max-width:540px){.legacy-nav>div.mu-selector-control{display:block;width:100%;min-width:0;border-top:1px solid #44453655;padding-top:6px}.mu-server-trigger{width:100%;min-height:49px}#mu-server-current{font-size:15px}#mu-server-current-online{font-size:9px}.server-trigger-title{font-size:8px;letter-spacing:1px}body[data-mix] .client-realm-strip{padding:12px 11px}.realm-strip-heading>span{font-size:14px}.realm-strip-heading>small{font-size:6px;letter-spacing:.7px}dialog.mu-server-dialog{padding:24px 13px 18px;width:calc(100% - 24px)}.mu-server-dialog h2{font-size:23px}.mu-server-dialog .server-dialog-note{font-size:9px}.server-dialog-foot{font-size:8px}}
