:root{--line:rgba(147,222,228,.14);--aqua:#87f3e8;--text:#e9f6f5;--muted:#8ea7ae;--glass:rgba(7,22,32,.79);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden;background:#0d202c;color:var(--text);font-family:var(--sans)}body{user-select:none}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;display:block;width:100vw;height:100vh;outline:0}.hidden{display:none!important}.hud{position:fixed;inset:0;pointer-events:none}.hud>*,.sidebar-left>*,.sidebar-right>*{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 12px 45px #02101822,inset 0 1px #ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.topbar{position:absolute;left:22px;right:22px;top:19px;height:70px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:22px}.identity{display:flex;align-items:center;gap:13px}.logo-mark{width:43px;height:43px;display:grid;place-items:center;font-weight:900;font-size:18px;letter-spacing:-3px;color:#071920;border:1px solid #a8fff7;background:linear-gradient(135deg,#b6fff8,#4ba59e);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.logo-mark span{font-size:14px}.logo-text strong{display:block;font-size:14px;letter-spacing:1.65px;font-weight:760}.logo-text small{display:block;margin-top:6px;font:8px var(--mono);letter-spacing:1.35px;color:#8ca7b1}.logo-text em{font-style:normal;color:var(--aqua)}.muted-light{color:#a6bdbc;font-weight:400}.top-center{font:9px var(--mono);letter-spacing:1.2px;color:#b0c7cb;white-space:nowrap}.live-pulse,.status-dot{display:inline-block;width:7px;height:7px;background:#83ecd2;border-radius:50%;margin-right:9px;box-shadow:0 0 13px #7cffcf}.top-divider{color:#446775;padding:0 14px}.top-actions{display:flex;align-items:center;gap:20px}.quiet-btn,.external-text{font:10px var(--mono);letter-spacing:.6px;background:none;border:none;color:#bed2d2}.quiet-btn:hover,.external-text:hover{color:#78f4e5}.keycap{padding:3px 6px;border:1px solid #6d8790;border-radius:2px;margin-left:6px}.external-text{border-left:1px solid #35525c;padding-left:18px}.sidebar-left{position:absolute;left:22px;top:105px;width:310px;bottom:156px;display:flex;flex-direction:column;gap:12px;min-height:0}.explorer-panel{padding:25px 22px 18px;border-radius:5px}.section-kicker,.section-title{font:10px var(--mono);letter-spacing:1.45px;color:#91c5c8}.section-kicker{color:var(--aqua);display:flex;align-items:center;justify-content:space-between}.tiny-ping{width:6px;height:6px;border:1px solid #79f2dc;border-radius:50%}.explorer-panel h1{font-size:31px;letter-spacing:2.2px;line-height:1.03;font-weight:750;margin:21px 0 13px}.explorer-panel h1 span{color:#7acac7}.explorer-panel p{font-size:12px;line-height:1.65;color:#a9bdc0;margin:0}.line{height:1px;background:var(--line);margin:18px 0}.two-stats{display:grid;grid-template-columns:1fr 1fr}.two-stats>div+div{border-left:1px solid var(--line);padding-left:15px}.two-stats span,.two-stats b{display:block}.two-stats span{font:9px var(--mono);color:#809ca4;letter-spacing:1px;margin-bottom:8px}.two-stats b{font:17px var(--mono);color:#eafbf8}.two-stats b small{font-size:10px}.two-stats b.seed{font-size:11px;letter-spacing:.7px;margin-top:5px}.nav-panel{min-height:0;flex:1;display:flex;flex-direction:column;border-radius:5px;padding:18px 0 0}.section-title{display:flex;align-items:center;gap:9px;padding:0 18px 16px;border-bottom:1px solid var(--line);font-size:10px;color:#e4f2f0}.section-title>span:first-child{color:#6cb7b9}.section-title .tally{margin-left:auto;color:#84b1b8;font-size:10px}.landmark-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#51716d transparent}.landmark{width:100%;display:flex;gap:11px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(152,197,201,.085);padding:13px 17px;background:transparent;color:#dceceb;transition:background .15s}.landmark:hover,.landmark.active{background:rgba(76,170,170,.14)}.landmark .num{font:10px var(--mono);color:#668b91;min-width:20px}.landmark .mark{display:block;width:8px;height:8px;background:var(--marker);border-radius:2px;box-shadow:0 0 11px var(--marker)}.landmark .text{flex:1;min-width:0}.landmark b{display:block;font-size:11px;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landmark small{display:block;font:9px var(--mono);color:#7e9ca4;margin-top:5px;text-transform:uppercase}.landmark .travel{font-size:16px;color:#79d4ca}.status-panel{padding:13px 15px;border-radius:5px;display:flex;align-items:center;gap:6px}.status-panel b,.status-panel small{display:block;font:10px var(--mono);letter-spacing:.6px}.status-panel small{margin-top:4px;color:#63868e;font-size:8px}.sidebar-right{position:absolute;right:22px;top:105px;width:285px;display:flex;flex-direction:column;gap:12px}.controls-panel,.telemetry{border-radius:5px}.controls-panel{padding-bottom:18px}.controls-panel .section-title,.telemetry .section-title{margin-bottom:21px}.field-label,.time-heading,.seg-label,.toggle-line{font:10px var(--mono);color:#96aeb4;letter-spacing:.5px}.field-label{display:flex;justify-content:space-between;margin:0 18px 8px}.field-label span{color:#64c7b8}.controls-panel select{background:#0c2733;border:1px solid #41626c;border-radius:3px;padding:10px;color:#e9f7f7;display:block;width:calc(100% - 36px);margin:0 18px 20px;outline:none;font-size:12px}.time-heading{display:flex;justify-content:space-between;align-items:center;margin:0 18px 10px}.time-heading strong{color:#92f3e8;font:16px var(--mono)}#hour{display:block;width:calc(100% - 36px);margin:0 18px;accent-color:#91eee3;height:3px;cursor:pointer}.ticks{display:flex;justify-content:space-between;margin:11px 18px 22px;font:8px var(--mono);color:#7494a0}.seg-label{margin:0 18px 10px}.segments{display:flex;gap:4px;margin:0 18px 13px;background:#071820;border:1px solid #284651;padding:4px;border-radius:4px}.segments button{flex:1;padding:7px 3px;font:9px var(--mono);border:0;background:transparent;color:#869fa6}.segments button.active{background:#317a79;color:#ecfffb;border-radius:2px;box-shadow:0 0 15px #317a7973}.toggle-line{display:flex;justify-content:space-between;align-items:center;padding:11px 18px 0;margin-top:9px;border-top:1px solid #ffffff0a}.chip{padding:5px 7px;border:1px solid #3b6065;background:#14313a;border-radius:3px;font:9px var(--mono);color:#bcece7}.chip:hover{background:#28636a}.telemetry .section-title{margin-bottom:15px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:18px;padding:0 18px 18px}.telemetry-grid small{display:block;font:9px var(--mono);color:#658f99;margin-bottom:6px}.telemetry-grid b{font:13px var(--mono);color:#e4f5ed}.perf{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding:14px;font:9px var(--mono);color:#8dc6c8}.perf span{padding:3px 4px;background:#12333b}.bottom-left{position:absolute;bottom:25px;left:22px;max-width:630px;display:flex;flex-direction:column;gap:9px}.compass{padding:12px 18px;width:210px;display:flex;flex-direction:column;gap:6px}.compass span{font:9px var(--mono);letter-spacing:1px;color:#779ba2}.compass b{font:14px var(--mono);color:#c9fcf6}.compass-bar{height:2px;background:linear-gradient(to right,#294957,#5bcaba,#294957);margin-top:5px;position:relative}.compass-bar i{display:block;position:absolute;left:50%;top:-4px;width:2px;height:10px;background:white}.hints{padding:12px 16px;display:flex;flex-wrap:wrap;gap:7px 15px;font:9px var(--mono);color:#c3d5d6}.hints span{white-space:nowrap}kbd{display:inline-block;font:10px var(--mono);color:#defcf5;padding:4px 5px;background:#17303b;border:1px solid #47656d;border-radius:3px;margin-right:3px}.map-panel{position:absolute;bottom:25px;right:22px;width:286px;border-radius:5px;overflow:hidden;padding:13px}.map-header,.map-footer{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.5px}.map-header b{color:#88a9af;font-weight:400;font-size:9px}.map-panel canvas{width:100%;height:auto;aspect-ratio:1/1;display:block;margin-top:13px;border:1px solid #4b7772;border-radius:50%}.map-footer{font-size:9px;margin-top:12px;color:#88dfce}.map-footer span:last-child{margin-left:auto;color:#7eaaa9}.dot.green{width:6px;height:6px;border-radius:50%;background:#83edb7;margin-right:7px}.crosshair{position:absolute;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%);opacity:.65;pointer-events:none}.crosshair i{position:absolute;background:#ccfffe}.crosshair i:nth-child(1){width:1px;height:6px;top:0;left:9px}.crosshair i:nth-child(2){width:1px;height:6px;bottom:0;left:9px}.crosshair i:nth-child(3){height:1px;width:6px;left:0;top:9px}.crosshair i:nth-child(4){height:1px;width:6px;right:0;top:9px}.topographic-line{position:absolute;top:50%;left:50%;width:160px;border-top:1px solid #ffffff08;transform:translate(-50%,-50%);pointer-events:none}.notification{position:absolute;top:102px;left:50%;transform:translateX(-50%);padding:10px 17px;border:1px solid #529d9c;border-radius:4px;background:#092731e8;box-shadow:0 0 20px #092e31;color:#b1f5ed;font:11px var(--mono);text-align:center;transition:opacity .4s}.boot{position:fixed;z-index:10;inset:0;background:radial-gradient(ellipse at 50% 40%,#1a3c46,#04111b 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px}.boot-emblem{font:700 34px var(--mono);border:1px solid #8dfbf0;color:#bafff1;padding:16px 25px;margin-bottom:19px;letter-spacing:6px}.boot-emblem span{font-size:14px;color:#5ce0ca;vertical-align:baseline}.boot-title{font-weight:700;letter-spacing:7px;font-size:19px}.boot-sub{font:10px var(--mono);color:#82c7c4;letter-spacing:2px;margin:8px 0 23px}.load-line{width:260px;height:3px;background:#17404a}.load-line span{display:block;height:3px;width:4%;background:#78edda;transition:width .3s;box-shadow:0 0 14px #79f3de}.boot p{font:10px var(--mono);color:#678e94;margin-top:11px}.modal-backdrop{position:fixed;inset:0;background:#031016b3;display:grid;place-items:center;pointer-events:auto;z-index:20}.help-dialog{width:min(520px,calc(100vw - 28px));padding:36px;position:relative;border-color:#4b9c9d}.help-dialog h2{margin:14px 0;font-size:22px;letter-spacing:1.8px}.help-dialog p{color:#afc9ca;font-size:13px;line-height:1.6}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.help-grid>div{display:flex;flex-direction:column;gap:6px;border:1px solid #ffffff1b;padding:11px}.help-grid span{font-size:11px;color:#b7c8c9}.help-dialog .help-end{font-size:11px;margin:20px 0}.modal-close{position:absolute;top:18px;right:22px;background:none;border:0;color:#b5d5d4}.primary{background:#7be8d7;color:#08282c;padding:12px 18px;font-weight:800;border:0;border-radius:3px;font-size:11px;letter-spacing:1px}.fatal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,90vw);background:#2e1721;border:1px solid #e98290;color:white;padding:25px;font:14px var(--mono);z-index:50;white-space:pre-wrap}
@media(max-width:1250px){.top-center{display:none}.sidebar-left{width:270px}.sidebar-right{width:255px}.map-panel{width:240px}.explorer-panel h1{font-size:25px}}
@media(max-width:850px){.topbar{left:10px;right:10px;top:10px;height:58px;padding:0 11px}.sidebar-left{left:10px;top:79px;width:220px;bottom:120px}.explorer-panel{padding:15px}.explorer-panel h1{font-size:21px;margin:12px 0}.explorer-panel p{display:none}.sidebar-right{right:10px;top:79px;width:208px}.controls-panel .section-title,.telemetry .section-title{font-size:8px}.telemetry{display:none}.bottom-left{left:10px;bottom:10px}.hints{display:none}.map-panel{right:10px;bottom:10px;width:185px}.map-panel canvas{margin-top:7px}.top-actions .external-text{display:none}.logo-text small{display:none}}
@media(max-width:560px){.sidebar-right{top:auto;bottom:205px;width:170px}.controls-panel{max-height:45vh;overflow:auto}.sidebar-left{width:168px;bottom:125px}.explorer-panel{display:none}.nav-panel .section-title{font-size:8px}.landmark{padding:9px}.landmark b{font-size:10px}.landmark .num{display:none}.landmark .text small{font-size:8px}.map-panel{width:165px}.bottom-left .compass{width:155px}.topbar .logo-text strong{font-size:11px}.topbar{gap:0}}