#hero-title{position:relative;isolation:isolate;width:max-content;max-width:100%;cursor:crosshair}
html{scrollbar-gutter:stable;overflow-x:clip}
html.js:not(.is-ready){scroll-behavior:auto}
.world-stage,.click-waves{width:100vw;max-width:100%;right:auto}
html.is-entering,html.is-entering body{overflow:hidden;overscroll-behavior:none;touch-action:none}
html.is-entering .site-header,html.is-entering .scroll-rail,html.is-entering #site-surface{pointer-events:none}
.title-lens{position:absolute;left:var(--lens-x,50%);top:var(--lens-y,50%);width:clamp(70px,9vw,150px);aspect-ratio:1;pointer-events:none;border-radius:50%;background:#fff;mix-blend-mode:difference;transform:translate(-50%,-50%) scale(.25);opacity:0;transition:opacity .16s,transform .22s cubic-bezier(.2,.8,.2,1);z-index:2}
.is-inspected .title-lens{opacity:1;transform:translate(-50%,-50%) scale(1)}
.button .button-icon{width:17px;height:17px;position:relative;z-index:1;stroke-width:1.5;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.button:hover .button-icon{transform:translateX(2px) rotate(-8deg);filter:drop-shadow(0 0 4px currentColor)}
.network-copy{pointer-events:auto}.network-copy p{pointer-events:none}
[data-scramble]{cursor:default}.scramble-display{min-width:0;max-width:100%;width:var(--scramble-width,auto);overflow:clip;vertical-align:bottom}
.scramble-display[style]{white-space:nowrap}
@media(max-width:760px){.header-launch{gap:7px}.header-launch .button-icon{width:14px;height:14px}.hero-actions .button{gap:8px}.hero-actions .button-icon{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.title-lens,.button .button-icon{transition:none}.button:hover .button-icon{transform:none}}
html[data-motion=paused] .title-lens,html[data-motion=paused] .button .button-icon{transition:none}
.network-section{height:300svh;scroll-margin-top:-110px}
.network-sticky{overflow:clip}
html[data-motion=paused] .network-section{height:170svh}
html:not(.js) .network-tools{display:none}html:not(.js) .network-section{height:700px}
.network-copy{opacity:var(--network-copy,1);transform:translateY(calc(var(--network-dive,0)*-45px)) scale(calc(1 + var(--network-dive,0)*.12));will-change:opacity,transform}
.network-tools{position:absolute;z-index:7;bottom:94px;left:var(--gutter);display:flex;gap:7px;flex-wrap:wrap;max-width:calc(100% - var(--gutter)*2);opacity:var(--network-copy,1)}
.map-tool{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #ffffff32;border-radius:8px;background:#111c;backdrop-filter:blur(18px);font-size:11px;transition:background .2s,border-color .2s,transform .2s}
.map-tool svg{width:15px;height:15px}.map-tool:hover{background:#242424;transform:translateY(-2px)}.map-tool[aria-pressed=true]{background:#eeeeeb;color:#101010;border-color:#fff}
#network-edit-status{position:absolute;top:calc(100% + 7px);font-size:10px;line-height:1.4;color:#c2c5c8;max-width:430px;pointer-events:none}
.market-nodes{overflow:clip}
.market-node:focus{outline:none}
.market-node:is(:focus-visible,.is-chosen) .node-orb{outline:2px solid white;outline-offset:6px;box-shadow:0 0 35px #fff5}
.market-node.is-grouped .node-orb{border-style:dashed;box-shadow:0 0 0 5px #ffffff09,0 0 0 12px #ffffff04}
@media(max-width:760px){.network-tools{left:32px;right:20px;bottom:104px;max-width:none;gap:5px}.map-tool{font-size:9px;padding:8px;gap:5px}.map-tool svg{width:13px;height:13px}#network-edit-status{font-size:9px}.market-node>span:first-child{width:40px;height:40px}.market-node.anchor>span:first-child{width:60px;height:60px}.market-node.anchor :is(img,svg.bill-image){width:34px;height:34px}.market-node .node-label{font-size:9px}}
@media(max-width:370px){.map-tool{width:38px;height:36px;justify-content:center}.map-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.map-tool svg{width:17px;height:17px}}

@media(max-width:760px){
  .network-tools{left:38px;right:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;bottom:96px}
  .map-tool{width:auto;min-height:52px;padding:7px 3px;flex-direction:column;justify-content:center;gap:5px;font-size:10px;touch-action:manipulation}
  .map-tool span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.map-tool svg{width:15px;height:15px}
  .network-sticky{min-height:0}
}
@media(max-height:560px) and (pointer:coarse){.network-tools{bottom:73px;left:52px}.map-tool{min-height:40px;padding:7px 10px;flex-direction:row}}

/* Resume before entry, preserving animation phase while offscreen. */
.motion-dormant,.motion-dormant *,.motion-dormant::before,.motion-dormant::after,.motion-dormant *::before,.motion-dormant *::after,
.world-stage[data-renderer=webgl] .scene-fallback *{animation-play-state:paused!important}