:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--ink:#e9edf6;--muted:#9aa6bd;--line:#3a4766;--glow:#7cf5df;--card:#121828db;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}a{color:var(--glow)}:focus-visible{outline-offset:3px;outline:2px solid #ffe28a}.aurora{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 62%,#38bdac21,#0000 70%),radial-gradient(90% 70% at 50% 0,#5865f21f,#0000 70%),linear-gradient(#0a0f1d,#070a12 60%);position:fixed;inset:0;overflow:hidden}.page,.broken{z-index:1;position:relative}.broken{padding:2rem}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3vh,2rem);min-height:100svh;padding:8vh 1.25rem 14vh;display:flex;position:relative}.intro h1{letter-spacing:-.04em;background:linear-gradient(#fff 25%,#c9d2ff 65%,#8ff3e2);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding:0 .04em .14em;font-size:clamp(2.8rem,9vw,6.5rem);font-weight:800;line-height:1.08;animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.subtitle{text-wrap:balance;color:#b9c3d8;max-width:42rem;margin:-.6rem 0 0;font-size:clamp(1.05rem,2.2vw,1.35rem);animation:.9s cubic-bezier(.2,.7,.2,1) .15s both rise}.plates{perspective:900px;flex-direction:column;align-items:center;gap:.45rem;width:min(40rem,100%);margin:clamp(.5rem,2vh,1.5rem) 0 0;padding:0;list-style:none;display:flex}.plates li{--hue:calc(28 + var(--i) * 236 / (var(--n) - 1));width:calc(100% - (var(--n) - 1 - var(--i)) * 1.6rem);border:1px solid hsl(var(--hue) 85% 68% / .55);background:linear-gradient(180deg, hsl(var(--hue) 70% 55% / .22), hsl(var(--hue) 70% 40% / .08));box-shadow:0 0 24px hsl(var(--hue) 90% 60% / .18), inset 0 1px 0 hsl(var(--hue) 90% 80% / .25);color:hsl(var(--hue) 80% 86%);letter-spacing:.22em;text-transform:uppercase;animation:.7s cubic-bezier(.2,.7,.2,1) both plate;animation-delay:calc(.35s + (var(--n) - 1 - var(--i)) * 90ms);border-radius:.7rem;padding:.5rem 1rem;font-size:clamp(.72rem,1.6vw,.85rem);font-weight:700;transform:rotateX(18deg)}.plates .plate-name{display:block}.plates .plate-members{color:hsl(var(--hue) 40% 78% / .85);letter-spacing:.02em;text-transform:none;margin-top:.15rem;font-size:.82em;font-weight:500;display:block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes plate{0%{opacity:0;transform:rotateX(18deg)translateY(28px)}}.cue{color:#cfeee8;letter-spacing:.04em;white-space:nowrap;background:#8ff3e20f;border:1px solid #8ff3e259;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem;font-size:.9rem;display:inline-flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.cue span{animation:1.8s ease-in-out infinite cue;display:inline-block}@keyframes cue{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.story{position:relative}.stage{flex-direction:column;justify-content:center;height:100vh;padding:0 0 12px;display:flex;position:sticky;top:0;overflow:hidden}.stage-caption{text-align:center;min-height:92px;padding:18px 32px 6px}.stage-caption.compact{min-height:118px;padding:14px 16px 4px}.stage-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,4vw,2.6rem);animation:.5s ease-out rise}.stage-flow{margin:0;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:700}.stage-text{max-width:46rem;color:var(--muted);margin:4px auto 0;animation:.5s ease-out rise}.stage-text strong{color:var(--ink)}.stage-meter{background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0}.stage-meter span{transform-origin:0;background:linear-gradient(90deg,#ff9f43,#7cf5df,#8b5cf6);height:100%;display:block}.landscape{width:100%;position:relative}.canvas{transform-origin:0 0;position:absolute;top:0;left:0}.band{border-top:1px solid hsl(var(--hue) 60% 60% / .16);background:linear-gradient(90deg, hsl(var(--hue) 70% 50% / .09), hsl(var(--hue) 70% 50% / .02) 40%, transparent);transition:background .4s;position:absolute;left:0;right:0}.band.current{background:linear-gradient(90deg, hsl(var(--hue) 80% 55% / .24), hsl(var(--hue) 80% 55% / .06) 60%, transparent)}.band-label{border-left:3px solid hsl(var(--hue) 80% 62%);flex-direction:column;justify-content:center;padding:12px 16px 12px 22px;display:flex;position:absolute;top:0;bottom:0;left:0}.compact .band-label{border-left:none;justify-content:flex-start;padding:10px 16px 0;bottom:auto}.band-name{color:hsl(var(--hue) 85% 76%);margin:0;font-size:1rem;font-weight:700}.band-id{color:var(--muted);background:#ffffff0f;border-radius:4px;margin-left:.5em;padding:0 .4em;font-size:.72em;font-weight:600}.band-summary{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.compact .band-summary{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}.revealing.compact .band-summary{display:none}.revealing.compact .band-label{padding-top:6px}.revealing.compact .band-name{font-size:.85rem}.edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.edge-line{fill:none;stroke:#56658a;stroke-width:1.4px;transition:stroke .25s,opacity .25s,stroke-width .25s}.edge-line.kind-builds-on{stroke-dasharray:6 5}.edge-line.kind-contains{stroke-dasharray:1.5 4;stroke-linecap:round}.edge-line.kind-drives{stroke-width:2.2px}.edge-line.state-lit{stroke:var(--glow);stroke-width:2.4px}.edge-line.state-hot{stroke:#fff;stroke-width:2.2px}.edge-line.state-dim{opacity:.12}.arrow{fill:#56658a}.arrow-lit{fill:var(--glow)}.arrow-hot{fill:#fff}.arrow-dim{fill:#56658a;opacity:.2}.edge-ambient{fill:none;stroke:#a0c8ff66;stroke-width:2px;stroke-linecap:round;stroke-dasharray:.5 23;animation:3.2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-47px}}.edge-travel{fill:none;stroke:var(--glow);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1 1}.pulse{fill:#fff}.card{border:1px solid hsl(var(--hue) 50% 60% / .35);border-left:3px solid hsl(var(--hue) 80% 62%);background:var(--card);color:var(--ink);font:inherit;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;flex-direction:column;justify-content:center;gap:2px;padding:6px 12px;transition:opacity .25s,box-shadow .3s,border-color .3s,filter .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000059}.interactive .card{cursor:pointer}.interactive .card:hover,.card.focus{border-color:hsl(var(--hue) 90% 70%);box-shadow:0 0 0 1px hsl(var(--hue) 90% 70% / .6), 0 8px 28px hsl(var(--hue) 90% 50% / .35)}.card.selected{box-shadow:0 0 0 2px #fff, 0 8px 28px hsl(var(--hue) 90% 50% / .45)}.card.lit{border-color:var(--glow);box-shadow:0 0 0 1px #7cf5df99,0 0 26px #7cf5df66}.card.target{animation:.9s ease-in-out infinite await}@keyframes await{50%{box-shadow:0 0 0 1px #7cf5df80,0 0 18px #7cf5df4d}}.card.dim{opacity:.25;filter:saturate(.4)}.card.status-paused{filter:saturate(.35)}.card.status-proposed{background:#12182899;border-style:dashed}.card-label{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:650;overflow:hidden}.card-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.72rem;display:flex}.compact .card{padding:4px 8px}.compact .card-label{font-size:.85rem}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:0 .45em;font-size:.68rem;font-weight:700;line-height:1.5;display:inline-block}.badge.status-proposed{color:#1b1300;background:#ffd166}.badge.status-paused{color:#e9edf6;background:#5b6478}.explore{min-height:100vh;padding:12px 0 18px;position:relative}.toolbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a12d1;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 20px;display:flex;position:sticky;top:0}.toolbar select{border:1px solid var(--line);max-width:100%;min-height:40px;color:var(--ink);font:inherit;background:#111829;border-radius:8px;padding:6px 10px}.buttons{gap:6px;display:flex}.icon{border:1px solid var(--line);min-width:40px;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#111829;border-radius:8px;font-size:1.1rem}.icon:hover{border-color:var(--glow)}.icon.play[aria-pressed=true]{border-color:var(--glow);color:var(--glow)}.caption{color:var(--muted);flex:18rem;margin:0;font-size:.92rem}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 20px 0;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-link{margin-left:auto}.panel{z-index:5;border:1px solid hsl(var(--hue) 60% 60% / .4);border-top:4px solid hsl(var(--hue) 80% 62%);background:#0a0e1af5;border-radius:14px;width:min(380px,100vw - 24px);padding:20px 22px;animation:.25s ease-out slide;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 20px 60px #0009}@keyframes slide{0%{opacity:0;transform:translate(16px)}}.panel-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;font-size:1.3rem;position:absolute;top:10px;right:10px}.panel-layer{color:hsl(var(--hue) 85% 76%);margin:0;font-size:.85rem;font-weight:700}.panel-title{letter-spacing:-.01em;margin:4px 40px 6px 0;font-size:1.6rem}.panel-meta{align-items:center;gap:8px;margin:0 0 12px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.78rem}.panel-definition{margin:0 0 14px;font-size:1rem}.panel-links{word-break:break-all;flex-direction:column;gap:6px;margin:0 0 16px;font-size:.9rem;display:flex}.panel-group h4{color:var(--muted);margin:14px 0 6px;font-size:.8rem}.panel-group ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.panel-edge{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#0f1525;border-radius:8px;padding:8px 10px;font-size:.88rem}.panel-edge:hover{border-color:var(--glow)}.edge-kind{color:var(--muted);margin-left:6px;font-size:.72rem}.edge-label{color:var(--muted);display:block}.fallback{z-index:1;max-width:48rem;margin:0 auto;padding:2rem 1.25rem;position:relative}@media (width<=719px){.panel{width:auto;max-height:72vh;inset:auto 8px 8px}.toolbar{padding:8px 12px}.toolbar select{flex:100%}.legend-link{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.revealing .band-label{overflow:hidden}.compact .card:not(.status-active) .card-meta>span:first-child{display:none}.icon,.cue,.panel-group h4{font-variant-emoji:text}
