/* Galaxy is a single static SVG; light mode never references its URL. */
:root{--galaxy-image:none;--galaxy-display:none;--realm-aurora-display:block;--realm-grain-display:block}
:root[data-theme=dark]{--galaxy-image:url('/assets/realm/galaxy-20261113.svg');--galaxy-display:block;--realm-aurora-display:none;--realm-grain-display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--galaxy-image:url('/assets/realm/galaxy-20261113.svg');--galaxy-display:block;--realm-aurora-display:none;--realm-grain-display:none}}
.realm::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;display:var(--galaxy-display);background-image:var(--galaxy-image);background-size:cover;background-position:center}
.realm-aurora{display:var(--realm-aurora-display)}.realm-grain{display:var(--realm-grain-display)}
.realm-3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-x pan-y;outline:none}
.realm-3d-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.realm-3d-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;border:1px solid var(--line);background:var(--label);color:var(--text);padding:7px 17px 7px 27px;min-height:35px;border-radius:24px;font:500 12px/1.5 var(--font);box-shadow:0 4px 16px #09051114;transition:background .2s,border-color .2s}
.realm-3d-label::before{content:'';position:absolute;left:13px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}
.realm-3d-label:hover,.realm-3d-label[data-lit=true],.realm-3d-label:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.three-ready .realm-svg{display:none}.three-ready .realm-3d-canvas{visibility:visible}.realm-3d-canvas{visibility:hidden}
@media(max-width:500px){.realm-3d-label{font-size:10px;padding:5px 13px 5px 23px;min-height:30px}.realm-3d-label::before{left:11px}}