.chrome{display:none}.js .chrome{display:contents}.js body{touch-action:none;overflow:hidden}.js #content{display:none}#city{perspective:900px;perspective-origin:50%;background:#0f0d3a;position:fixed;inset:0;overflow:hidden}#city canvas{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}#city .scan{pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}#hive{cursor:grab;background:0 0;width:100%;height:100%;display:block;position:fixed;inset:0}#hive.dragging{cursor:grabbing}#hive.over-loose{cursor:grab}#hive.over-lock{cursor:not-allowed}#cells{pointer-events:none;position:fixed;inset:0}.cell{pointer-events:auto;cursor:pointer;color:var(--fg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;text-decoration:none;position:absolute;top:0;left:0}.cell.static{cursor:default}.cell:focus{outline:none}.face{text-align:center;place-content:center;justify-items:center;gap:5px;display:grid;position:absolute;inset:0}.face[hidden]{display:none}.face svg.icon{width:var(--is,22px);height:var(--is,22px);color:var(--ic,var(--cyan))}.face .label{font-weight:700;font-size:var(--fs,14px);white-space:nowrap;line-height:1.15;position:relative}.face .sub{font-size:var(--ss,11px);color:var(--muted);white-space:nowrap}.face .text{font-size:var(--ss,11px);color:#bfb7dc;max-width:var(--tw,120px);line-height:1.45}.face .tag{font-size:var(--ss,11px);color:var(--cyan)}.face .tag:before{content:"[";color:var(--muted)}.face .tag:after{content:"]";color:var(--muted)}.face.is-back .label{color:var(--muted)}.cell.tight .sub,.cell.tight .text,.cell.tiny .tag{display:none}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter}.hexbtn{width:44px;height:50px;color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;transition:transform .16s,color .16s;display:grid;position:relative}.hexbtn>svg.frame{pointer-events:none;width:76px;height:82px;margin:-41px 0 0 -38px;position:absolute;top:50%;left:50%;overflow:visible}.hexbtn .frame .fill{fill:var(--cell);stroke:#2a2350;stroke-width:1.4px}.hexbtn .frame .edge{fill:none;stroke:var(--pink);stroke-width:1.5px;stroke-linejoin:miter;opacity:0}.hexbtn svg.icon{width:19px;height:19px;position:relative}.hexbtn:hover,.hexbtn:focus-visible,.hexbtn[aria-expanded=true]{color:var(--cyan);transform:scale(1.08)}.hexbtn:hover .edge,.hexbtn:focus-visible .edge,.hexbtn[aria-expanded=true] .edge{opacity:1}.hexbtn:focus{outline:none}#path{top:calc(26px + env(safe-area-inset-top,0px));color:var(--muted);white-space:nowrap;background:#05040bcc;padding:3px 10px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}#path .prompt{color:var(--pink);margin-right:10px}#path .here{color:var(--cyan)}#leaf{pointer-events:none;place-items:center;display:grid;position:fixed;top:0;left:0}#leaf[hidden]{display:none}.leaf-inner{pointer-events:auto;width:var(--bw);max-height:var(--bh);margin-top:calc(var(--bh) * -.12);flex-direction:column;gap:12px;display:flex;overflow:auto}.leaf-inner:focus{outline:none}#leaf-back{pointer-events:auto;margin-left:-22px;position:absolute;bottom:11%;left:50%}.cmd{color:var(--muted);font-size:12px}.cmd b{color:var(--pink);margin-right:8px;font-weight:700}#leaf h2{text-wrap:balance;align-items:center;gap:12px;margin:0;font-size:clamp(19px,1.4vw + 10px,28px);font-weight:700;line-height:1.2;display:flex}#leaf h2 svg{width:1.1em;height:1.1em;color:var(--cyan);flex:none}#leaf p{color:#bfb7dc;max-width:56ch;margin:0;font-size:clamp(13px,.3vw + 11px,15px);line-height:1.7}.tags{color:var(--cyan);flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.tags li:before{content:"[";color:var(--muted)}.tags li:after{content:"]";color:var(--muted)}.links{flex-wrap:wrap;gap:8px 18px;display:flex}.links a,.links span{color:var(--fg);font-size:13px;text-decoration:none}.links b{color:var(--pink);margin-right:8px}.links a:hover{color:var(--cyan)}.links span{color:var(--muted)}.links a:focus-visible{outline:1px solid var(--blue);outline-offset:4px}@media (width<=560px){#path{top:calc(74px + env(safe-area-inset-top,0px));font-size:12px}}.glitchy .cell.hot .face .label:before,.glitchy .cell.hot .face .label:after{content:attr(data-text);pointer-events:none;clip-path:inset(100% 0 0);position:absolute;inset:0}.glitchy .cell.hot .face .label:before{color:var(--pink);animation:1.9s step-end infinite glitch-a}.glitchy .cell.hot .face .label:after{color:var(--cyan);animation:2.3s step-end infinite glitch-b}@keyframes glitch-a{0%,86%,to{clip-path:inset(100% 0 0);transform:none}88%{clip-path:inset(0 0 68%);transform:translate(-3px,-1px)}91%{clip-path:inset(55% 0 12%);transform:translate(2px,1px)}94%{clip-path:inset(30% 0 44%);transform:translate(-2px)}}@keyframes glitch-b{0%,82%,to{clip-path:inset(100% 0 0);transform:none}84%{clip-path:inset(62% 0 8%);transform:translate(3px,1px)}88%{clip-path:inset(10% 0 66%);transform:translate(-2px,-1px)}}#tip{pointer-events:none;background:var(--cell);color:var(--cyan);border:1px solid var(--pink);white-space:nowrap;z-index:10;padding:3px 9px;font-size:12px;position:fixed;top:0;left:0}#tip[hidden]{display:none}#tip.glitch-in{animation:.3s step-end both tip-in}@keyframes tip-in{0%{clip-path:inset(0 0 100%)}12%{clip-path:inset(0 0 58%);text-shadow:2px 0 var(--pink), -2px 0 var(--cyan);transform:translate(-5px)}26%{clip-path:inset(42% 0 0);transform:translate(4px)}40%{clip-path:inset(0 0 22%);text-shadow:-2px 0 var(--pink), 2px 0 var(--cyan);transform:translate(-2px)}55%{clip-path:inset(20% 0 30%);transform:translate(3px)}70%{clip-path:none;text-shadow:1px 0 var(--pink), -1px 0 var(--cyan);transform:none}to{clip-path:none;text-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.glitchy .cell.hot .face .label:before,.glitchy .cell.hot .face .label:after{animation:none;display:none}.hexbtn{transition:none}#tip.glitch-in{animation:none}}.contact{bottom:calc(24px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(2,44px);column-gap:6px;display:grid;position:fixed;left:24px}.contact .hexbtn:nth-child(3),.contact .hexbtn:nth-child(4){margin-top:-8px;translate:25px}#map{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:none;width:150px;height:124px;position:fixed;overflow:visible}#map .hex{fill:#141030e6;stroke:#3a6fd6a6;stroke-width:1px;transition:fill .3s,stroke .3s,opacity .35s}#map .hex.you{stroke:var(--cyan)}#map .hex.lit{fill:var(--pink);stroke:var(--pink)}#map .hex.dim{opacity:.3}#map .gap{fill:#d9479f40;stroke:none;transition:fill .3s,opacity .35s}#map .gap.dim{opacity:.25}#map .kids .hex{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .25s,transform .25s,fill .3s;transform:scale(.2)}#map .kids.show .hex{opacity:1;transform:scale(1)}#map .kids .link{stroke:var(--pink);stroke-width:1px;stroke-dasharray:60;stroke-dashoffset:60px;transition:stroke-dashoffset .3s}#map .kids.show .link{stroke-dashoffset:0}@media (width<=560px){.contact{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}#map{right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:104px;height:88px}}@media (prefers-reduced-motion:reduce){#map *{transition:none!important}}#veil{background:var(--bg);opacity:0;pointer-events:none;position:fixed;inset:0}.face .sub,.cell.wrap .face .label{white-space:normal;max-width:var(--tw,120px)}#settings{--hex:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--box:polygon(50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);--morph:.42s cubic-bezier(.6, 0, .2, 1);z-index:5;top:calc(20px + env(safe-area-inset-top,0px));width:44px;height:50px;clip-path:var(--hex);transform-origin:100% 0;transition:width var(--morph), height var(--morph), clip-path var(--morph), background .2s ease;background:#2a2350;position:fixed;right:24px}#settings:before{content:"";background:var(--cell);clip-path:inherit;position:absolute;inset:1.5px}#settings:hover:not(.open){background:var(--pink)}#settings.open{width:min(300px,100vw - 48px);height:var(--open-h,320px);clip-path:var(--box);background:#3a3266}#settings.open:before{background:var(--panel)}#settings-btn{width:44px;height:50px;color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;top:0;right:0}#settings-btn:hover,#settings-btn:focus-visible{color:var(--cyan)}#settings-btn:focus{outline:none}#settings-btn svg{width:19px;height:19px}#settings.open #settings-btn{opacity:0;pointer-events:none}#menu{box-sizing:border-box;opacity:0;flex-direction:column;gap:4px;width:min(300px,100vw - 48px);padding:14px 16px 16px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}#settings.open #menu{opacity:1;transition-delay:.22s}#menu[hidden]{display:none}.menu-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.menu-head h2{color:var(--muted);margin:0;font-size:12px;font-weight:400}.menu-head h2 b{color:var(--pink);margin-right:8px}#menu-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}#menu-close:hover,#menu-close:focus-visible{color:var(--cyan)}#menu-close:focus-visible{outline:1px solid var(--cyan)}#menu-close svg{width:16px;height:16px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.row label,.row span{color:var(--fg)}.switch{cursor:pointer;background:#0d0a1e;border:1px solid #3a3266;flex:none;width:40px;height:20px;padding:0;position:relative}.switch:after{content:"";background:var(--muted);width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{border-color:var(--pink)}.switch[aria-checked=true]:after{background:var(--pink);transform:translate(20px)}.switch:focus-visible,#menu input:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}#menu input[type=range]{appearance:none;cursor:pointer;background:0 0;width:128px;height:18px}#menu input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--pink) var(--p,30%), #2a2350 var(--p,30%));height:2px}#menu input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--pink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0;width:12px;height:14px;margin-top:-6px}#menu input[type=range]::-moz-range-track{background:#2a2350;height:2px}#menu input[type=range]::-moz-range-progress{background:var(--pink);height:2px}#menu input[type=range]::-moz-range-thumb{background:var(--pink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0;border-radius:0;width:12px;height:14px}.textbtn{color:var(--fg);cursor:pointer;background:#0d0a1e;border:1px solid #3a3266;padding:4px 12px;font-size:12px}.textbtn:hover{border-color:var(--pink);color:var(--pink)}.textbtn:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.divider{background:#221c44;height:1px;margin:6px 0}@media (width<=560px){#settings{right:16px;top:calc(14px + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion:reduce){.switch:after,#settings,#menu,#settings-btn{transition:none}}:root{--bg:#05040b;--cell:#141030;--line:#19143a;--pink:#d9479f;--blue:#3a6fd6;--cyan:#5cc4dc;--amber:#eba848;--fg:#d9d2ee;--muted:#857ea3;--panel:#0a0816f5;--mono:var(--font-mono);color-scheme:dark}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-variant-ligatures:contextual common-ligatures;font-feature-settings:"calt" 1, "liga" 1;-webkit-font-smoothing:antialiased}button,input,select{font-variant-ligatures:inherit;font-feature-settings:inherit;font-family:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#content{max-width:720px;margin:0 auto;padding:32px 16px 48px;line-height:1.7}#content a{color:var(--fg);text-underline-offset:3px}#content a:hover{color:var(--cyan)}#content a:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}#content .icon{vertical-align:-.2em;width:1.1em;height:1.1em;color:var(--cyan);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;margin-right:8px}.site-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:40px;font-size:13px;display:flex}.site-head .brand{font-weight:700;text-decoration:none}.site-head b,#content .cmd b{color:var(--pink);margin-right:8px}.site-head ul,.site-foot ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.site-head [aria-current=page]{color:var(--cyan)}#content .cmd{color:var(--muted);margin:0 0 8px;font-size:12px}#content h1{text-wrap:balance;margin:0 0 16px;font-size:clamp(22px,2vw + 14px,32px);line-height:1.2}#content h2{margin:0;font-size:15px}#content p,#content .body,#content .intro{color:#bfb7dc;max-width:60ch}#content .tags{color:var(--cyan);flex-wrap:wrap;gap:6px 12px;margin:16px 0;padding:0;font-size:13px;list-style:none;display:flex}#content .tags li:before{content:"[";color:var(--muted)}#content .tags li:after{content:"]";color:var(--muted)}#content .links{flex-wrap:wrap;gap:8px 18px;display:flex}#content .links span{color:var(--muted)}#content .cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}#content .card{background:var(--cell);border:1px solid #2a2350;padding:16px}#content .card p{margin:6px 0 0;font-size:13px}#content .card .tag{color:var(--cyan)}#content .group{margin-top:24px}.site-foot{border-top:1px solid #221c44;margin-top:56px;padding-top:16px;font-size:13px}.site-foot span{color:var(--muted)}