@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4efe6;--bg-80:color-mix(in srgb, var(--bg) 80%, transparent);--surface:#2a241a0a;--border:#2a241a24;--text:#26221b;--muted:#26221b94;--accent:#2456c8;--mono:monospace}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:18px;line-height:1.65}a{color:var(--accent);text-decoration:none}code{font-family:var(--mono);color:var(--accent);background:#2456c814;border-radius:3px;padding:.1em .35em;font-size:.85em}h1,h2,h3{color:var(--text);letter-spacing:normal;line-height:1.15}.tag{font-family:var(--mono);letter-spacing:normal;text-transform:uppercase;color:var(--accent);margin-bottom:1.2em;font-size:.7rem;font-weight:700;display:inline-block}.demo-nav{z-index:100;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:.5em;height:3em;padding:0 2em;font-family:system-ui,sans-serif;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.demo-nav__brand{color:var(--accent);font-weight:600;text-decoration:none}.demo-nav__sep{color:#26221b59}.demo-nav__title{color:#26221bb3}.world-layer{position:fixed;inset:0;overflow:hidden}.world-layer--floor{z-index:0;pointer-events:none}.world-layer--drag{z-index:2;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.world-layer--drag.is-grabbing{cursor:grabbing}.world{will-change:transform;width:4400px;height:3400px;margin:-1700px 0 0 -2200px;position:absolute;top:50%;left:50%}.world--floor{background-image:radial-gradient(#26221b2e 1px,#0000 1.5px);background-position:28px 28px;background-size:56px 56px}.world__glow{border-radius:50%;width:1100px;height:1100px;position:absolute;transform:translate(-50%,-50%)}.world__axis{background:#26221b1a;position:absolute}.world__axis--x{height:1px;top:50%;left:0;right:0}.world__axis--y{width:1px;top:0;bottom:0;left:50%}.world__rings{background:radial-gradient(circle,#0000 49.9%,#26221b0f 50%,#0000 50.4%);border:1px solid #26221b17;border-radius:50%;width:1400px;height:1400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0000,0 0 0 350px #0000}.poi{border:1px solid #26221b47;transition:border-color .35s;position:absolute}.poi:before,.poi:after{content:"";border:2px solid var(--muted);width:14px;height:14px;transition:border-color .35s;position:absolute}.poi:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.poi:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.poi--active,.poi--active:before,.poi--active:after{border-color:var(--accent)}.poi__label{background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.55;border-radius:10px;width:min(420px,100%);padding:1.1rem 1.3rem;transition:opacity .35s,transform .35s,border-color .35s;position:absolute;top:calc(100% + 14px);left:0;transform:translateY(6px)}.poi--active .poi__label{opacity:1;border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(0)}.poi__label h2{margin:.4rem 0 .5rem;font-size:1.35rem}.poi__label p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}.hub{background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:14px;width:min(560px,80vw);padding:2rem 2.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub h1{margin:.5rem 0 .75rem;font-size:clamp(2rem,4vw,3rem)}.hub p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.hub code{font-family:var(--mono)}.hint{z-index:10;background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);color:var(--muted);opacity:0;pointer-events:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.8rem;transition:opacity .3s,transform .3s;position:fixed;bottom:6.5rem;left:50%;transform:translate(-50%,8px)}.hint--visible{opacity:1;transform:translate(-50%)}.hint__icon{color:var(--accent);animation:1.6s ease-in-out infinite hint-nudge;display:inline-block}@keyframes hint-nudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.map{z-index:10;background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:.4rem;max-width:calc(100vw - 2rem);padding:.4rem;display:flex;position:fixed;bottom:1.5rem;left:50%;overflow-x:auto;transform:translate(-50%)}.map__chip{font-family:var(--mono);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem .95rem;font-size:.78rem;transition:color .2s,border-color .2s,background .2s}.map__chip:hover{color:var(--text);border-color:var(--border)}.map__chip--active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.coords{z-index:10;background:var(--bg-80);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);color:var(--muted);pointer-events:none;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;position:fixed;bottom:1.5rem;left:1.5rem}@media (width<=640px){.coords{display:none}.poi__label{width:min(320px,100%);padding:.9rem 1rem}}