:root{color-scheme:dark;background:#020604;font-family:monospace;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 44%,#0b1713,#060d0b 48%,#020604 80%);user-select:none;-webkit-user-select:none}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#numogram{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100svh;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}#map{display:block;width:100%;height:100%;overflow:visible;max-width:calc((100svh - 24px)*3491/6197);color:#92b7a0;touch-action:none;outline:none}#map path,#map circle{transition:color .16s,stroke-opacity .16s,fill-opacity .16s}#map>path{fill-opacity:.9}#map>circle{stroke-opacity:.85}#map .current{color:#588d72;fill-opacity:.65;cursor:pointer;outline:none}#map .zone,#map .gate{cursor:pointer;outline:none;fill:transparent;pointer-events:all}#map .zone{stroke-width:12}#map .gate{color:#73947e;stroke-width:10}#map .zone:hover,#map .gate:hover,#map [role=button]:focus-visible{color:#d2dfc5;stroke-opacity:1}#map .zone.engaged{fill:#81af8c18;stroke-width:17;color:#bad3ac;stroke-opacity:1}#map .gate.engaged{fill:#81af8c24;color:#adccb0;stroke-width:17;stroke-opacity:1}#map .current.engaged{color:#83b899;fill-opacity:1}#map .zone.resonating,#map .gate.resonating{color:#d9e6cf;stroke-opacity:1}#map .current.resonating{color:#c6ddbd;fill-opacity:1}#map .aura{fill:#76a88e;fill-opacity:0;stroke:none;pointer-events:none;transition:fill-opacity .12s}#map .aura.engaged{fill-opacity:.13}#map .channel{color:#638a76;cursor:pointer}#map .channel.engaged{color:#99bfa4}#map .channel.resonating{color:#d0dfc7}#map .channel-hit{fill:none;stroke:transparent;stroke-width:24px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}#map.cleared{opacity:.2;transition:opacity .3s}.sleeping #map .engaged{color:#477b55}@media(prefers-reduced-motion:reduce){#map path,#map circle{transition:none}}#map .selected{color:#e2e7d6!important;stroke-opacity:1;fill-opacity:1}#map .zone.selected,#map .gate.selected{stroke-width:20;fill:#a8cab320}#map .syzygy-head{cursor:pointer}#map .flow-trace{fill:none;stroke:#a8d3bd;stroke-width:18;stroke-linecap:round;pointer-events:none;opacity:0;transition:opacity .12s}#map .flow-trace.flowing{opacity:.8}#map .xy-reticle{opacity:0;pointer-events:none;transition:opacity .1s}#map .xy-reticle.visible{opacity:.85}#map .xy-reticle path{fill:none;stroke:#b3cbbd;stroke-width:5;stroke-dasharray:8 15}#map .xy-reticle circle{fill:#d1dfcb;stroke:none}
