:root{--lacquer: #0a130e;--lacquer-2: #0e1a13;--panel: rgba(9, 17, 12, .94);--panel-2: rgba(13, 23, 16, .96);--brass: #c9a227;--brass-bright: #e8c766;--gold: #f0d77b;--ivory: #f2ebdd;--sage: #9daf9e;--dim: #5f7263;--line: rgba(201, 162, 39, .22);--line-strong: rgba(201, 162, 39, .5);--display: "Fraunces", Georgia, serif;--body: "Archivo", sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--lacquer);color:var(--ivory);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:#e8c76659}#gl{position:fixed;inset:0}#gl canvas{display:block;width:100%;height:100%;cursor:grab}#gl canvas:active{cursor:grabbing}#gl canvas.pick{cursor:pointer}.hidden{display:none!important}#district-card,#dossier,.jp-inner,.help-inner{position:relative;background:linear-gradient(155deg,rgba(201,162,39,.06),transparent 34%),var(--panel);border:1px solid var(--line);box-shadow:0 24px 60px #0000008c}#district-card:before,#dossier:before,.jp-inner:before,.help-inner:before,#district-card:after,#dossier:after,.jp-inner:after,.help-inner:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}#district-card:before,#dossier:before,.jp-inner:before,.help-inner:before{top:5px;left:5px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}#district-card:after,#dossier:after,.jp-inner:after,.help-inner:after{bottom:5px;right:5px;border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line-strong)}.hud{animation:hud-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes hud-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel-close{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;background:transparent;border:1px solid var(--line);color:var(--sage);font:600 12px var(--mono);cursor:pointer;transition:all .18s ease}.panel-close:hover{color:var(--ivory);border-color:var(--line-strong);background:#c9a22714}kbd{font:600 10.5px var(--mono);border:1px solid var(--line-strong);padding:2px 7px;color:var(--brass-bright);background:#c9a22712;white-space:nowrap}#gate{position:fixed;inset:0;z-index:50;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(4,8,5,.72) 100%);transition:opacity .9s ease,visibility .9s;pointer-events:none}#gate.gone{opacity:0;visibility:hidden}#gate.gone .gate-seal{pointer-events:none}.gate-frame{position:absolute;inset:18px;border:1px solid rgba(201,162,39,.28);pointer-events:none}.gate-frame:before,.gate-frame:after{content:"";position:absolute;width:22px;height:22px}.gate-frame:before{top:-1px;left:-1px;border-top:2px solid var(--brass);border-left:2px solid var(--brass)}.gate-frame:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--brass);border-right:2px solid var(--brass)}.gate-lockup{position:absolute;top:52px;left:56px;pointer-events:auto}.gate-over{font:500 10px var(--mono);letter-spacing:.4em;color:var(--brass-bright)}.gate-title{font:900 clamp(44px,7vw,84px)/.98 var(--display);letter-spacing:-.01em;color:var(--ivory);margin-top:14px;text-shadow:0 2px 30px rgba(0,0,0,.6)}.gate-title em{font-style:italic;font-weight:500;color:var(--brass-bright)}.gate-rule{width:240px;height:1px;margin-top:26px;background:#c9a22740;position:relative}.gate-rule-fill{position:absolute;inset:0;width:0%;background:var(--brass-bright);box-shadow:0 0 12px #e8c766cc;transition:width .3s ease}.gate-status{margin-top:12px;font:400 11px var(--mono);letter-spacing:.12em;color:var(--sage)}.gate-fine{position:absolute;left:56px;bottom:48px;font:400 12.5px/1.7 var(--body);color:var(--sage);letter-spacing:.02em}.gate-seal{position:absolute;right:64px;bottom:56px;width:118px;height:118px;border-radius:50%;border:1px solid var(--line-strong);background:radial-gradient(circle at 34% 30%,#e8c76629,#09110ce6 68%);color:var(--brass-bright);cursor:pointer;display:grid;place-items:center;align-content:center;gap:5px;pointer-events:auto;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;animation:seal-breathe 3s ease-in-out infinite}.gate-seal:hover{transform:scale(1.06);border-color:var(--brass-bright);box-shadow:0 0 44px #e8c76659}@keyframes seal-breathe{0%,to{box-shadow:0 0 #e8c76600}50%{box-shadow:0 0 34px 2px #e8c76638}}.seal-diamond{font-size:22px;text-shadow:0 0 14px rgba(232,199,102,.7)}.seal-text{font:600 10px var(--mono);letter-spacing:.34em;padding-left:.34em}#topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px 12px;background:linear-gradient(180deg,#060b07e6,#060b0700);pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px}.brand-diamond{color:var(--brass-bright);font-size:17px;text-shadow:0 0 12px rgba(232,199,102,.55)}.brand-stack{display:flex;flex-direction:column;line-height:1.15}.brand-name{font:700 15px var(--display);letter-spacing:.02em}.brand-sub{font:500 8.5px var(--mono);letter-spacing:.4em;color:var(--sage)}.crumbs{display:flex;align-items:center;gap:4px;justify-content:center}.crumb{font:500 10px var(--mono);letter-spacing:.22em;color:var(--sage);background:none;border:none;padding:6px 8px;cursor:pointer;transition:color .18s;white-space:nowrap}.crumb:hover{color:var(--brass-bright)}.crumb.current{color:var(--ivory);cursor:default}.crumb-sep{color:var(--brass);font:400 10px var(--mono);opacity:.7}.crumb.current:hover{color:var(--ivory)}.top-actions{display:flex;gap:8px;justify-content:flex-end}.chip-btn{font:600 9.5px var(--mono);letter-spacing:.2em;color:var(--sage);background:#09110cb8;border:1px solid var(--line);padding:8px 13px;cursor:pointer;text-decoration:none;transition:all .18s ease}.chip-btn:hover{color:var(--lacquer);background:var(--brass-bright);border-color:var(--brass-bright)}.chip-btn.on{color:var(--brass-bright);border-color:var(--line-strong);background:#c9a2271a}.chip-btn.on:hover{color:var(--lacquer);background:var(--brass-bright)}.chip-link{display:inline-block}#index-strip{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:18;display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line);padding:4px 6px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}#index-strip::-webkit-scrollbar{display:none}.idx-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 11px 9px;background:none;border:none;color:var(--sage);cursor:pointer;transition:color .18s;flex:none}.idx-item+.idx-item:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#c9a22724}.idx-glyph{font:600 9px var(--mono);letter-spacing:.18em;opacity:.85}.idx-name{font:600 10.5px var(--body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.idx-tick{position:absolute;left:18%;right:18%;bottom:3px;height:2px;background:currentColor;opacity:0;transition:opacity .2s,box-shadow .2s}.idx-item:hover{color:var(--ivory)}.idx-item:hover .idx-tick{opacity:.55}.idx-item.active{color:var(--brass-bright)}.idx-item.active .idx-tick{opacity:1;box-shadow:0 0 10px currentColor}#tooltip{position:fixed;z-index:30;pointer-events:none;background:var(--panel-2);border:1px solid var(--line-strong);padding:9px 13px;max-width:270px;animation:none}.tt-kicker{font:600 8.5px var(--mono);letter-spacing:.3em;margin-bottom:4px}.tt-name{font:700 14px var(--display);letter-spacing:.01em}.tt-sub{font:400 11.5px/1.4 var(--body);color:var(--sage);margin-top:3px}#district-card{position:fixed;left:20px;bottom:66px;z-index:17;width:min(372px,calc(100vw - 40px));padding:20px 22px 18px;animation:slide-left .5s cubic-bezier(.22,1,.36,1) both}@keyframes slide-left{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.dc-kicker{font:600 9px var(--mono);letter-spacing:.34em;margin-bottom:8px}.dc-name{font:700 24px/1.1 var(--display);letter-spacing:.005em}.dc-tagline{font:500 italic 13.5px var(--display);font-style:italic;color:var(--brass-bright);margin-top:7px}.dc-summary{font:400 12.5px/1.6 var(--body);color:var(--sage);margin-top:9px}.dc-desks{margin-top:14px;display:flex;flex-direction:column}.dc-desk{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid rgba(201,162,39,.14)}.dc-desk-name{font:600 11.5px var(--body);letter-spacing:.03em}.dc-desk-agents{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.agent-chip{font:500 9px var(--mono);letter-spacing:.06em;padding:3px 8px;border:1px solid var(--line);background:transparent;color:var(--sage);cursor:pointer;transition:all .15s ease}.agent-chip:hover{color:var(--lacquer);background:var(--brass-bright);border-color:var(--brass-bright)}#dossier{position:fixed;right:20px;top:74px;bottom:66px;z-index:19;width:min(404px,calc(100vw - 40px));overflow-y:auto;padding:24px 24px 28px;scrollbar-width:thin;scrollbar-color:var(--dim) transparent;animation:slide-right .5s cubic-bezier(.22,1,.36,1) both}@keyframes slide-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.ds-kicker{font:600 9px var(--mono);letter-spacing:.32em;margin-bottom:9px}.ds-codestamp{display:inline-block;font:600 10px var(--mono);letter-spacing:.2em;color:var(--brass-bright);border:1px solid var(--line-strong);padding:4px 10px;transform:rotate(-2deg);margin-bottom:10px}.ds-name{font:700 26px/1.12 var(--display);letter-spacing:.005em;margin-bottom:5px}.ds-role{font:400 13px/1.4 var(--body);color:var(--ivory);opacity:.85}.ds-blurb{font:400 13px/1.65 var(--body);color:var(--sage);margin-top:12px}.ds-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.badge{font:600 8.5px var(--mono);letter-spacing:.16em;padding:5px 9px;border:1px solid var(--line-strong);color:var(--ivory)}.badge.gold{color:var(--brass-bright);border-color:var(--line-strong);background:#c9a22717}.badge.live{color:#7fd6a4;border-color:#7fd6a473;background:#7fd6a412}.badge.piloting{color:#8fc7e8;border-color:#8fc7e873;background:#8fc7e812}.badge.emerging{color:#c9a6e8;border-color:#c9a6e873;background:#c9a6e812}.ds-h{font:600 9px var(--mono);letter-spacing:.34em;color:var(--brass);margin:22px 0 9px;padding-bottom:6px;border-bottom:1px solid rgba(201,162,39,.2)}.ds-kv{display:grid;grid-template-columns:92px 1fr;gap:7px 12px}.ds-kv dt{font:500 9.5px var(--mono);color:var(--dim);letter-spacing:.08em;padding-top:2px;text-transform:uppercase}.ds-kv dd{font:400 12.5px/1.55 var(--body);color:var(--ivory);opacity:.92}.ds-list{list-style:none;display:flex;flex-direction:column;gap:8px}.ds-list li{font:400 12.5px/1.55 var(--body);color:var(--sage);padding-left:16px;position:relative}.ds-list li:before{content:"◆";position:absolute;left:0;color:var(--brass);font-size:7px;top:4px}.tool-row{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px dashed rgba(201,162,39,.14)}.tool-kind{font:600 8px var(--mono);letter-spacing:.12em;padding:2px 6px;flex:none;border:1px solid var(--line);color:var(--sage)}.tool-kind.mcp{color:#8fc7e8;border-color:#8fc7e866}.tool-kind.a2a{color:#d9a6e0;border-color:#d9a6e066}.tool-kind.api{color:#7fd6a4;border-color:#7fd6a466}.tool-kind.human{color:var(--brass-bright);border-color:var(--line-strong)}.tool-name{font:500 12px var(--body)}.tool-note{font:400 11px var(--body);color:var(--dim)}.run-box{border:1px solid var(--line);background:#c9a2270a;padding:13px 15px}.run-trigger{font:400 12.5px/1.55 var(--body);color:var(--ivory);opacity:.92}.run-steps{margin:10px 0 0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:6px}.run-steps li{counter-increment:step;font:400 11px/1.5 var(--mono);color:var(--sage);padding-left:26px;position:relative}.run-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:var(--brass-bright);font-weight:600}.run-output{margin-top:10px;font:500 italic 13px/1.5 var(--display);font-style:italic;color:var(--brass-bright)}.ds-metrics{display:flex;gap:9px;flex-wrap:wrap}.metric{border:1px solid var(--line);padding:8px 12px;background:#c9a2270a}.metric b{display:block;font:700 17px var(--display);color:var(--ivory)}.metric span{font:400 8.5px var(--mono);color:var(--dim);letter-spacing:.1em}.handoff-chip{display:inline-block;font:500 10px var(--mono);letter-spacing:.05em;padding:4px 10px;margin:0 6px 6px 0;border:1px solid var(--line-strong);background:transparent;color:var(--ivory);cursor:pointer;transition:all .15s ease}.handoff-chip:hover{color:var(--lacquer);background:var(--brass-bright);border-color:var(--brass-bright)}#journey-picker{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#040805a8;backdrop-filter:blur(5px)}.jp-inner{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;padding:32px 36px;scrollbar-width:thin}.jp-kicker{font:600 9.5px var(--mono);letter-spacing:.36em;color:var(--brass)}.jp-title{font:700 clamp(22px,3.2vw,30px)/1.15 var(--display);margin-top:10px}.jp-sub{font:400 13.5px/1.65 var(--body);color:var(--sage);margin-top:9px;max-width:58ch}.jp-ledger{margin-top:24px;border-top:1px solid var(--line-strong)}.jp-row{display:grid;grid-template-columns:52px 1fr auto auto 64px;align-items:center;gap:18px;width:100%;text-align:left;padding:16px 8px;background:none;border:none;border-bottom:1px solid rgba(201,162,39,.16);color:var(--ivory);cursor:pointer;transition:background .18s,padding-left .18s}.jp-row:hover{background:#c9a2270f;padding-left:14px}.jp-glyph{font:700 13px var(--mono);letter-spacing:.1em}.jp-name{font:700 15.5px var(--display)}.jp-hook{font:400 12px var(--body);color:var(--sage);margin-top:2px}.jp-segment{font:600 8.5px var(--mono);letter-spacing:.26em;color:var(--dim);border:1px solid var(--line);padding:4px 8px}.jp-stops{font:500 10px var(--mono);color:var(--sage);letter-spacing:.08em;white-space:nowrap}.jp-fly{font:600 10px var(--mono);letter-spacing:.2em;color:var(--brass-bright);opacity:0;transform:translate(-6px);transition:all .2s;text-align:right}.jp-row:hover .jp-fly{opacity:1;transform:none}#journey-hud{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:22;width:min(660px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px}.jh-rail{display:flex;align-items:center;gap:16px;padding:0 4px}.jh-persona{font:700 12px var(--mono);letter-spacing:.22em;white-space:nowrap}.jh-pips{display:flex;gap:6px;flex:1;overflow:hidden}.jh-pip{width:20px;height:3px;flex:none;background:#f2ebdd2e;border:none;cursor:pointer;padding:0;transition:all .3s ease}.jh-pip.done{background:currentColor;opacity:.5}.jh-pip.now{background:currentColor;opacity:1;box-shadow:0 0 10px currentColor;width:32px}.jh-caption{background:var(--panel-2);border:1px solid var(--line-strong);border-left:3px solid var(--brass-bright);padding:15px 19px}.jh-moment{font:600 9.5px var(--mono);letter-spacing:.32em;margin-bottom:7px;color:var(--brass-bright)}.jh-beat{font:400 14.5px/1.55 var(--body);color:var(--ivory)}.jh-caption.swap{animation:caption-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes caption-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.jh-controls{display:flex;gap:8px;justify-content:center}.jh-exit{color:#d98c8c;border-color:#d98c8c66}.jh-exit:hover{background:#d98c8c;border-color:#d98c8c;color:var(--lacquer)}#hints{position:fixed;right:22px;bottom:20px;z-index:15;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font:500 9.5px var(--mono);letter-spacing:.1em;color:var(--dim);pointer-events:none;transition:opacity .4s}#hints b{color:var(--sage);font-weight:600}#hints.faded{opacity:.2}#help{position:fixed;inset:0;z-index:41;display:grid;place-items:center;background:#040805a8;backdrop-filter:blur(5px)}.help-inner{width:min(480px,calc(100vw - 32px));padding:30px 34px}.help-lede{font:400 13px/1.6 var(--body);color:var(--sage);margin-top:10px}.help-table{width:100%;border-collapse:collapse;margin-top:16px}.help-table td{padding:8px 8px 8px 0;font:400 12.5px var(--body);color:var(--sage);border-bottom:1px dashed rgba(201,162,39,.12)}.help-table td:first-child{width:150px}.help-note{margin-top:16px;font:400 11.5px/1.65 var(--body);color:var(--dim)}.help-note a{color:var(--brass-bright)}#nogl{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--lacquer)}.nogl-inner{padding:2rem}@media(max-width:900px){.brand-sub,.crumbs{display:none}#topbar{grid-template-columns:1fr auto}#district-card{bottom:auto;top:70px;left:12px}#dossier{inset:auto 12px 12px;width:auto;max-height:50vh}#index-strip{bottom:10px}.idx-name{font-size:9px}#hints{display:none}.gate-lockup{top:34px;left:30px}.gate-fine{display:none}.gate-seal{right:26px;bottom:34px;width:96px;height:96px}.jp-row{grid-template-columns:40px 1fr 64px}.jp-segment,.jp-stops{display:none}}