:root{color-scheme:dark;--bg:#070f18;--panel:#0c1926;--gold:#b89657;--ivory:#f2e9d8;--muted:#b9c1ce;--purple:#c9a1f6;--line:#655438;--green:#7ce6ad;--amber:#f3c36b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--ivory);font:1rem/1.65 Georgia,'Times New Roman',serif}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;background:var(--bg);padding:1rem}.skip:focus{top:0}
.topbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem max(4vw,1.25rem);border-bottom:1px solid var(--gold);background:#07111bef;position:relative;z-index:2}.brand{text-decoration:none;font-size:1.55rem;letter-spacing:.06em;white-space:nowrap;font-variant:small-caps;color:#ead7af}.brand span{color:var(--purple);margin-right:.3rem}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.nav a{text-decoration:none;color:#d4ccbc;font-size:.95rem;padding:.3rem 0}.nav a:hover,.nav a[aria-current]{color:var(--purple);box-shadow:0 2px var(--purple)}.small-link{background:none;border:0;color:var(--gold);padding:0;white-space:nowrap}
.hero{position:relative;min-height:640px;display:grid;place-items:center;text-align:center;background:linear-gradient(0deg,var(--bg),transparent 25%),url('/assets/harbor.png') center 40%/cover}.hero-content{padding:10rem 1.2rem 3rem;text-shadow:0 3px 18px #000}.eyebrow{text-transform:uppercase;color:var(--purple);font: .8rem/1.5 system-ui,sans-serif;letter-spacing:.2em}.hero h1{font-size:clamp(3.5rem,8vw,7rem);font-weight:400;letter-spacing:.035em;font-variant:small-caps;line-height:1.15;margin:1.2rem 0;color:#f0deba;text-shadow:0 2px 0 #684c2c,0 5px 20px #000}.hero p{font-size:1.45rem;letter-spacing:.02em}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.8rem;min-height:48px;border:1px solid var(--gold);background:linear-gradient(145deg,#552271,#241036);box-shadow:inset 0 0 0 3px #0a1119;color:var(--ivory);text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#552c73;transform:translateY(-1px)}.button.secondary{background:#0a1526dd}.button.secondary:hover{background:#202c41}.hero .footnote{font: .875rem/1.6 system-ui,sans-serif;color:#c7c9d3}
.wrap{width:min(1180px,92%);margin:auto}.section{padding:3.4rem 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.section-heading h2,.center-title{font-weight:400;font-variant:small-caps;font-size:2.2rem;line-height:1.2;margin:0}.center-title{text-align:center;margin-bottom:1.5rem}.section-heading a,.text-link{color:var(--purple);text-underline-offset:5px}.realm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.realm-card{border:1px solid var(--gold);background:linear-gradient(150deg,#122234,#070e18);min-width:0}.realm-art{height:180px;background:linear-gradient(0deg,#0c1624,transparent),url('/assets/harbor.png') center 48%/cover}.realm-art.wrath{filter:saturate(.35);background-position:15% 40%}.realm-body{padding:1.6rem 2rem}.realm-body h2,.realm-body h3{font-size:1.65rem;font-weight:400;font-variant:small-caps;line-height:1.3;margin:.3rem 0 1rem}.tag{display:inline-block;color:var(--purple);text-transform:uppercase;font:.75rem/1.5 system-ui,sans-serif;letter-spacing:.09em;border:1px solid #73538b;padding:.2rem .6rem}.tag.blue{color:#adcbe6;border-color:#627f97}.realm-body p{color:var(--muted)}.realm-summary{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font: .875rem system-ui,sans-serif}.state{color:var(--muted)}[data-state=online] .state{color:var(--green)}[data-state=preparing] .state,[data-state=degraded] .state{color:var(--amber)}[data-state=offline] .state{color:#f1a9aa}.status-label:before{content:'◈';margin-right:.55rem}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.news{border-top:1px solid var(--line);padding:1.3rem 0}.news .eyebrow{font-size:.75rem}.news h3{font-weight:400;font-size:1.45rem;margin:.6rem 0}.news p{color:var(--muted);margin:.6rem 0}.rewards{background:linear-gradient(145deg,#151627,#0a1622);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.rewards p{color:var(--muted)}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.reward{border:1px solid var(--line);background:#090f1b;padding:1.8rem 1.4rem}.reward .symbol{font-size:2.8rem;color:var(--purple);line-height:1.2}.reward h3{font-weight:400;font-size:1.5rem;margin:1rem 0 .5rem}.reward p{font-size:1rem}.support{text-align:center;padding:4rem 1rem;background:linear-gradient(#07111bd9,#07111be8),url('/assets/harbor.png') center 75%/cover}.support h2{font-size:2.2rem;font-weight:400;font-variant:small-caps;margin:0}.support p{color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:2rem max(4vw,1.25rem);border-top:1px solid var(--gold)}footer nav{display:flex;gap:1.4rem;flex-wrap:wrap}footer nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}
.status-hero{min-height:290px;text-align:center;padding:4rem 1rem 3rem;background:linear-gradient(#08101b44,#08101bdd),url('/assets/harbor.png') center 24%/cover;border-bottom:1px solid var(--line)}.status-hero h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;line-height:1.2;font-variant:small-caps;margin:.5rem 0;color:#f0deba}.status-hero p{color:#d0d4df;font-size:1.1rem}.status-page .realm-body h2{text-align:center}.status-page .status-label{text-align:center;font-size:1.15rem;margin-bottom:1.5rem}.service-rows{margin:0}.service-rows div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.65rem 0}.service-rows dd{margin:0;color:var(--muted)}.counts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin-top:.2rem;text-align:center}.counts div+div{border-left:1px solid var(--line)}.counts span{display:block;font:.875rem/1.5 system-ui,sans-serif;color:var(--muted)}.counts strong{font-size:2.6rem;font-weight:400;line-height:1.3;color:var(--purple)}.realm-note{text-align:center;min-height:3.3em;font-size:.95rem;margin-bottom:0}.refresh-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);padding:.8rem 1rem;margin-top:1.5rem;color:var(--muted);font:.875rem/1.6 system-ui,sans-serif}.refresh-row .button{font:inherit;white-space:nowrap;padding:.5rem 1rem}.notice-panel{padding:1.3rem 1.8rem;border:1px solid var(--line);border-left:3px solid var(--gold);background:#0d1927}.notice-panel h3{font-weight:400;color:var(--amber);margin:.2rem 0}.notice-panel p{color:var(--muted);margin:.5rem 0}.population-note{color:var(--muted);font:.875rem/1.6 system-ui,sans-serif;margin:1rem 0 0}.status-page .section{padding-top:2rem}.status-page .section-heading{margin-top:2.5rem}
dialog{max-width:500px;width:90%;padding:2rem;color:var(--ivory);background:var(--panel);border:1px solid var(--gold);box-shadow:0 10px 100px #000}dialog::backdrop{background:#000b}dialog h2{font-weight:400;font-size:1.8rem;line-height:1.2;margin-top:0}dialog p{color:var(--muted)}dialog .button{margin-top:1rem}noscript{display:block;padding:1rem;color:var(--amber)}
@media(max-width:900px){.topbar{flex-wrap:wrap;justify-content:center;gap:1rem}.nav{gap:1rem}.topbar .small-link{display:inline-block}.hero{min-height:520px}.hero-content{padding-top:9rem}.realm-body{padding:1.4rem}.realm-body h2,.realm-body h3{font-size:1.4rem}.reward-grid{gap:.8rem}.reward{padding:1.4rem .7rem}}
@media(max-width:620px){.topbar{padding:.8rem 1rem}.brand{font-size:1.4rem}.nav{gap:.5rem 1rem}.nav a{font-size:.875rem}.hero{min-height:490px;background-position:58% center}.hero h1{font-size:3.5rem}.hero p{font-size:1.1rem}.hero-content{padding-top:8rem}.actions{gap:.7rem}.button{padding:.8rem 1.2rem}.realm-grid,.news-grid,.reward-grid{grid-template-columns:1fr}.section{padding:2.4rem 0}.section-heading{align-items:flex-start}.section-heading h2,.center-title{font-size:1.8rem}.section-heading a{font-size:.875rem;white-space:nowrap}.realm-art{height:155px}.reward-grid{gap:1rem}.reward{padding:1.2rem}.reward .symbol{font-size:2rem}.reward h3{margin:.6rem 0}.status-hero{padding:2.5rem 1rem;min-height:230px}.status-page .realm-body h2{font-size:1.65rem}.refresh-row{align-items:flex-start;flex-direction:column}.refresh-row .button{align-self:flex-end}footer{justify-content:center;text-align:center}footer nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

[hidden]{display:none!important}.topbar{flex-wrap:wrap}.account-nav{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font: .9rem/1.5 system-ui,sans-serif}.account-greeting{color:var(--muted);overflow-wrap:anywhere}