:root{--bg: #111318;--panel: #1b1f27;--line: #2c313c;--text: #e6e9ef;--muted: #97a0b0;--stored: #7fd1b9;--generated: #e6b422;--error: #e45756;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}#maps{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}body.comparing #maps{right:min(28rem,40vw)}#maps>div{position:relative;flex:1 1 0;height:100%;min-width:0}body.comparing #maps>div+div{border-left:1px solid var(--line)}#panel{z-index:5;position:absolute;top:0;right:0;width:min(28rem,40vw);height:100vh;overflow-y:auto;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,transparent);border-left:1px solid var(--line);font-size:.8rem}#panel h1{font-size:.95rem;margin:0 0 1rem;letter-spacing:.04em}[id^=controls]{display:grid;gap:.5rem}[id^=controls] label{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:.5rem}[id^=controls] label.knob[hidden]{display:none}[id^=controls] label.dims{grid-template-columns:7rem 1fr 1fr}[id^=controls] label.dims[hidden]{display:none}[id^=controls] select,[id^=controls] input{background:#0d1015;color:var(--text);border:1px solid var(--line);padding:.25rem;font:inherit}[id^=controls] select:disabled{opacity:.4}[id^=controls] option:disabled{color:var(--muted)}[id^=controls] hr{border:0;border-top:1px solid var(--line);width:100%;margin:.25rem 0}[id^=controls] .help{color:var(--muted);margin:0;min-height:2.4em}[id^=detail]{margin-top:1rem;display:grid;gap:.75rem}.card{border:1px solid var(--line);border-radius:6px;padding:.75rem;background:#0d1015}.card h2{font-size:.8rem;margin:0 0 .5rem;text-transform:lowercase;letter-spacing:.06em}.card .label{color:var(--muted);margin:0 0 .4rem;font-size:.75rem}.card.error{border-color:var(--error)}.card.error h2{color:var(--error)}.sequence{margin:0 0 .5rem;word-break:break-all;line-height:1.5}.sequence.stored{color:var(--stored)}.sequence.generated{color:var(--generated);border-left:3px solid var(--generated);padding-left:.5rem}dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:.5rem 0 0}dt{color:var(--muted)}dd{margin:0}button{background:var(--line);color:var(--text);border:0;padding:.35rem .6rem;font:inherit;cursor:pointer}button:hover{background:#3a4152}#statusbar{z-index:5;position:absolute;left:.75rem;bottom:.75rem;display:flex;gap:.5rem;max-width:70vw}#statusbar p{margin:0;padding:.4rem .6rem;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:4px;font-size:.72rem;color:var(--muted)}#notice{z-index:6;position:absolute;left:.75rem;top:.75rem;margin:0;padding:.4rem .6rem;max-width:40vw;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--generated);border-left-width:3px;border-radius:4px;font-size:.72rem;color:var(--generated);cursor:pointer}#notice[hidden]{display:none}#global{display:grid;gap:.4rem;margin-bottom:1rem}#global label{display:flex;align-items:center;gap:.4rem;color:var(--muted)}#global .help{margin:0;color:var(--muted)}#switcher{list-style:none;margin:.25rem 0 0;padding:0;display:grid;gap:.35rem}#switcher .atlas{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:4px;background:#0d1015}#switcher .atlas.resident{border-left:3px solid var(--stored)}#switcher .residency{color:var(--muted);font-size:.7rem}#switcher .atlas.resident .residency{color:var(--stored)}#switcher .facts{grid-column:1 / -1;color:var(--muted);font-size:.7rem}.pane+.pane{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}#login{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#090b0feb;z-index:10}#login[hidden]{display:none}#login form{display:grid;gap:.75rem;padding:1.5rem;border:1px solid var(--line);background:var(--panel)}#login h2{margin:0;font-size:.9rem}#login .error{color:var(--error);margin:0;min-height:1.2em;font-size:.75rem}#maps .tooltip{pointer-events:none}[id^=health]{margin-top:1rem}.card.health .verdict{margin:0 0 .35rem;font-size:.9rem}.card.health.healthy{border-left:3px solid var(--stored)}.card.health.healthy .verdict{color:var(--stored)}.card.health.partial{border-left:3px solid var(--generated)}.card.health.partial .verdict{color:var(--generated)}.card.health.collapsed{border-left:3px solid var(--error)}.card.health.collapsed .verdict{color:var(--error)}.card.health.unknown{border-left:3px solid var(--muted)}.kl-chart{display:flex;align-items:flex-end;gap:1px;height:5rem;margin:.6rem 0 .35rem;padding:0 .1rem;border-bottom:1px solid var(--line)}.kl-bar{flex:1 1 0;min-width:1px;background:var(--stored);opacity:.75}.kl-bar:hover{opacity:1}.landmark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.landmark{position:absolute;top:0;left:0;margin:-.55rem 0 0 -.55rem;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:.3rem;padding:0 .35rem 0 0;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--generated);border-radius:999px;color:var(--text);font:inherit;font-size:.65rem;line-height:1.1rem;white-space:nowrap}.landmark:before{content:"";width:.55rem;height:.55rem;margin:0 0 0 .25rem;border-radius:50%;background:var(--generated)}.landmark:hover{background:var(--panel);border-color:var(--text)}.landmark[hidden]{display:none}