:root{--paper: #fff1e5;--paper-2: #fff8f0;--paper-panel: rgba(255, 247, 238, .96);--ink: #33302e;--ink-soft: #6b625b;--ink-faint: #97897d;--claret: #990f3d;--claret-deep: #7a0c31;--gold: #b8860b;--line: rgba(51, 48, 46, .2);--line-strong: rgba(51, 48, 46, .42);--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(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:#990f3d38}#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:var(--paper-panel);border:1px solid var(--line);border-top:3px solid var(--ink);box-shadow:0 1px 0 0 var(--ink) inset,0 22px 50px #5a422d38}#district-card:before,#dossier:before,.jp-inner:before,.help-inner:before{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:var(--line-strong);pointer-events:none}.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:12px;right:10px;z-index:2;width:28px;height:28px;background:transparent;border:1px solid var(--line);color:var(--ink-soft);font:600 12px var(--mono);cursor:pointer;transition:all .18s ease}.panel-close:hover{color:var(--paper);background:var(--claret);border-color:var(--claret)}kbd{font:600 10.5px var(--mono);border:1px solid var(--line-strong);padding:2px 7px;color:var(--claret);background:#990f3d0d;white-space:nowrap}#gate{position:fixed;inset:0;z-index:50;background:radial-gradient(120% 90% at 50% 45%,transparent 52%,rgba(122,84,56,.28) 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:16px;border:1px solid rgba(51,48,46,.3);pointer-events:none}.gate-frame:before{content:"";position:absolute;inset:3px;border:1px solid rgba(51,48,46,.14)}.gate-lockup{position:absolute;top:52px;left:56px;pointer-events:auto;max-width:560px}.gate-over{font:600 10px var(--mono);letter-spacing:.42em;color:var(--claret)}.gate-title{font:900 clamp(46px,7vw,86px)/.95 var(--display);letter-spacing:-.015em;color:var(--ink);margin-top:12px}.gate-deck{font:500 italic clamp(15px,1.8vw,19px)/1.4 var(--display);font-style:italic;color:var(--ink-soft);margin-top:12px;max-width:44ch}.gate-deck em{font-style:italic;color:var(--claret)}.gate-rule{width:300px;margin-top:22px;border-top:3px solid var(--ink);position:relative;padding-top:3px}.gate-rule:after{content:"";display:block;border-top:1px solid var(--ink)}.gate-rule-fill{position:absolute;top:-3px;left:0;height:3px;width:0%;background:var(--claret);transition:width .3s ease}.gate-status{margin-top:12px;font:400 11px var(--mono);letter-spacing:.12em;color:var(--ink-soft)}.gate-fine{position:absolute;left:56px;bottom:46px;font:400 12.5px/1.7 var(--body);color:var(--ink-soft)}.gate-fine b{font-weight:600;color:var(--ink)}.gate-seal{position:absolute;right:64px;bottom:56px;width:122px;height:122px;border-radius:50%;border:none;background:radial-gradient(circle at 36% 30%,#c2355f,var(--claret) 55%,var(--claret-deep));color:var(--paper);cursor:pointer;display:grid;place-items:center;align-content:center;gap:5px;pointer-events:auto;box-shadow:0 3px 10px #7a0c3173,inset 0 2px 6px #fff0e659,inset 0 -6px 14px #3c041680;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;animation:seal-breathe 3.2s ease-in-out infinite}.gate-seal:hover{transform:scale(1.06) rotate(-2deg)}@keyframes seal-breathe{0%,to{box-shadow:0 3px 10px #7a0c3173,inset 0 2px 6px #fff0e659,inset 0 -6px 14px #3c041680,0 0 #990f3d00}50%{box-shadow:0 3px 10px #7a0c3173,inset 0 2px 6px #fff0e659,inset 0 -6px 14px #3c041680,0 0 0 12px #990f3d1f}}.seal-diamond{font-size:20px}.seal-text{font:700 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:14px 24px 12px;background:linear-gradient(180deg,#fff1e5f0,#fff1e500);pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px}.brand-diamond{color:var(--claret);font-size:16px}.brand-stack{display:flex;flex-direction:column;line-height:1.1}.brand-name{font:800 16px var(--display);letter-spacing:-.01em}.brand-sub{font:600 8px var(--mono);letter-spacing:.4em;color:var(--ink-soft);margin-top:2px}.crumbs{display:flex;align-items:center;gap:4px;justify-content:center}.crumb{font:600 10px var(--mono);letter-spacing:.22em;color:var(--ink-soft);background:none;border:none;padding:6px 8px;cursor:pointer;transition:color .18s;white-space:nowrap}.crumb:hover{color:var(--claret)}.crumb.current{color:var(--claret);cursor:default}.crumb.current:hover{color:var(--claret)}.crumb-sep{color:var(--ink-faint);font:400 10px var(--mono)}.top-actions{display:flex;gap:8px;justify-content:flex-end}.chip-btn{font:600 9.5px var(--mono);letter-spacing:.2em;color:var(--ink);background:#fff8f0d9;border:1px solid var(--line-strong);padding:8px 13px;cursor:pointer;text-decoration:none;transition:all .16s ease}.chip-btn:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.chip-btn.on{color:var(--claret);border-color:var(--claret);background:#990f3d12}.chip-btn.on:hover{color:var(--paper);background:var(--claret)}.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(--paper-panel);border:1px solid var(--line);border-top:2px solid var(--ink);padding:4px 6px;box-shadow:0 14px 34px #5a422d33;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(--ink-soft);cursor:pointer;transition:color .18s;flex:none}.idx-item+.idx-item:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}.idx-glyph{font:600 9px var(--mono);letter-spacing:.18em}.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}.idx-item:hover{color:var(--ink)}.idx-item:hover .idx-tick{opacity:.5}.idx-item.active,.idx-item.active .idx-name{color:var(--claret)}.idx-item.active .idx-tick{opacity:1}#tooltip{position:fixed;z-index:30;pointer-events:none;background:var(--paper-panel);border:1px solid var(--line-strong);border-top:2px solid var(--ink);padding:9px 13px;max-width:270px;box-shadow:0 10px 26px #5a422d3d;animation:none}.tt-kicker{font:600 8.5px var(--mono);letter-spacing:.3em;margin-bottom:4px}.tt-name{font:700 14.5px var(--display);letter-spacing:.005em}.tt-sub{font:400 11.5px/1.4 var(--body);color:var(--ink-soft);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:800 25px/1.08 var(--display);letter-spacing:-.01em}.dc-tagline{font:500 italic 14px var(--display);font-style:italic;color:var(--claret);margin-top:7px}.dc-summary{font:400 12.5px/1.6 var(--body);color:var(--ink-soft);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 var(--line)}.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-strong);background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.agent-chip:hover{color:var(--paper);background:var(--claret);border-color:var(--claret)}#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(--ink-faint) 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:700 10px var(--mono);letter-spacing:.2em;color:var(--claret);border:1.5px solid var(--claret);padding:4px 10px;transform:rotate(-2deg);margin-bottom:10px;opacity:.9}.ds-name{font:800 27px/1.1 var(--display);letter-spacing:-.01em;margin-bottom:5px}.ds-role{font:400 13px/1.4 var(--body);color:var(--ink);opacity:.85}.ds-blurb{font:400 13px/1.65 var(--body);color:var(--ink-soft);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(--ink)}.badge.gold{color:var(--claret);border-color:var(--claret);background:#990f3d0f}.badge.live{color:#2f6b4f;border-color:#2f6b4f80;background:#2f6b4f12}.badge.piloting{color:#33608c;border-color:#33608c80;background:#33608c12}.badge.emerging{color:#6f4f8e;border-color:#6f4f8e80;background:#6f4f8e12}.ds-h{font:700 9px var(--mono);letter-spacing:.34em;color:var(--claret);margin:22px 0 9px;padding-bottom:6px;border-bottom:1px solid var(--line-strong)}.ds-kv{display:grid;grid-template-columns:92px 1fr;gap:7px 12px}.ds-kv dt{font:600 9.5px var(--mono);color:var(--ink-faint);letter-spacing:.08em;padding-top:2px;text-transform:uppercase}.ds-kv dd{font:400 12.5px/1.55 var(--body);color:var(--ink);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(--ink-soft);padding-left:16px;position:relative}.ds-list li:before{content:"◆";position:absolute;left:0;color:var(--claret);font-size:7px;top:4px}.tool-row{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px dashed var(--line)}.tool-kind{font:600 8px var(--mono);letter-spacing:.12em;padding:2px 6px;flex:none;border:1px solid var(--line-strong);color:var(--ink-soft)}.tool-kind.mcp{color:#33608c;border-color:#33608c80}.tool-kind.a2a{color:#6f4f8e;border-color:#6f4f8e80}.tool-kind.api{color:#2f6b4f;border-color:#2f6b4f80}.tool-kind.human{color:var(--claret);border-color:var(--claret)}.tool-name{font:500 12px var(--body)}.tool-note{font:400 11px var(--body);color:var(--ink-faint)}.run-box{border:1px solid var(--line-strong);background:#33302e08;padding:13px 15px}.run-trigger{font:400 12.5px/1.55 var(--body);color:var(--ink);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(--ink-soft);padding-left:26px;position:relative}.run-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:var(--claret);font-weight:600}.run-output{margin-top:10px;font:500 italic 13.5px/1.5 var(--display);font-style:italic;color:var(--claret)}.ds-metrics{display:flex;gap:9px;flex-wrap:wrap}.metric{border:1px solid var(--line-strong);padding:8px 12px;background:#33302e08}.metric b{display:block;font:800 18px var(--display);color:var(--ink)}.metric span{font:400 8.5px var(--mono);color:var(--ink-faint);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(--ink);cursor:pointer;transition:all .15s ease}.handoff-chip:hover{color:var(--paper);background:var(--claret);border-color:var(--claret)}#journey-picker{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#d6b29866;backdrop-filter:blur(4px)}.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:700 9.5px var(--mono);letter-spacing:.36em;color:var(--claret)}.jp-title{font:800 clamp(23px,3.2vw,31px)/1.12 var(--display);margin-top:10px;letter-spacing:-.01em}.jp-sub{font:400 13.5px/1.65 var(--body);color:var(--ink-soft);margin-top:9px;max-width:58ch}.jp-ledger{margin-top:24px;border-top:3px solid var(--ink)}.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 var(--line);color:var(--ink);cursor:pointer;transition:background .18s,padding-left .18s}.jp-row:hover{background:#990f3d0d;padding-left:14px}.jp-glyph{font:700 13px var(--mono);letter-spacing:.1em}.jp-name{font:700 16px var(--display)}.jp-hook{font:400 12px var(--body);color:var(--ink-soft);margin-top:2px}.jp-segment{font:600 8.5px var(--mono);letter-spacing:.26em;color:var(--ink-soft);border:1px solid var(--line-strong);padding:4px 8px}.jp-stops{font:500 10px var(--mono);color:var(--ink-soft);letter-spacing:.08em;white-space:nowrap}.jp-fly{font:700 10px var(--mono);letter-spacing:.2em;color:var(--claret);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;text-shadow:0 1px 0 rgba(255,241,229,.8)}.jh-pips{display:flex;gap:6px;flex:1;overflow:hidden}.jh-pip{width:20px;height:3px;flex:none;background:#33302e40;border:none;cursor:pointer;padding:0;transition:all .3s ease}.jh-pip.done{background:currentColor;opacity:.5}.jh-pip.now{background:currentColor;opacity:1;width:32px}.jh-caption{background:var(--paper-panel);border:1px solid var(--line-strong);border-top:3px solid var(--ink);border-left:4px solid var(--claret);padding:15px 19px;box-shadow:0 16px 40px #5a422d40}.jh-moment{font:700 9.5px var(--mono);letter-spacing:.32em;margin-bottom:7px;color:var(--claret)}.jh-beat{font:400 14.5px/1.55 var(--body);color:var(--ink)}.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:var(--claret);border-color:var(--claret)}.jh-exit:hover{background:var(--claret);color:var(--paper)}#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(--ink-soft);pointer-events:none;transition:opacity .4s;text-shadow:0 1px 0 rgba(255,241,229,.7)}#hints b{color:var(--ink);font-weight:700}#hints.faded{opacity:.25}#help{position:fixed;inset:0;z-index:41;display:grid;place-items:center;background:#d6b29866;backdrop-filter:blur(4px)}.help-inner{width:min(480px,calc(100vw - 32px));padding:30px 34px}.help-lede{font:400 13px/1.6 var(--body);color:var(--ink-soft);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(--ink-soft);border-bottom:1px dashed var(--line)}.help-table td:first-child{width:150px}.help-note{margin-top:16px;font:400 11.5px/1.65 var(--body);color:var(--ink-faint)}.help-note a{color:var(--claret)}#nogl{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--paper)}.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}}