main.realm-page{max-width:1200px;padding-block:52px}.realm-page>header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.realm-page h1{font:normal clamp(40px,5vw,64px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0}.realm-page>header p{color:var(--muted);line-height:1.8;max-width:32ch;margin:0}.realm-departure{display:grid;grid-template-columns:1.1fr 1fr;background:#111c2b}.realm-departure figure{margin:0;position:relative;min-height:440px}.realm-departure img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.realm-departure figcaption{position:absolute;bottom:12px;left:12px;background:#090e18d9;color:#d6dce4;font-size:10px;padding:6px 9px}.realm-guidance{padding:clamp(26px,4vw,44px)}.realm-name{font-size:16px;margin:0 0 20px}.state{display:inline-block;padding:8px 12px;font-size:13px;border:1px solid currentColor;border-radius:30px;white-space:normal}.state.ok{color:#a9edc0}.state.offline{color:#ffc0b5}.state.unknown{color:#f0ca7b}.realm-guidance h2{font:normal clamp(32px,3.8vw,46px)/1.12 Georgia,serif;margin:25px 0 22px;color:var(--gold)}#realm-guidance-body{color:var(--muted);line-height:1.8;font-size:15px}.realm-guidance .btn{margin-top:12px}.realm-guidance .realm-limit{font-size:12px;line-height:1.8;color:var(--muted);margin:24px 0 0}.realm-check{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.realm-check p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0}.realm-check button{font-size:13px;background:transparent}.realm-check button:disabled{opacity:.6;cursor:wait}.realm-diagnostics{border-block:1px solid var(--line)}.realm-diagnostics summary{padding:20px 0;cursor:pointer;color:var(--gold);font-size:14px}.status-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.status-item h2{font:normal 22px Georgia,serif;margin:0 0 12px}.status-item p{color:var(--muted);font-size:13px;line-height:1.8;max-width:60ch;margin:0}.status-item .state{flex-shrink:0}.realm-next{margin-top:48px}.realm-next h2{font:normal 30px Georgia,serif;margin:0 0 24px}.realm-next>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.realm-next a{border-top:1px solid var(--line);padding:22px 0}.realm-next strong{display:block;font:normal 24px/1.3 Georgia,serif;margin-bottom:12px}.realm-next span{display:block;color:var(--muted);font-size:13px;line-height:1.8}.realm-next a:hover strong{color:var(--gold)}
@media(max-width:700px){main.realm-page{padding-block:34px}.realm-page>header{display:block}.realm-page>header p{margin-top:22px;max-width:48ch}.realm-departure{grid-template-columns:1fr}.realm-departure figure{min-height:0;aspect-ratio:3/2}.realm-guidance{padding:26px 24px}.realm-check{align-items:flex-start;flex-direction:column;gap:10px}.realm-check .btn{width:100%}.status-item{align-items:flex-start;flex-direction:column;gap:16px}.realm-next>div{grid-template-columns:1fr;gap:0}.realm-guidance .btn{width:100%;font-size:14px}}