:root{--gold:#d4a93b;--bg:#080b10;--panel:#101620;--text:#e9edf2;--muted:#8993a3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#182333 0,#080b10 42%);color:var(--text);font:15px/1.55 Arial,sans-serif;min-height:100vh}header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26303b;background:#080b10dd;position:sticky;top:0}.brand{font-size:25px;letter-spacing:4px;color:white;text-decoration:none}.brand b,.hero em{color:var(--gold);font-style:normal}nav{display:flex;gap:22px;align-items:center}nav a{color:#bcc4cf;text-decoration:none}.play,.btn,button{background:linear-gradient(180deg,#e0bb55,#a8791c);color:#111!important;padding:11px 18px;font-weight:800;border:0;text-decoration:none;cursor:pointer}main{max-width:1180px;margin:auto;padding:44px 24px}.hero{min-height:430px;display:flex;align-items:center;justify-content:space-between;gap:50px}.hero h1{font:700 70px Georgia;margin:8px 0}.hero p{max-width:620px;color:#aeb7c3;font-size:18px}.eyebrow{color:var(--gold);letter-spacing:3px}.actions{display:flex;gap:12px;margin-top:30px}.ghost{background:transparent;border:1px solid #59616c;color:white!important}.server{min-width:270px;padding:25px;background:#101620;border:1px solid #293441;display:grid;grid-template-columns:18px 1fr;gap:4px 10px}.server small{grid-column:2;color:var(--muted)}.dot{width:12px;height:12px;border-radius:50%;background:#8b2635;margin-top:5px}.dot.on{background:#33d17a;box-shadow:0 0 14px #33d17a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid article,.panel{background:#0e141d;border:1px solid #26303b;padding:28px}.post{border-top:1px solid #26303b;padding:16px 0}.post b,h1,h2,h3{font-family:Georgia}.post.event b{color:var(--gold)}.muted{color:var(--muted)}.narrow{max-width:540px;margin:40px auto}form{display:grid;gap:16px}label{display:grid;gap:6px;color:#adb6c2}input{padding:13px;background:#090d13;border:1px solid #34404e;color:white;font-size:16px}button{padding:14px;margin-top:8px}.ok,.err{padding:14px 18px;margin-bottom:20px}.ok{background:#123d2a}.err{background:#4a1720}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #26303b}th{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.guild{display:flex;gap:15px;padding:18px;background:#0a0f16;border:1px solid #26303b}.guild img,.nomark{width:52px;height:52px;object-fit:cover;background:#1b2430;display:grid;place-items:center;color:var(--gold);font:bold 24px Georgia}.guild h3,.guild p{margin:0 0 4px}footer{text-align:center;color:#667080;padding:35px}@media(max-width:800px){nav a:not(.play){display:none}.hero{display:block;min-height:auto}.hero h1{font-size:48px}.server{margin-top:35px}.grid{grid-template-columns:1fr}table{font-size:12px}th,td{padding:8px 4px}}

.guild-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.guild-title h1{margin:0}.guildmark-pixel{image-rendering:pixelated}.territory{display:block;color:var(--gold);margin-top:4px}@media(max-width:600px){.guild-title{align-items:flex-start;flex-direction:column}}
.premium-offers{margin:20px 0}.premium-offers .panel{padding:18px}.premium-offers h2{font-size:20px}select{padding:13px;background:#090d13;border:1px solid #34404e;color:white;font-size:16px}

/* Keep the browser entry visible on phone-sized portal pages. */
@media(max-width:1100px){header{height:auto;min-height:76px;padding:12px 20px;gap:14px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:13px}nav .play{padding:9px 12px}.brand{letter-spacing:2px;white-space:nowrap}}
@media(max-width:800px){nav a.play:not(.browser-play){display:none}.browser-play{white-space:nowrap;font-size:12px}.brand{font-size:20px}header{padding:12px 16px}.actions{flex-wrap:wrap}.actions .btn{font-size:13px}}