@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap');

:root{--bg:#05070b;--panel:rgba(8,12,18,.76);--line:rgba(190,215,226,.15);--muted:#78909c;--text:#d9e5e8;--bright:#f3fbfa;--accent:#b7f5c9;--amber:#edc989;--danger:#ed897d}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#cosmos,#surfaceCanvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#cosmos{position:fixed;inset:0;width:100%;height:100%;cursor:grab}#cosmos:active{cursor:grabbing}#grain{position:fixed;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.glass{background:linear-gradient(145deg,rgba(16,22,29,.78),rgba(7,10,15,.72));border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.22)}
.topbar{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);background:linear-gradient(#06090dcc,transparent);z-index:5}.wordmark{display:flex;align-items:center;gap:11px;background:none;border:0;letter-spacing:.28em;font:500 13px DM Mono;cursor:pointer}.mark{width:19px;height:19px;border:1px solid #d3e4e2;border-radius:50%;position:relative;box-shadow:0 0 18px #b7f5c944}.mark:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent);top:7px;left:7px;box-shadow:0 0 8px var(--accent)}.epoch{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;font:400 10px DM Mono;letter-spacing:.14em;color:#8da0a7}.epoch i{width:3px;height:3px;background:#4d6168;border-radius:50%}.header-actions{margin-left:auto;display:flex;gap:7px}.icon-btn,.close-inspector,.modal-close{background:rgba(255,255,255,.025);border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer;color:#91a4ab}.icon-btn:hover{color:var(--bright);border-color:#91a4ab}
.scale-nav{position:fixed;top:88px;left:50%;transform:translateX(-50%);height:48px;display:flex;align-items:center;padding:0 7px;z-index:4;border-radius:3px}.scale-nav button{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;min-width:112px;height:38px;padding:4px 10px;border:0;background:transparent;color:#5f737a;text-align:left;cursor:pointer}.scale-nav button b{grid-row:1/3;font:400 8px DM Mono;color:#43565d}.scale-nav button span{font:500 9px DM Mono;letter-spacing:.1em}.scale-nav button small{font:300 7px DM Mono;color:#4f646b}.scale-nav button.active{color:var(--accent);background:#b7f5c90a}.scale-nav button.active b{color:var(--accent)}.scale-nav i{font-style:normal;color:#33464d;font-size:14px}
body[data-scale="galaxy"] .left-panel,body[data-scale="galaxy"] .inspector,body[data-scale="galaxy"] .chronicle,body[data-scale="galaxy"] .tool-dock,body[data-scale="neighborhood"] .left-panel,body[data-scale="neighborhood"] .inspector,body[data-scale="neighborhood"] .chronicle,body[data-scale="neighborhood"] .tool-dock{opacity:0;pointer-events:none}.left-panel,.chronicle,.tool-dock{transition:opacity .3s,transform .3s}body[data-scale="galaxy"] .left-panel,body[data-scale="neighborhood"] .left-panel{transform:translateX(-24px)}body[data-scale="galaxy"] .inspector,body[data-scale="neighborhood"] .inspector{transform:translateX(380px)}
.left-panel{position:fixed;left:22px;top:91px;width:224px;max-height:calc(100vh - 190px);padding:18px 0 8px;border-radius:3px;overflow:hidden;z-index:3}.panel-kicker{font:500 9px DM Mono;letter-spacing:.19em;color:#64777e;padding:0 17px}.star-name{font-size:22px;font-weight:300;color:var(--bright);padding:8px 17px 1px}.star-meta{font:300 9px DM Mono;color:#6d8289;padding:0 17px 15px}.divider{height:1px;background:var(--line);margin:0 0 9px}.object-list{max-height:calc(100vh - 300px);overflow:auto;padding:0 6px 0}.object-list::-webkit-scrollbar{width:3px}.object-list::-webkit-scrollbar-thumb{background:#52646a}.object-row{width:100%;height:48px;display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;background:transparent;border:0;border-left:1px solid transparent;padding:0 10px;cursor:pointer;text-align:left}.object-row:hover,.object-row.active{background:rgba(182,241,202,.045);border-left-color:var(--accent)}.object-dot{border-radius:50%;display:block;box-shadow:inset -2px -2px 4px #0008}.object-row strong{display:block;font:400 11px DM Mono;color:#bdcdd1}.object-row small{display:block;font:300 8px DM Mono;color:#5d737a;margin-top:3px}.object-row em{font:300 8px DM Mono;color:#698087;font-style:normal}.life-pip{width:4px;height:4px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 7px var(--accent);margin-right:5px}
.inspector{position:fixed;right:22px;top:91px;width:310px;max-height:calc(100vh - 184px);overflow:auto;padding:21px;border-radius:3px;z-index:4;transition:transform .35s,opacity .35s}.inspector.closed{transform:translateX(350px);opacity:0;pointer-events:none}.inspector::-webkit-scrollbar{width:2px}.inspector h1{font-weight:300;font-size:28px;letter-spacing:-.03em;color:var(--bright);margin:7px 0 0}.subtitle{font:300 9px DM Mono;line-height:1.55;color:#70858c;margin:3px 0 14px}.close-inspector{position:absolute;right:12px;top:12px;border:0;font-size:19px}.planet-portrait{height:118px;margin:0 -6px 16px;position:relative;overflow:hidden}.planet-portrait canvas{width:100%;height:100%}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 7px;margin-bottom:16px}.stat label{font:400 7px DM Mono;letter-spacing:.13em;color:#60747b;display:block}.stat span{font:400 10px DM Mono;color:#c5d3d5;display:block;margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:center;font:500 8px DM Mono;letter-spacing:.15em;color:#91a6ac;margin:15px 0 9px}.badge{font-size:7px;color:#6d8085;border:1px solid #3e4b50;padding:3px 5px;border-radius:2px}.badge.accent{color:var(--accent);border-color:#4a7359}.bio-track{height:3px;background:#263238;overflow:hidden}.bio-track div{height:100%;background:linear-gradient(90deg,#638e76,var(--accent));box-shadow:0 0 9px var(--accent);transition:width .4s}.body-copy{font-size:10px;line-height:1.6;color:#7f949a}.hidden{display:none!important}.civ-card{border-left:1px solid var(--civ,#a4d9ba);padding-left:10px;margin:10px 0}.civ-card b{font:400 10px DM Mono;color:#cfdbdc}.civ-card p{font-size:9px;color:#73888e;line-height:1.45;margin:4px 0}.traits{display:flex;flex-wrap:wrap;gap:4px}.traits span{font:400 7px DM Mono;border:1px solid #34454a;padding:3px 5px;color:#8da2a8}.inspector-actions{display:flex;gap:7px;margin-top:16px}.primary,.secondary{height:35px;border:1px solid #547462;background:rgba(159,236,185,.08);color:#bce8ca;font:500 8px DM Mono;letter-spacing:.11em;padding:0 12px;cursor:pointer}.primary:hover{background:rgba(159,236,185,.15)}.secondary{border-color:#35474c;background:transparent;color:#82969b;flex:1}.inspector-actions .primary{flex:2}
.time-controls{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);height:48px;display:flex;align-items:center;border-radius:3px;padding:0 7px;z-index:4}.play{width:34px;height:34px;border:0;border-right:1px solid var(--line);background:none;font:400 11px DM Mono;cursor:pointer}.speed-group{display:flex;padding:0 8px}.speed-group button{border:0;background:none;color:#596e74;font:400 8px DM Mono;padding:8px;cursor:pointer}.speed-group button.active{color:var(--accent)}.time-rate{border-left:1px solid var(--line);font:300 7px DM Mono;color:#60747a;padding:0 8px;min-width:102px}.tool-dock{position:fixed;bottom:24px;left:22px;height:48px;display:flex;border-radius:3px;z-index:4}.tool-dock button{width:66px;border:0;border-right:1px solid var(--line);background:none;cursor:pointer;color:#597078}.tool-dock button:last-child{border:0}.tool-dock button i{display:block;font:400 16px serif;height:20px;font-style:normal}.tool-dock button span{font:400 6px DM Mono;letter-spacing:.08em}.tool-dock button:hover,.tool-dock button.active{color:var(--accent);background:#b7f5c908}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,8px);padding:8px 12px;background:#10171dcc;border:1px solid var(--line);font:400 8px DM Mono;letter-spacing:.08em;color:#9bafb4;opacity:0;transition:.25s;z-index:10;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.tooltip{position:fixed;z-index:7;pointer-events:none;background:#080d11e8;border:1px solid var(--line);padding:8px 10px;min-width:100px;font:400 8px DM Mono;line-height:1.6;color:#879ba1;opacity:0}.tooltip b{color:#dbe7e7;font-size:10px;font-weight:400}
.surface-view{position:fixed;inset:0;z-index:20;background:#05090c}.surface-view canvas{width:100%;height:100%;display:block}.surface-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #020406aa;background:linear-gradient(transparent 65%,#03070a88)}.surface-header{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff18;background:linear-gradient(#03070cbb,transparent)}.surface-header button{background:#07101688;border:1px solid #ffffff21;padding:9px 12px;font:400 8px DM Mono;letter-spacing:.13em;cursor:pointer}.surface-header div{text-align:center}.surface-header span{display:block;font:300 16px DM Mono;letter-spacing:.18em}.surface-header small{display:block;font:300 7px DM Mono;color:#8ba0a5;margin-top:4px}.surface-readout{position:absolute;left:22px;bottom:22px;width:230px;padding:14px}.readout-row{display:flex;justify-content:space-between;font:400 8px DM Mono;padding:5px 0;border-bottom:1px solid #ffffff0d}.readout-row span:first-child{color:#71858b}.readout-row span:last-child{color:#c4d3d4}.surface-legend{position:absolute;right:22px;bottom:22px;padding:12px;width:180px;font:400 7px DM Mono;color:#83969c;line-height:1.8}.legend-gradient{height:4px;margin:6px 0;background:linear-gradient(90deg,#16364a,#48714d,#bcaf72,#e3ebdf)}
.legend-gradient.biosphere{background:linear-gradient(90deg,#17251d,#17602b,#32c75f,#d5ffd5)}.legend-gradient.climate{background:linear-gradient(90deg,#296082,#3c8a71,#d7c94a,#d74722)}.legend-gradient.civilization{background:linear-gradient(90deg,#253236,#6b8d80,#e1a24b,#fff0b2)}
.modal{position:fixed;inset:0;background:#020509aa;backdrop-filter:blur(8px);z-index:30;display:grid;place-items:center}.modal-card{width:min(580px,calc(100vw - 30px));padding:32px;position:relative}.modal-card h2{font-size:30px;font-weight:300;margin:10px 0;color:#eef6f5}.modal-card>p{font-size:12px;line-height:1.7;color:#899da2;max-width:500px}.modal-close{position:absolute;right:16px;top:16px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.guide-grid b{display:block;font:500 9px DM Mono;color:#c9d7d8;letter-spacing:.1em}.guide-grid span{display:block;font-size:10px;line-height:1.5;color:#6e848a;margin-top:5px}
@media(max-width:850px){.left-panel{display:none}.inspector{right:8px;top:auto;bottom:82px;width:calc(100vw - 16px);max-height:46vh}.tool-dock{left:8px;bottom:18px}.tool-dock button{width:52px}.time-controls{right:8px;left:auto;transform:none;bottom:18px}.time-rate{display:none}.topbar{height:58px;padding:0 14px}.epoch{display:none}.guide-grid{grid-template-columns:1fr}.planet-portrait{display:none}.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.speed-group button:nth-child(-n+2){display:none}.tool-dock button span{display:none}.tool-dock button{width:38px}.inspector-actions{position:static;background:transparent;padding-top:8px}.surface-legend{display:none}}
.modal-card{overflow:hidden}.modal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071018ee 35%,#07101899),url('assets/orrery-cover.png') center/cover;opacity:.22;z-index:-1}
.chronicle{position:fixed;right:22px;bottom:90px;width:280px;max-height:145px;padding:13px 0 8px;z-index:3;border-radius:3px;transition:.3s}.inspector:not(.closed)~.chronicle{opacity:0;transform:translateX(20px);pointer-events:none}#eventLog{margin-top:8px;padding:0 14px;max-height:96px;overflow:hidden}#eventLog p,#eventLog button{display:block;width:100%;font:300 8px/1.55 DM Mono;color:#667b81;margin:4px 0;padding:0 0 0 9px;border:0;border-left:1px solid #293a3f;background:none;text-align:left}#eventLog button{cursor:pointer}#eventLog button:hover,#eventLog button:focus-visible{color:#b7c8c7;border-left-color:var(--accent)}#eventLog>*:first-child{color:#a1b2b5;border-color:var(--accent)}#eventLog time{color:#50646a;margin-right:7px}
@media(max-width:850px){.chronicle{display:none}}

/* Legibility is a simulation control, not decoration. */
.topbar{height:76px}.panel-kicker{font-size:10px}.left-panel{top:98px;width:262px;padding-top:20px}.star-name{font-size:25px}.star-meta{font-size:11px;line-height:1.5}.object-row{height:57px;grid-template-columns:32px 1fr auto}.object-row strong{font-size:12px}.object-row small,.object-row em{font-size:9px}.inspector{top:98px;width:360px;padding:25px}.inspector h1{font-size:32px}.subtitle{font-size:11px}.stat label{font-size:9px}.stat span{font-size:12px}.section-head{font-size:10px}.badge{font-size:9px}.body-copy,.civ-card p{font-size:12px}.civ-card b{font-size:12px}.traits span{font-size:9px}.primary,.secondary{height:42px;font-size:10px}.tool-dock{height:56px}.tool-dock button{width:78px}.tool-dock button span{font-size:8px}.time-controls{height:56px}.speed-group button{font-size:10px}.time-rate{font-size:9px;min-width:132px}.chronicle{width:340px;max-height:180px}.chronicle #eventLog p{font-size:10px}.surface-header button{font-size:10px}.surface-header span{font-size:19px}.surface-header small{font-size:9px}.readout-row{font-size:10px}.surface-legend{font-size:9px;width:210px}.toast{font-size:10px}.tooltip{font-size:10px}
@media(max-width:850px){.topbar{height:62px}.inspector{top:auto;width:calc(100vw - 16px);padding:18px}.inspector h1{font-size:26px}.object-row strong{font-size:11px}.tool-dock{height:52px}.tool-dock button{width:56px}.time-controls{height:52px}}
@media(max-width:850px){.scale-nav{top:70px;height:42px}.scale-nav button{min-width:0;width:86px;height:34px;padding:3px 7px}.scale-nav button b,.scale-nav button small{display:none}.scale-nav button span{font-size:8px;text-align:center}.scale-nav i{font-size:10px}}
@media(max-width:520px){.scale-nav{left:8px;right:8px;transform:none;justify-content:center}.scale-nav button{width:30%}}
@media(max-width:580px){.inspector{max-height:52dvh}.time-controls{bottom:78px;height:46px}.tool-dock{left:8px;right:8px;bottom:12px;justify-content:center;height:52px}.tool-dock button{width:20%}.inspector:not(.closed)~.time-controls{opacity:0;pointer-events:none}.toast{bottom:142px;max-width:calc(100vw - 28px);text-align:center;line-height:1.5}}
.surface-tools{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;z-index:3}.surface-tools button{width:92px;height:55px;border:0;border-right:1px solid var(--line);background:transparent;color:#789097;cursor:pointer}.surface-tools button:last-child{border:0}.surface-tools b{display:block;font:400 18px serif}.surface-tools span{display:block;font:500 8px DM Mono;letter-spacing:.08em;margin-top:3px}.surface-tools button:hover,.surface-tools button.active{color:var(--accent);background:#b7f5c90b}@media(max-width:700px){.surface-tools{bottom:12px}.surface-tools button{width:60px}.surface-tools span{font-size:7px}.surface-readout{bottom:78px}.surface-legend{display:none}}
.world-objective{position:absolute;top:84px;left:22px;padding:10px 13px;max-width:390px}.world-objective small,.intervention-brief>small{display:block;font:500 7px DM Mono;letter-spacing:.15em;color:#61787e}.world-objective strong{display:block;margin-top:4px;font:400 10px DM Mono;color:#d0dfdc}.intervention-brief{position:absolute;left:50%;bottom:91px;transform:translateX(-50%);width:410px;padding:13px 15px;z-index:4}.intervention-brief strong{display:block;font:500 11px DM Mono;color:var(--accent);margin-top:5px}.intervention-brief p{font-size:11px;color:#9aacb0;margin:6px 0 3px}.intervention-brief span{display:block;font:400 8px/1.5 DM Mono;color:#71868c}.intervention-brief b{display:block;margin-top:8px;font:500 7px DM Mono;letter-spacing:.11em;color:var(--amber)}@media(max-width:700px){.world-objective{left:8px;top:68px;max-width:calc(100vw - 16px)}.world-objective small{display:none}.world-objective strong{font-size:8px}.intervention-brief{bottom:74px;width:calc(100vw - 16px);padding:9px 11px}.intervention-brief p{font-size:9px}.intervention-brief span{font-size:7px}}
.layer-tabs{display:flex;border:1px solid #ffffff21;background:#07101699}.layer-tabs button{border:0;border-right:1px solid #ffffff18;background:transparent;padding:10px 13px;font:500 9px DM Mono;letter-spacing:.08em;color:#71868c;cursor:pointer}.layer-tabs button:last-child{border:0}.layer-tabs button:hover,.layer-tabs button.active{color:var(--accent);background:#b7f5c910}@media(max-width:700px){.layer-tabs button{padding:9px 7px;font-size:7px}.layer-tabs button:nth-child(3){display:none}}
@media(max-width:700px){.surface-header{height:60px;padding:0 8px}.surface-header>#ascendBtn{position:absolute;left:8px;top:12px;width:62px;padding:7px 3px;font-size:7px}.surface-header>div:nth-child(2){position:absolute;left:79px;top:12px;width:103px;text-align:left}.surface-header>div:nth-child(2) span{font-size:13px;letter-spacing:.11em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surface-header>div:nth-child(2) small{font-size:6px;white-space:nowrap}.surface-header .layer-tabs{position:absolute;right:8px;top:12px}.surface-header .layer-tabs button{padding:8px 7px}.surface-header .layer-tabs button:nth-child(3){display:none}}
.atlas-toggle{position:absolute;right:22px;top:86px;border:1px solid #567b65;background:#0b1712cc;color:var(--accent);padding:11px 15px;font:500 9px DM Mono;letter-spacing:.1em;cursor:pointer}.species-atlas{position:absolute;right:20px;top:82px;bottom:20px;width:440px;z-index:5;padding:20px;overflow:hidden}.atlas-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.atlas-head span{display:block;font:500 9px DM Mono;letter-spacing:.15em;color:#6e8780}.atlas-head strong{display:block;font:300 22px Manrope;margin-top:5px}.atlas-head button{border:1px solid var(--line);background:none;color:#8ba0a4;width:30px;height:30px;border-radius:50%;cursor:pointer}.species-atlas>p{font-size:11px;line-height:1.55;color:#789098;margin:12px 0}.atlas-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0d;margin-bottom:10px}.atlas-overview div{background:#081016;padding:8px}.atlas-overview small{display:block;font:500 7px DM Mono;letter-spacing:.11em;color:#60757b}.atlas-overview strong{display:block;margin-top:4px;font:400 10px DM Mono;color:#c7d7d5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.species-atlas .lineage-tree{display:block;width:100%;height:72px;background:linear-gradient(90deg,#071016aa,#0b1715aa);border:1px solid #ffffff0d;margin-bottom:8px}.species-list{height:calc(100% - 292px);overflow:auto;padding-right:5px}.species-card{display:grid;grid-template-columns:94px 1fr;gap:13px;padding:13px 7px;border-top:1px solid #ffffff0e;cursor:pointer;transition:background .2s,border-color .2s}.species-card:hover{background:#b7f5c908;border-color:#b7f5c933}.species-atlas .species-card canvas{width:94px;height:80px;background:#061015;border:1px solid #ffffff10}.species-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.species-card h3{font:400 13px DM Mono;margin:0;color:#d1dfdc}.species-title b{font:500 7px DM Mono;color:var(--trend);white-space:nowrap}.species-card p{font:400 9px/1.55 DM Mono;color:#73898e;margin:5px 0}.species-card small{font:500 8px DM Mono;text-transform:uppercase;color:var(--species,#b7f5c9)}@media(max-width:700px){.species-atlas{inset:70px 8px 8px;width:auto}.atlas-toggle{right:8px;top:68px}.species-list{height:calc(100% - 280px)}}

/* The observatory turns simulation state into navigable stories. */
.signal-btn{color:var(--accent);box-shadow:inset 0 0 18px #b7f5c910,0 0 18px #b7f5c912}.observatory-card{width:min(820px,calc(100vw - 30px));height:min(720px,calc(100vh - 30px));display:flex;flex-direction:column;overflow:hidden}.observatory-card:before{background:radial-gradient(circle at 72% 16%,#21463a55,transparent 30%),linear-gradient(115deg,#071018f5 30%,#071018bb),url('assets/deep-field.png') center/cover;opacity:.42}.signal-search{display:block;margin:18px 0 12px}.signal-search span{display:block;font:500 8px DM Mono;letter-spacing:.15em;color:#6b8288;margin-bottom:7px}.signal-search input{width:100%;height:44px;border:1px solid #ffffff20;background:#03080dbb;color:#e4eeec;padding:0 14px;font:400 12px DM Mono;outline:none}.signal-search input:focus{border-color:#91c9a4;box-shadow:0 0 0 3px #b7f5c90d}.observatory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff10;margin-bottom:13px}.observatory-stats div{background:#071016dd;padding:10px 12px}.observatory-stats small{display:block;font:500 7px DM Mono;letter-spacing:.12em;color:#61767d}.observatory-stats strong{display:block;font:300 19px Manrope;color:#dce8e6;margin-top:3px}.signal-list{min-height:0;overflow:auto;border-top:1px solid #ffffff11}.signal-card{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border:0;border-bottom:1px solid #ffffff0d;background:#071017b8;padding:13px 15px;text-align:left;cursor:pointer}.signal-card:hover,.signal-card:focus-visible{background:#b7f5c90d}.signal-rank{font:300 20px DM Mono;color:#41575d}.signal-copy b{display:block;font:400 13px DM Mono;color:#d7e4e2}.signal-copy span{display:block;font:400 9px/1.5 DM Mono;color:#71878d;margin-top:4px}.signal-meta{text-align:right}.signal-meta strong{display:block;font:500 8px DM Mono;letter-spacing:.1em;color:var(--signal,#b7f5c9)}.signal-meta small{display:block;font:400 8px DM Mono;color:#5e747a;margin-top:5px}.signal-empty{padding:34px;text-align:center;font:400 11px DM Mono;color:#71858b}.observatory-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}.observatory-foot>span{font:400 8px DM Mono;color:#60757b}.observatory-foot .secondary{flex:0 1 auto}.universe-actions{display:flex;flex-wrap:wrap;gap:8px}.universe-actions .primary{flex:1 1 220px}.universe-actions .secondary{flex:1 1 130px}kbd{border:1px solid #465a60;border-bottom-width:2px;border-radius:2px;padding:1px 4px;font:inherit;color:#9bb0b5;background:#0b1419}
.engine-telemetry{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;border:1px solid #ffffff12;border-left:2px solid #62757b;background:#060d12e8;padding:11px 13px;margin-bottom:10px}.engine-telemetry.online{border-left-color:var(--accent);background:linear-gradient(90deg,#0b1b16ee,#071016d9)}.engine-pulse{width:6px;height:6px;border-radius:50%;background:#65777c}.engine-telemetry.online .engine-pulse{background:var(--accent);box-shadow:0 0 12px var(--accent)}.engine-telemetry.pending .engine-pulse{background:var(--amber)}.engine-telemetry small{display:block;font:500 7px DM Mono;letter-spacing:.14em;color:#60767c}.engine-telemetry strong{display:block;font:400 11px DM Mono;color:#d8e6e3;margin-top:3px}.engine-telemetry p{font:400 8px DM Mono;color:#647a80;margin:3px 0 0}.engine-telemetry aside{text-align:right}.engine-telemetry aside b{display:block;font:500 8px DM Mono;color:var(--accent)}.engine-telemetry aside span{display:block;font:400 7px DM Mono;color:#5e7379;margin-top:4px}
@media(max-width:600px){.observatory-card{height:calc(100vh - 16px);width:calc(100vw - 16px);padding:22px 16px}.observatory-card h2{font-size:25px}.observatory-card>p{font-size:10px}.observatory-stats{grid-template-columns:repeat(2,1fr)}.engine-telemetry{grid-template-columns:9px 1fr}.engine-telemetry aside{display:none}.signal-card{grid-template-columns:32px 1fr;padding:12px 8px}.signal-meta{grid-column:2;text-align:left;display:flex;gap:10px}.observatory-foot>span{display:none}.observatory-foot .secondary{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#grain{display:none}}