:root{--deep:#0b3d91;--deep-2:#0a2559;--ice:#eef6ff;--gold:#d4af37;--gold-2:#ffd36b;--space:#05070d;--glass:#0a1e4861;--glass-strong:#081636a8;--line:#eef6ff24;--muted:#eef6ff9e;color:var(--ice);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--space);height:100%;margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0f}#viewport,#compare-pane{position:absolute;top:0;bottom:0}#viewport{z-index:0;left:0;right:0}#scene{width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0}#compare-pane{border-right:1px solid var(--gold);width:50%;display:none;left:0}#compare-pane canvas{width:100%;height:100%;display:block}body.compare #viewport{left:50%}body.compare #compare-pane{display:block}.pane-tag{border:1px solid var(--gold);color:var(--gold-2);letter-spacing:.12em;z-index:2;pointer-events:none;background:#05070db3;border-radius:99px;padding:4px 12px;font-size:11px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.right-tag{display:none}body.compare .right-tag{display:block}.topbar{z-index:10;align-items:center;gap:14px;height:56px;padding:0 14px;display:flex;position:absolute;top:10px;left:10px;right:10px}.brand{white-space:nowrap;align-items:center;gap:9px;display:flex}.brand b{letter-spacing:.02em;font-size:15px;display:block}.brand small{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:9.5px}.fiction-badge{border:1px solid var(--gold);color:var(--gold-2);letter-spacing:.08em;white-space:nowrap;background:#d4af3714;border-radius:99px;padding:4px 10px;font-size:10.5px}.fiction-badge.big{margin-bottom:8px;font-size:12px;display:inline-block}.search{flex:1;min-width:120px;max-width:420px;position:relative}.search input{border:1px solid var(--line);background:#05070d73;border-radius:99px;outline:none;width:100%;padding:9px 14px}.search input:focus{border-color:var(--gold)}#search-results{background:var(--glass-strong);max-height:360px;padding:6px;display:none;position:absolute;top:44px;left:0;right:0;overflow:auto}#search-results.open{display:block}#search-results div{cursor:pointer;border-radius:9px;justify-content:space-between;gap:8px;padding:7px 10px;display:flex}#search-results div:hover,#search-results div.hl{background:#d4af372e}#search-results small{color:var(--muted)}.modes{gap:4px;margin-left:auto;display:flex}.modes button,.tabs button{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:7px 11px}.modes button:hover,.tabs button:hover{background:#eef6ff12}.modes button.active,.tabs button.active{border-color:var(--gold);color:#fff;background:linear-gradient(#0b3d91e6,#0a2559e6)}.rank{flex:none;width:140px}.rank-name{color:var(--gold-2);font-size:12px;font-weight:600}.xpbar{background:#eef6ff1f;border-radius:9px;height:5px;margin:3px 0;overflow:hidden}.xpbar i{background:linear-gradient(90deg, var(--gold), var(--gold-2));width:0;height:100%;transition:width .6s;display:block}.xp-text{color:var(--muted);font-size:10.5px}.panel{z-index:5;padding:12px 14px;position:absolute;overflow:auto}.panel.left{width:210px;max-height:calc(100% - 190px);top:78px;left:10px}.panel.right{width:310px;max-height:calc(100% - 190px);padding-top:8px;top:78px;right:10px}h3{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:6px 0 8px;font-size:11px}h4{color:var(--ice);opacity:.85;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 6px;font-size:11px}.radio-grid,.checks{gap:3px;margin-bottom:8px;display:grid}.radio-grid label,.checks label{cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:3px 4px;display:flex}.radio-grid label:hover,.checks label:hover{background:#eef6ff0f}input[type=radio],input[type=checkbox]{accent-color:var(--gold)}input[type=range]{accent-color:var(--gold);width:100%}.slider-row{color:var(--muted);gap:4px;margin:6px 0 10px;display:grid}button.ghost,button.small,.btn-row button,.t-presets button,#btn-photo,#t-play,.chips button,button.primary{border:1px solid var(--line);cursor:pointer;background:#0b3d918c;border-radius:10px;padding:6px 10px}button.ghost{background:0 0}button:hover{border-color:var(--gold)!important}button.primary{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#1b1300;border:none;padding:11px 22px;font-weight:700}select{border:1px solid var(--line);background:#05070d8c;border-radius:9px;padding:5px 8px}.tabs{gap:4px;margin-bottom:8px;display:flex}.pill{background:var(--gold);color:#1b1300;border-radius:99px;padding:0 6px;font-size:10px;font-weight:700}.info-title{margin:4px 0 2px;font-size:17px;font-weight:700}.info-kind{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.kv{grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;display:grid}.kv span:nth-child(odd){color:var(--muted)}.lore{border-left:2px solid var(--gold);color:#dce8f7;background:#d4af370f;border-radius:0 8px 8px 0;margin:8px 0;padding:4px 10px;font-style:italic}.mission{border:1px solid var(--line);background:#05070d40;border-radius:12px;margin-bottom:8px;padding:10px}.mission.done{background:#4dff9a14;border-color:#4dff9a}.mission b{margin-bottom:4px;display:block}.mission .meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.mission .xp{color:var(--gold-2);font-weight:700}.wp{border:1px solid var(--gold);border-radius:50%;width:9px;height:9px;margin-right:3px;display:inline-block}.wp.ok{background:#4dff9a;border-color:#4dff9a}.ach-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ach{aspect-ratio:1;border:1px solid var(--line);filter:grayscale();opacity:.35;cursor:help;border-radius:12px;place-items:center;font-size:22px;display:grid}.ach.on{filter:none;opacity:1;border-color:var(--gold);background:#d4af371f}.ranks{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.ranks span{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 7px;font-size:10.5px}.ranks span.on{border-color:var(--gold);color:var(--gold-2)}.photos{grid-template-columns:1fr 1fr;gap:6px;display:grid}.photos img{border:1px solid var(--line);border-radius:8px;width:100%}.lore-entry{background:#05070d4d;border-radius:9px;margin:6px 0;padding:7px 9px}.lore-entry b{color:var(--gold-2);font-size:12px;display:block}#wall-panel{width:250px;max-height:calc(100% - 190px);top:78px;left:232px}.list div{cursor:pointer;border-radius:8px;padding:5px 8px}.list div:hover{background:#d4af3726}.chips{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.chips button{padding:3px 8px;font-size:11px}.btn-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}#flight-hud{z-index:6;width:520px;padding:10px 16px;position:absolute;bottom:112px;left:10px}.hud-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.hud-grid span{color:var(--gold);letter-spacing:.14em;font-size:10px;display:block}.hud-grid b{font-family:ui-monospace,Menlo,monospace;font-size:20px}.hud-grid small{color:var(--muted);font-size:10px;display:block}#h-warn{text-align:center;color:#ff8a6b;letter-spacing:.05em;min-height:18px;margin-top:4px;font-weight:700}.keys{color:var(--muted);text-align:center;font-size:11px}#compare-panel{z-index:6;width:350px;max-height:calc(100% - 210px);padding:12px 14px;position:absolute;bottom:112px;left:10px;overflow:auto}.cmp-row{align-items:center;gap:6px;display:flex}.cmp-row select{flex:1}#cmp-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}#cmp-table th,#cmp-table td{border-bottom:1px solid var(--line);text-align:left;padding:5px 6px}#cmp-table th{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:600}#cmp-table td.diff{color:var(--gold-2)}body.compare .panel.left,body.compare .panel.right,body.compare #wall-panel,body.flight .panel.left{display:none}.timebar{z-index:8;align-items:center;gap:12px;height:74px;padding:0 14px;display:flex;position:absolute;bottom:28px;left:10px;right:10px}#t-play,#btn-photo{border-radius:50%;width:40px;height:40px;padding:0;font-size:16px}.t-sliders{flex:1;gap:2px;min-width:200px;display:grid}.t-sliders label{color:var(--muted);grid-template-columns:36px 1fr;align-items:center;font-size:11px;display:grid}.t-presets{flex-wrap:wrap;gap:4px;max-width:330px;display:flex}.t-presets button{padding:4px 8px;font-size:11.5px}.t-readout{color:#d6e4f7;min-width:260px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.45}.t-readout .ecl{color:var(--gold-2);font-weight:700}.footer-note{text-align:center;color:var(--muted);z-index:8;pointer-events:none;font-size:10.5px;position:absolute;bottom:6px;left:0;right:0}.lbl{white-space:nowrap;pointer-events:auto;cursor:pointer;text-shadow:0 1px 2px #000;background:#05070d8c;border:1px solid #eef6ff2e;border-radius:99px;padding:2px 7px;font-size:11px;transform:translateY(-14px)}.lbl:after{content:"";background:#eef6ff80;width:1px;height:8px;position:absolute;bottom:-9px;left:50%}.lbl.city{background:#05070d59;font-size:10px}.lbl.town{background:#05070d47;border-color:#eef6ff40;padding:1px 6px;font-size:9.5px}.lbl.myth{border-color:var(--gold);color:var(--gold-2)}.lbl.station{border-color:#ff7a5c}.lbl.observation{border-color:var(--gold);font-size:9.5px}.lbl.report{color:#cfeaff;border-color:#9fd8ff}.lbl.sector{color:var(--gold-2);background:#05070db3;border-color:#d4af3799;font-size:10.5px}.lbl.sector.found{color:#c9ffe0;border-color:#4dff9a}.lbl.landmark{color:#e8deff;border-color:#c9b5ff}.lbl.passage{color:#c9fbff;border-color:#7ff3ff}.lbl.mission{border-color:var(--gold);color:#1b1300;background:#d4af37d9;font-weight:700}#toasts{z-index:30;pointer-events:none;gap:6px;display:grid;position:absolute;top:80px;left:50%;transform:translate(-50%)}.toast{background:var(--glass-strong);border:1px solid var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:12px;min-width:260px;padding:10px 16px;animation:.35s ease-out tin}.toast b{color:var(--gold-2)}.toast.xp{border-color:var(--line);padding:6px 12px;font-size:12px}@keyframes tin{0%{opacity:0;transform:translateY(-10px)}}.modal{z-index:50;background:#05070d8c;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--glass-strong);max-width:560px;padding:26px 30px}.modal-card h1{margin:6px 0 10px;font-size:26px}.modal-card p,.modal-card li{color:#dce8f7;line-height:1.55}.modal-card ul{padding-left:4px;list-style:none}#loading{background:var(--space);text-align:center;z-index:60;color:var(--muted);place-content:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.spinner{border:3px solid #eef6ff26;border-top-color:var(--gold);border-radius:50%;width:46px;height:46px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#flash{opacity:0;pointer-events:none;z-index:40;background:#fff;transition:opacity .5s;position:fixed;inset:0}@media (width<=1100px){.fiction-badge{display:none}.modal-card .fiction-badge{display:inline-block}.panel.left{width:180px}.panel.right{width:270px}.t-readout{display:none}}.account-btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0b3d918c;border-radius:99px;flex:none;align-items:center;gap:7px;max-width:170px;padding:6px 12px;display:flex;overflow:hidden}.sync-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.sync-dot.saved{background:#4dff9a}.sync-dot.saving,.sync-dot.loading{background:var(--gold-2);animation:1s infinite alternate pulse}.sync-dot.offline{background:#9fd8ff}.sync-dot.error{background:#ff6b5c}@keyframes pulse{to{opacity:.35}}.account-card{width:420px;position:relative}.account-card h2{margin:4px 0 8px;font-size:20px}.close-x{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:16px;position:absolute;top:12px;right:12px}.btn-col{gap:8px;margin:14px 0;display:grid}.btn-col button,.email-row button,#signout{border:1px solid var(--line);cursor:pointer;background:#0b3d9199;border-radius:10px;padding:10px 14px}.or{text-align:center;color:var(--muted);margin:10px 0;font-size:11px}.email-row{gap:6px;display:flex}.email-row input{border:1px solid var(--line);background:#05070d80;border-radius:10px;outline:none;flex:1;padding:9px 12px}.email-row input:focus{border-color:var(--gold)}#account-msg{min-height:16px;color:var(--gold-2);margin:10px 0 0}