/* Universe v1.2 — spatial product experience layer. */
:root{--micro:140ms;--expand:260ms;--reorient:380ms;--lens:320ms;--gravity:420ms}
.universe-intro{padding-bottom:12px}.universe-intro h1{font-size:clamp(36px,4.4vw,58px)}
.universe-intro p:not(.eyebrow){letter-spacing:.01em;color:#b2b0aa}
.research-controls{min-height:44px}.universe-tools{position:relative;margin-left:auto;color:var(--muted)}
.universe-tools>summary{list-style:none;cursor:pointer;font-size:11px;padding:8px 10px;border-radius:8px;border:1px solid transparent}
.universe-tools>summary:hover,.universe-tools[open]>summary{color:#eee;border-color:#303842;background:#10151a}.universe-tools>summary::-webkit-details-marker{display:none}
.universe-tools kbd{margin-left:8px;border:1px solid #404851;border-radius:4px;padding:1px 5px;font-size:9px}
.universe-tools .universe-search{position:absolute;right:0;top:40px;width:310px;z-index:22;padding:7px;border:1px solid #303842;border-radius:10px;background:#0d1217;box-shadow:0 14px 40px #0008}
.universe-tools .universe-search input{width:100%;color:#eee}
.universe-stage{min-height:min(720px,calc(100vh - 200px));box-shadow:inset 0 1px #ffffff05}
.trail-dock ol{opacity:.72;transition:opacity var(--micro)}.trail-dock ol:hover,.trail-dock ol:focus-within{opacity:1}
.stage-actions>button[hidden]{display:none!important}
.gravity-toggle{opacity:.72;transition:opacity var(--micro),border-color var(--micro),background var(--micro)}.gravity-toggle:hover,.gravity-toggle:focus-within{opacity:1;border-color:#62502d;background:#17140e}
.gravity-toggle small{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--expand),opacity var(--micro)}.gravity-toggle:hover small,.gravity-toggle:focus-within small{max-width:190px;opacity:1}
.node{transition:opacity var(--expand),transform var(--expand),box-shadow var(--micro),border-color var(--micro),left var(--reorient),top var(--reorient),filter var(--expand)}
.node.domain{background:radial-gradient(circle at 50% 34%,#1c232a,#11171c);font-weight:600}.node.domain:nth-of-type(3n){width:82px;height:82px}.node.domain:nth-of-type(4n){width:92px;height:92px}
.node:not(.asset):hover:after,.node:not(.asset):focus-visible:after{content:"Explore";position:absolute;bottom:-20px;color:var(--amber2);font-size:7px;letter-spacing:.08em;text-transform:uppercase}
.node.selected{z-index:6;transform:translate(-50%,-50%) scale(1.15);border-color:var(--amber2);box-shadow:0 0 0 7px #f2aa2a12,0 0 42px #f2aa2a20}
.node.path-context{opacity:.82;border-color:#6a5a3b}.node.path-context:before{content:"";position:absolute;inset:-5px;border:1px solid #f2aa2a13;border-radius:inherit}
.node.discovery{border-color:#6e8f8a;box-shadow:0 0 0 4px #69d5c808}.node.discovery:after{content:"Related";position:absolute;bottom:-18px;color:#78aaa3;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.node[data-state="stale"]{border-style:double}.node[data-state="unavailable"]{border-style:dotted}.node[data-state="partially_covered"]{border-style:dashed}.node[data-state="blocked"]{background:repeating-linear-gradient(135deg,#10151a,#10151a 6px,#15191d 6px,#15191d 9px)}
.connector{transition:opacity var(--expand),background var(--micro),box-shadow var(--micro)}.connector.active-path{opacity:1;height:2px;background:#9b783c;box-shadow:0 0 9px #f2aa2a14}.connector.discovery{opacity:.92;background:#64817d}.edge-label{font-size:8px;padding:3px 7px;color:#d2cec5}
.discovery-tray{display:block;width:auto;max-width:min(690px,76%);padding:0;background:#0d1217f2;transition:transform var(--expand),opacity var(--micro)}
.discovery-tray>button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;color:#d7d3ca;padding:9px 12px;text-align:left;cursor:pointer}.discovery-tray>button .eyebrow{margin:0}.discovery-tray>button small{color:var(--muted)}
.discovery-tray>button:after{content:"⌃";margin-left:auto;color:var(--muted);transform:rotate(180deg)}.discovery-tray>button[aria-expanded="true"]:after{transform:none}
.discovery-tray #discovery-list{display:flex;gap:6px;padding:0 10px 10px;overflow:auto}.discovery-tray #discovery-list[hidden]{display:none!important}
.discovery-tray #discovery-list button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left}
.connection-explainer{border:1px solid #3b444d;border-radius:10px;background:#121820}.connection-explainer summary{padding:10px;cursor:pointer;color:var(--amber2);font-size:11px}.connection-explainer>div{padding:0 10px 10px}.epistemic-note{font-size:10px;color:#b7b1a6;border-left:2px solid #8b7650;padding-left:8px}
.unknown-next{padding:10px;border-radius:9px;background:#141a20;color:#bdb7ac;font-size:10px}.unknown-next strong{color:#e2ddd3}
.detail-panel{transition:transform var(--expand),opacity var(--micro)}.detail-panel h2{font-size:31px}.detail-stats{margin-top:13px}
.trail-save-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px}.trail-save-panel h2{font-size:17px}.trail-save-panel p:not(.eyebrow){margin:3px 0}.trail-save-actions{display:flex;align-items:center;gap:10px}.trail-save-actions>button{border:0;border-radius:8px;background:var(--amber);color:#151008;font-weight:800;padding:9px 12px;cursor:pointer}.trail-save-actions details{position:relative}.trail-save-actions summary{color:var(--muted);font-size:9px;cursor:pointer}.trail-save-actions details[open] .trail-fields{position:absolute;z-index:20;right:0;bottom:28px;width:520px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0d1217;box-shadow:0 12px 40px #0009}.trail-save-actions #trail-status{color:var(--muted);font-size:9px;max-width:180px}
.mode-story{position:absolute;z-index:7;top:62px;left:18px;max-width:270px;color:#b8b3aa;font-size:10px;line-height:1.4;pointer-events:none}.mode-story strong{display:block;color:var(--amber2);font-size:12px;margin-bottom:2px}
.graph-loading .loading-bitcoin{display:grid;place-content:center;width:108px;height:108px;border:1px solid #9d792f;border-radius:50%;background:radial-gradient(circle at 50% 30%,#312716,#15130e);animation:none}.loading-bitcoin small,.loading-bitcoin strong{display:block}.loading-bitcoin strong{font:20px Georgia,serif;color:#eee}.loading-bitcoin small{color:var(--amber2);font-size:8px}
.focus-sentinel{position:absolute;width:1px;height:1px;overflow:hidden}
@media(max-width:820px){
  .universe-intro h1{font-size:38px}.universe-intro p:not(.eyebrow){font-size:12px}.research-controls{position:relative}.universe-tools>summary{font-size:10px}.universe-tools>summary:before{content:none}.universe-tools .universe-search{position:fixed;top:104px;right:10px;left:10px;width:auto}
  .universe-stage{min-height:min(650px,calc(100dvh - 155px));border-radius:15px}.stage-actions{gap:5px}.gravity-toggle span{font-size:9px}.gravity-toggle span:after{content:none}.gravity-toggle:hover small,.gravity-toggle:focus-within small{display:none}.stage-actions>button{min-width:44px;min-height:44px;font-size:9px}.stage-actions>button:after{content:none}.trail-dock button{min-height:34px}
  .node{min-width:62px;min-height:62px}.node.discovery:nth-of-type(n+17){display:none}.discovery-tray{max-width:94%;width:94%}.discovery-tray #discovery-list button:nth-child(n+4){display:none}
  .detail-panel{height:min(66%,540px);padding:22px 18px}.detail-panel h2{font-size:28px}.detail-stats div{min-height:56px}.close-detail{min-width:44px;min-height:44px}.trail-save-panel{align-items:flex-start}.trail-save-actions{align-items:flex-end;flex-direction:column}.trail-save-actions details[open] .trail-fields{position:fixed;left:10px;right:10px;bottom:10px;width:auto}
  .buddy-dock[open]{position:fixed;left:10px;right:10px;bottom:10px;z-index:25;max-height:52vh;overflow:auto;box-shadow:0 -18px 50px #000b}.buddy-dock[open] summary small{display:none}.buddy-dock form{position:sticky;top:0;background:#0d1217;padding-top:9px}
  .mode-story{top:98px;left:12px;max-width:210px}.graph-legend{display:none}
}
@media(max-width:360px){.universe-header{height:54px}.brand-mark{width:25px;height:25px}.classic-link{font-size:10px}.universe-intro{padding-bottom:8px}.universe-intro .eyebrow{display:none}.universe-intro h1{font-size:31px}.universe-stage{min-height:500px}.mode-tabs button{font-size:10px;padding-inline:7px}.gravity-toggle span{font-size:9px}.gravity-toggle span:after{content:none}.node.domain{width:66px;height:66px}.node.asset{width:92px;height:92px}.detail-panel{height:72%}}
@media(prefers-reduced-motion:reduce){.node,.connector,.detail-panel,.discovery-tray,.gravity-toggle small{transition:none!important}}
