.layer{position:fixed;inset:0;overflow:hidden}.layer--floor{z-index:0;pointer-events:none;background-image:radial-gradient(#26221b2e 1px,#0000 1.5px);background-position:28px 28px;background-size:56px 56px}.layer--drag{z-index:2;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.layer--drag.is-grabbing{cursor:grabbing}.witem{will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floor-glow{border-radius:50%;width:1100px;height:1100px}.floor-axis{background:#26221b1a}.floor-axis--v{width:1px;height:100vh}.floor-axis--h{width:100vw;height:1px}.floor-ring{border:1px solid #26221b17;border-radius:50%;width:1400px;height:1400px}.compass{z-index:10;background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;width:64px;height:64px;transition:opacity .3s;display:grid;position:fixed;top:4.5em;right:1.5rem}.compass--home{opacity:.35}.compass__needle{color:var(--accent);font-size:1.2rem;line-height:1;display:inline-block}.compass__dist{white-space:nowrap;font-family:var(--mono);color:var(--muted);font-size:.65rem;position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%)}@media (width<=640px){.compass__dist{display:none}}