* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px; background: radial-gradient(ellipse at 50% 120%, #5a2a10 0%, #1a120a 55%, #070504 100%); color: #f3ead6; font-family: Georgia, serif; text-align: center; }
main { width: min(460px, 100%); }
h1 { color: #f8d24a; letter-spacing: 8px; margin: 0; font-size: 34px; text-shadow: 0 2px 10px #000; }
h2 { font-size: 17px; color: #f8d24a; margin: 18px 0 10px; font-weight: normal; }
.sub { margin: 4px 0 18px; color: #c9b98f; font-style: italic; }
p { margin: 8px 0; color: #d9c8a0; }
#msg { color: #ff8a6a; min-height: 20px; }
#gbtn { display: flex; justify-content: center; margin: 16px 0; min-height: 44px; }
.btn { display: inline-block; background: linear-gradient(#8a2a1a, #5a140c); border: 2px solid #b8862a; border-radius: 8px; color: #ffe9a8; font: 17px Georgia, serif; padding: 11px 22px; text-decoration: none; cursor: pointer; }
.btn.sm { font-size: 15px; padding: 7px 14px; }
.btn:disabled { opacity: .5; cursor: default; }
.link { color: #f8d24a; cursor: pointer; text-decoration: underline; }
.row { display: flex; gap: 8px; justify-content: center; margin: 12px 0; }
input { background: #0d0905; color: inherit; border: 1px solid #6b5433; border-radius: 6px; padding: 7px 9px; font: 15px system-ui, sans-serif; }
#servers { display: flex; flex-direction: column; gap: 8px; text-align: left; }
.srv { display: flex; align-items: center; gap: 12px; background: #1c150dcc; border: 1px solid #6b5433; border-radius: 10px; padding: 10px 12px; }
.srv .txt { flex: 1; min-width: 0; }
.srv b { color: #ffe9a8; font-weight: normal; font-size: 17px; }
.srv small { display: block; color: #b9a882; font-family: system-ui, sans-serif; font-size: 12px; margin-top: 2px; }
.srv .tag { font-family: system-ui, sans-serif; font-size: 11px; border: 1px solid #5aa8ff; color: #9fd2ff; border-radius: 99px; padding: 0 6px; margin-left: 6px; vertical-align: 2px; }
.srv.down { opacity: .6; }
.foot { margin-top: 18px; font-size: 14px; }
[hidden] { display: none !important; }