[hidden]{display:none!important}:root{--bg: #05070d;--panel: rgba(14, 19, 32, .86);--line: rgba(150, 170, 210, .18);--text: #e6ecf7;--muted: #93a0b8;--accent: #5ef0ff;--warm: #ffb347;--r: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden}button,select,input{font:inherit;color:inherit}button,select{background:#ffffff12;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}button:hover{background:#ffffff21}button.primary{background:var(--accent);color:#04121a;border-color:transparent;font-weight:600}button:disabled{opacity:.4;cursor:default}select option{background:#121826}.muted{color:var(--muted)}#stage{position:fixed;inset:0}#stage canvas{display:block}.labels{position:absolute;inset:0;pointer-events:none}.lbl{font-size:12px;color:#cfd8ea;transform:translateY(14px);text-shadow:0 0 4px #000;white-space:nowrap}.lbl.small{font-size:11px;color:var(--muted)}.lbl.sel{color:var(--accent);font-weight:600;font-size:13px}#top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) 16px 0;pointer-events:none}#top>*{pointer-events:auto}.brand h1{margin:0;font-size:21px;font-family:Avenir Next,Avenir,system-ui,sans-serif;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.brand h1 img{border-radius:6px}.brand h1 b{color:var(--accent)}.brand p{margin:2px 0 0;font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px}#panel{position:fixed;top:76px;left:16px;bottom:76px;width:320px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden}#search{margin:12px 12px 8px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#0000004d}.tabs{display:flex;gap:4px;padding:0 12px 8px}.tabs button{flex:1;font-size:12px;padding:6px 4px}.tabs button.on{border-color:var(--accent);color:var(--accent)}#list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;border-top:1px solid var(--line)}#list li{padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;gap:2px}#list li:hover{background:#ffffff0d}#list li.on{background:#5ef0ff1a}#list li.empty{color:var(--muted);cursor:default}#list .n{font-size:14px}#list .s{font-size:12px;color:var(--muted)}.badge{font-size:10px;background:var(--warm);color:#201300;border-radius:4px;padding:1px 4px;font-weight:700;vertical-align:1px}#credits{font-size:11px;margin:0;padding:8px 14px;border-top:1px solid var(--line)}#panelToggle{display:none}#card,#tourBox{position:fixed;right:16px;width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 16px;font-size:14px;line-height:1.45}#card{top:76px;max-height:calc(100% - 160px);overflow-y:auto}#card h2{margin:0 24px 8px 0;font-size:18px;color:var(--accent)}#card p{margin:0 0 9px}#card .note{font-size:13px;color:#ffd6a8;background:#ff9a3c1a;border-radius:8px;padding:8px 10px}#card .story{background:#5ef0ff12;border-radius:8px;padding:8px 10px}#card .x{position:absolute;top:8px;right:8px;border:0;background:none;font-size:20px;padding:2px 8px}.btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.btns a{color:var(--accent);font-size:13px}#tourBox{bottom:76px;border-color:#5ef0ff80}#tourBox .tt{font-weight:600;margin-bottom:6px}#tourBox p{margin:0 0 8px}body:has(#tourBox:not([hidden])) #card{max-height:calc(100% - 380px)}.g{border-bottom:1px dotted var(--accent);cursor:help}#gloss{position:fixed;z-index:10;background:#18203a;border:1px solid var(--accent);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;box-shadow:0 8px 24px #00000080}#legend{position:fixed;left:352px;bottom:80px;font-size:12px;display:grid;gap:3px;color:#cfd8ea}#legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}#timebar{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#date{font-variant-numeric:tabular-nums;min-width:12ch}#slider{flex:1;min-width:160px;accent-color:var(--warm)}#readout{font-size:12px;color:var(--muted)}#readout b{color:var(--text)}body.flymode #panel,body.flymode #panelToggle{display:none}#loader{position:fixed;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}#loader[hidden]{display:none}@media(max-width:760px){#top{gap:8px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.brand p{display:none}#panel{display:none;inset:64px 16px 120px;width:auto;z-index:5}body.panel-open #panel{display:flex}#panelToggle{display:block;position:fixed;top:64px;left:16px}#card,#tourBox{left:16px;right:16px;width:auto}#card{top:auto;bottom:120px;max-height:45%}#tourBox{bottom:120px}body:has(#tourBox:not([hidden])) #card{display:none}#legend{left:16px;bottom:124px}body:has(#card:not([hidden])) #legend{display:none}#timebar{gap:6px}#slider{order:10;flex-basis:100%}}.lbl.probe{color:#ff5fd2;font-weight:600}.mission{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.mission h3{margin:0 0 8px;font-size:15px;color:#ff9be6}.mission canvas{width:100%;height:130px;image-rendering:pixelated;border-radius:6px;background:#ffffff0a;cursor:crosshair;display:block}.mission .axes{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:3px 0 4px}.mission table{width:100%;font-size:13px;border-collapse:collapse;margin:6px 0}.mission td{padding:3px 0;vertical-align:top}.mission td:last-child{text-align:right}.small{font-size:12px}.info{width:20px;height:20px;padding:0;border-radius:50%;font-size:12px;font-weight:700;line-height:18px;border:1px solid var(--accent);color:var(--accent);background:transparent;vertical-align:1px;flex:none}#top .info{width:32px;height:32px;line-height:30px;font-size:15px}.info:hover{background:#5ef0ff26}#tabHint{margin:0;padding:0 14px 8px;font-size:12px;color:var(--muted);line-height:1.4}#tabHint:empty{display:none}#resetBtn.active{border-color:var(--accent);color:var(--accent)}.mission h3{display:flex;align-items:center;gap:8px}.mtabs{display:flex;gap:4px;margin-bottom:6px}.mtabs button{flex:1;font-size:12px;padding:5px 4px}.mtabs button.on{border-color:#ff5fd2;color:#ff9be6}#gloss ul{margin:6px 0 0;padding-left:18px}#gloss li{margin-bottom:3px}#dayBox{padding:0 12px 10px;display:grid;gap:8px}.dayrow{display:flex;gap:6px}#dayDate{flex:1;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:#0000004d;color-scheme:dark}#dayCanvas{width:100%;height:auto;border-radius:8px;background:#00000040;display:block}#list .warn{color:#ffcf8a}#shareModal{position:fixed;inset:0;z-index:20;background:#000000b3;display:grid;place-items:center;padding:16px}#shareModal .sheet{background:#10172a;border:1px solid var(--line);border-radius:var(--r);padding:12px;max-width:420px;width:100%}#shareModal img{width:100%;border-radius:8px;display:block;margin-bottom:8px}.btnlink{padding:6px 10px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:14px}.btnlink.primary{background:var(--accent);color:#04121a;font-weight:600;border-color:transparent}
