html,body{width:100%;height:100%;overflow:hidden;background:var(--paper,#1a1d4a)}#map-viewport{position:fixed;inset:0;overflow:hidden;outline:none;touch-action:none;cursor:grab}#world{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.scene-node{position:absolute;width:100vw;height:100vh;will-change:transform}.scene-node iframe{width:100%;height:100%;border:0;display:block;background:transparent}.map-nodes{position:fixed;z-index:8;left:22px;bottom:25px;display:flex;align-items:center;gap:9px;padding:5px 9px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid var(--ink);border-radius:24px}.map-nodes button{border:0;background:transparent;color:var(--ink);padding:4px;opacity:.45;min-width:45px;height:33px;display:flex;align-items:center;justify-content:center}.map-nodes button[aria-pressed="true"]{color:var(--pink);opacity:1}.map-nodes svg{width:44px;height:27px}.map-nodes span{width:18px;border-top:1px dotted var(--ink);opacity:.45}.dock{z-index:8}#style-panel{z-index:9}#world.dragging{cursor:grabbing}@media(max-width:650px){.dock{bottom:16px;right:10px;gap:0}.dock .icon-button{width:30px;height:32px}.dock-divider{margin:0 2px}.map-nodes{bottom:65px;left:12px;padding:2px 5px}.map-nodes svg{width:35px}.map-nodes button{min-width:37px;height:28px}.map-nodes span{width:10px}}
.dock,.map-nodes{color:#b9bfff;border-color:#7b83d866}.map-nodes button{color:#b9bfff}.dock .icon-button.active{color:#ffe0ef}#style-panel{--paper:#ffe0ef;--ink:#2939c2;--pink:#fd0280;color:var(--ink)}