.inner-realm-scene { position:relative; width:100%; aspect-ratio:3/2; isolation:isolate; background:#142744; }
.inner-realm-background { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; pointer-events:none; }
.inner-realm-point { position:absolute; transform:translate(-50%,-100%); padding:0; border:0; border-radius:3px; background:transparent; outline:1px solid #d7bd7180; outline-offset:3px; cursor:pointer; }
.inner-realm-point svg { display:block; width:100%; height:100%; image-rendering:pixelated; pointer-events:none; transform-origin:center bottom; transition:transform 180ms ease-out; }
.inner-realm-point:hover,.inner-realm-point:focus-visible { z-index:2; background:transparent; outline:2px solid #d7bd71; outline-offset:4px; }
.inner-realm-point:hover svg,.inner-realm-point:focus-visible svg { transform:scale(1.08); }
.inner-realm-point span { position:absolute; top:100%; left:50%; transform:translateX(-50%); white-space:nowrap; padding:3px 6px; color:#f7e9b9; background:#102822ed; border:1px solid #978252; font:bold clamp(10px,1vw,13px) Georgia,serif; pointer-events:none; }
.inner-realm-point[aria-disabled="true"] span { color:#c1bca9; }
html[data-fx="off"] .inner-realm-point svg,html[data-fx="reduced"] .inner-realm-point svg { transform:none; transition:none; }
@media(prefers-reduced-motion:reduce) { .inner-realm-point svg { transform:none !important; transition:none; } }