.server-directory .server-opening{
 grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;
 padding:14px 16px;margin:0 0 3px;border:1px solid #bfa776;border-radius:8px;background:#f8f5ec;color:#29382c;
}
.server-directory .server-opening.is-open{border-color:#9aaea0;background:#f2f6f0}
.server-opening .realm-number{width:44px;height:44px;display:grid;place-items:center;border-radius:7px;background:#eee4cd;color:#7c5d23;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.server-opening.is-open .realm-number{color:#315341;background:#e2ece2}
.server-opening .realm-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.3}
.server-opening h3{font-size:17px;margin:0;font-weight:650}
.server-opening .realm-state{color:#795d25;font-size:13px;white-space:nowrap}
.server-opening.is-open .realm-state{color:#355f46}
.server-opening .realm-start{margin:5px 0 0;color:#615846;line-height:1.45;font-size:14px}
.server-opening .realm-start time{font-variant-numeric:tabular-nums}
.server-opening .realm-enter{border:1px solid #ccc5b3;background:#ede9de;color:#736a57;border-radius:5px;padding:0 12px;min-height:42px;font-size:14px;white-space:nowrap}
.server-opening.is-open .realm-enter{border-color:#294d3b;background:#294d3b;color:white;cursor:pointer}
@media(max-width:760px){
 .server-directory .server-opening{padding:13px 10px;grid-template-columns:34px minmax(0,1fr) auto;gap:9px}
 .server-opening .realm-number{width:34px;height:38px;font-size:15px}
 .server-opening h3{font-size:16px}
 .server-opening .realm-title{gap:6px}
 .server-opening .realm-state{font-size:13px}
 .server-opening .realm-start{font-size:14px}
 .server-opening .realm-enter{padding:0 8px;min-height:44px}
}
.server-directory .server-opening[hidden]{display:none}
.server-opening a.realm-enter{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
[data-theme=dark] .server-directory .server-opening{border-color:#7f6b46;background:#27251d;color:#eee9db}
[data-theme=dark] .server-directory .server-opening.is-open{border-color:#607c67;background:#202d25}
[data-theme=dark] .server-opening .realm-state,
[data-theme=dark] .server-opening .realm-start{color:#d5c6a6}
[data-theme=dark] .server-opening.is-open .realm-state{color:#b7d4bc}
[data-theme=dark] .server-opening button.realm-enter{background:#363228;border-color:#605743;color:#c0b399}