:root{--bg:#040b12;--panel:rgba(5,15,24,.84);--line:rgba(128,194,214,.16);--muted:#6d8799;--text:#d2e9ef;--bright:#e8f8fc;--accent:#69ead4;--orange:#f7a36c;font-family:Inter,'Segoe UI',Arial,Helvetica,sans-serif;color:var(--text);font-synthesis:none}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}body{user-select:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#world-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 15%,rgba(2,5,10,.28) 65%,rgba(2,7,13,.6) 100%)}.aim{pointer-events:none;position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);opacity:.7}.aim:after,.aim:before{content:"";position:absolute;background:rgba(218,253,255,.75)}.aim:after{height:1px;width:26px;top:13px;left:0}.aim:before{width:1px;height:26px;left:13px;top:0}.aim-core{position:absolute;inset:8px;border:1px solid rgba(218,253,255,.45);border-radius:50%}.topbar{position:absolute;left:0;right:0;top:0;height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:15px;background:linear-gradient(90deg,rgba(5,18,27,.95),rgba(5,18,27,.78));z-index:3}.brand-mark{height:43px;width:43px;border:1px solid #3ba4a7;display:grid;place-items:center;color:var(--accent);font-size:27px;transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg)}.brand-copy{min-width:210px}.brand-overline,.micro,.module-title,.panel-heading,.top-meta,.ticks,.bottom-bar,.slider-label,.coords,.readout,.world-highlights span{font-size:10px;letter-spacing:1.7px;font-weight:700}.brand-overline{color:#6295a8;font-size:9px;letter-spacing:1.4px}.brand-name{color:#e3f8fc;font-weight:900;font-size:21px;letter-spacing:2px}.brand-name span{font-weight:300;color:#82adb6}.top-stat{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;color:#b0d9d6;margin-left:auto}.pulse-dot{width:7px;height:7px;background:#5ff3c9;box-shadow:0 0 15px #5ff3c9;border-radius:100%;display:inline-block;animation:pulse 2.3s infinite}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px #5ff3c9}}.top-meta{display:flex;align-items:center;gap:10px;color:#a6c1d0;margin-left:26px}.mono{color:#597d89}.top-meta strong{color:#f1fbfd;font-weight:600;letter-spacing:1.2px}.top-separator{height:17px;border-left:1px solid #2f505f;margin:0 8px}.panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 15px 55px rgba(0,0,0,.22);position:absolute;top:94px;bottom:79px;z-index:3;overflow:auto;scrollbar-color:#23434d transparent;scrollbar-width:thin;padding:22px}.leftpanel{left:20px;width:306px}.rightpanel{right:20px;width:301px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);color:#77a6b3}.mini-symbol{font-size:20px;color:var(--accent)}.micro{color:#6d9da9;letter-spacing:2.3px;margin-top:20px;margin-bottom:10px}.sector-title{font-size:24px;color:#f1ffff;line-height:1.2;margin:0 0 16px;letter-spacing:1.1px}.sector-title span{font-weight:350;color:#94b5c1}.readout{display:flex;align-items:end;justify-content:space-between;color:#7fa4b3;margin-bottom:15px}.depth-reading b{color:#77eed6;font-size:30px;letter-spacing:1px}.depth-reading small{font-size:13px;color:#83b6b6}.coords{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.coords>div{border:1px solid var(--line);padding:9px 8px}.coords span{display:block;color:#527885;font-size:9px;margin-bottom:5px}.coords b{font-size:12px;letter-spacing:1px;font-weight:500;color:#d5eaf0}.module-title{display:flex;align-items:center;justify-content:space-between;color:#c9e5ec;margin-bottom:11px}.module-title small{color:#628c9b;font-size:9px}.level-list{display:flex;flex-direction:column;gap:6px}.level-button{border:1px solid rgba(113,161,184,.14);background:rgba(13,31,42,.7);color:#769eaf;padding:10px;display:grid;grid-template-columns:28px 1fr 25px;gap:9px;align-items:center;text-align:left;transition:.15s}.level-button:hover{background:#102936;color:#c9eeec;border-color:#45858b}.level-button.active{border-color:#4da5a6;background:rgba(39,101,106,.24);color:#e4fffc}.level-button .number{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;color:#477787}.level-button.active .number{color:var(--accent)}.level-button b{font-size:11px;letter-spacing:.95px;display:block}.level-button small{font-size:9px;letter-spacing:1px;display:block;margin-top:3px;color:#658d9a}.level-button .level-arrow{font-size:14px}.panel-divider{border-top:1px solid var(--line);margin:20px 0}.location-name{font-size:11px;letter-spacing:.7px;margin-bottom:10px;color:#92d4da;line-height:1.5;min-height:30px}#minimap{width:100%;height:142px;display:block;background:rgba(2,10,15,.72);border:1px solid var(--line);margin-bottom:9px}.minor-button{background:rgba(12,38,51,.65);border:1px solid rgba(107,180,187,.3);color:#add7db;padding:10px 10px;font-size:10px;letter-spacing:1.25px;text-align:center;font-weight:700}.minor-button:hover,.minor-button.active{background:rgba(69,154,154,.18);border-color:var(--accent);color:#e5fffb}.minor-button.full{width:100%;display:flex;justify-content:space-between;align-items:center}.keyhint{border:1px solid #527e86;padding:1px 5px;font-size:9px}.right-headline{color:#ebf7f8;font-weight:900;font-size:25px;line-height:1.03;letter-spacing:1.4px;margin:0 0 23px}.right-headline span{color:#75aaa9;font-weight:400}.system-slider{margin:18px 0 20px}.slider-label{display:flex;align-items:center;justify-content:space-between;color:#a2c2d0}.slider-label b{color:var(--accent);font-size:12px;letter-spacing:1px}.system-slider input{width:100%;height:4px;accent-color:#6df2d4;cursor:pointer;margin:14px 0 9px}.ticks{display:flex;justify-content:space-between;color:#4d6a78;font-size:8px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.telemetry-grid>div{background:rgba(10,29,38,.6);padding:12px 9px;border-left:2px solid #276e78}.telemetry-grid span{display:block;font-size:8px;letter-spacing:1px;color:#658d9b}.telemetry-grid b{display:block;margin-top:6px;color:#d8edf4;font-size:18px;font-variant-numeric:tabular-nums}.telemetry-grid small{font-size:10px;font-weight:400;color:#86abb8}.quality-select{display:flex;gap:5px}.quality-select button{flex:1;border:1px solid var(--line);background:#0c2230;color:#5f92a1;font-size:10px;letter-spacing:1px;padding:10px 4px}.quality-select button.selected{color:#d4fffa;border-color:#70cabf;background:#173c42}.toggle-row{display:flex;gap:5px;margin-top:14px}.toggle-row button{flex:1;font-size:9px;padding:10px 2px}.log{display:flex;flex-direction:column;gap:10px;font:10px/1.4 Consolas,monospace;color:#619c9f;max-height:110px;overflow:auto}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:56px;background:rgba(3,11,18,.95);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:3;color:#6c97a5;font-size:9px}.movement{display:flex;gap:21px;align-items:center}.movement>span{white-space:nowrap}kbd{border:1px solid #38616c;color:#bedcdf;padding:3px 5px;border-radius:2px;margin-right:3px;font:9px Consolas,monospace}.right-bottom{display:flex;align-items:center;gap:18px;white-space:nowrap}.right-bottom b{color:#78d7c8;font-size:11px}.interact-label{position:absolute;z-index:4;left:50%;top:60%;transform:translate(-50%,-50%);padding:12px 23px;border:1px solid #77bcbf;background:rgba(5,22,28,.87);color:#d6faf3;font-size:11px;letter-spacing:1px}.toast{position:absolute;bottom:77px;left:50%;transform:translateX(-50%);z-index:9;opacity:0;pointer-events:none;background:rgba(9,42,46,.96);border:1px solid #57c2bc;color:#d6faf3;padding:10px 20px;letter-spacing:.9px;font-size:12px;transition:opacity .2s}.toast.visible{opacity:1}
.welcome{position:absolute;inset:0;z-index:8;background:radial-gradient(circle at 73% 48%,#102733 0%,#04111b 42%,#02080e 92%);display:flex;align-items:center;padding:80px 9%;overflow:hidden}.welcome[hidden]{display:none}.welcome-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(103,194,199,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(103,194,199,.15) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 95%)}.welcome-content{position:relative;z-index:2;max-width:670px}.eyebrow,.welcome-index,.welcome-help{font-size:11px;font-weight:700;color:#5facae;letter-spacing:3px}.eyebrow{display:flex;gap:15px;align-items:center}.welcome-rule{height:1px;background:#356978;width:235px;margin:27px 0 35px}.welcome-index{color:#678b9a}.welcome h2{font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-4px;font-weight:900;margin:17px 0 28px;color:#ebffff}.welcome h2 em{font-style:normal;color:#426a7a}.welcome h2 strong{color:#6cead5}.welcome-lead{font-size:24px;font-weight:800;letter-spacing:3.5px;color:#b6f2e6!important;margin:0 0 12px!important}.welcome p{max-width:510px;color:#81a3b1;line-height:1.75;font-size:14px}.world-highlights{margin:35px 0 25px;display:flex;gap:37px}.world-highlights div{border-left:2px solid #388986;padding-left:14px}.world-highlights b{font-size:33px;letter-spacing:-1px;color:#e6ffff;display:block}.world-highlights span{font-size:9px;color:#699baa}.enter-button{background:var(--accent);border:0;color:#082c32;font-size:12px;letter-spacing:1.7px;font-weight:900;padding:19px 27px 19px 30px;min-width:315px;display:flex;justify-content:space-between;align-items:center}.enter-button:hover{background:#bbfff2}.enter-button span{font-size:21px}.welcome-help{font-size:9px;letter-spacing:1.3px;margin-top:19px;color:#638793}.welcome-line-art{position:absolute;width:min(70vw,870px);height:min(70vw,870px);right:-8vw;top:50%;transform:translateY(-50%);opacity:.6;pointer-events:none}.orbital{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(62deg) rotateY(12deg);border:1px solid rgba(105,227,218,.44);box-shadow:0 0 80px rgba(13,220,202,.06) inset}.orbital.one{width:85%;height:85%;border-width:4px;border-style:double;animation:orbit 35s linear infinite}.orbital.two{width:63%;height:63%;border:15px dotted rgba(93,181,184,.4);animation:orbit 28s linear reverse infinite}.orbital.three{width:47%;height:47%;border-width:7px;border-color:rgba(73,238,212,.55);animation:orbit 22s linear infinite}.orbital.center{width:22%;height:22%;background:radial-gradient(circle,rgba(125,255,228,.39),rgba(37,77,83,.14) 62%,transparent 75%);border:2px solid #8bcaca}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(62deg) rotateY(12deg) rotateZ(360deg)}}
.map-screen{position:absolute;inset:40px;z-index:7;background:rgba(5,18,26,.98);border:1px solid #3a777d;box-shadow:0 20px 70px #000c;padding:28px;overflow:auto}.map-screen[hidden]{display:none}.map-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:17px}.map-top h2{font-size:36px;letter-spacing:1px;margin:0;color:#e3f9fc}.map-top h2 em{color:#63dbd2;font-style:normal}.map-top button{background:none;border:1px solid #447d87;color:#acf4e7;font-size:31px;width:45px;height:45px}.map-body{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px}.map-body canvas{width:100%;aspect-ratio:980/660;background:#06131d;border:1px solid #234b57;cursor:crosshair}.map-legend{background:#0a202a;border:1px solid var(--line);padding:18px}.map-legend h3{font-size:13px;letter-spacing:2px}.map-legend p{font-size:11px;color:#7fa2ad;line-height:1.7}.map-legend-label{font-size:10px;letter-spacing:1px;margin:19px 0;display:flex;align-items:center;gap:12px}.marker{width:11px;height:11px;border:2px solid #6bdecf;display:inline-block}.marker.player{background:#fff;border:1px solid #fff;border-radius:50%}.marker.shaft{border:2px solid #f1ad68;transform:rotate(45deg)}.map-legend-controls{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.map-legend-controls select,.map-legend-controls button,.map-actions button{width:100%;margin:7px 0;background:#11343d;color:#b9eae9;border:1px solid #3d7c82;padding:11px 7px;font-size:10px;letter-spacing:.5px}.map-actions{margin-top:17px}.map-note{color:#91cfd4!important}.map-legend-controls button:hover,.map-actions button:hover{background:#1b5159}
@media(max-width:1160px){.topbar{height:66px}.leftpanel{left:10px;top:76px;width:245px;bottom:67px;padding:14px}.rightpanel{right:10px;top:76px;width:254px;bottom:67px;padding:14px}.movement{gap:10px}.movement span:nth-child(2),.movement span:nth-child(5),.movement span:nth-child(6){display:none}.bottom-bar{padding:0 10px}.sector-title{font-size:20px}}
@media(max-width:740px){.topbar{padding:0 9px;gap:8px}.brand-copy{min-width:150px}.brand-name{font-size:16px}.brand-overline{font-size:7px}.top-stat,.top-meta{display:none}.leftpanel{width:180px;left:5px;padding:8px}.rightpanel{right:5px;width:174px;padding:8px}.right-headline{font-size:19px}.sector-title{font-size:16px}.panel-heading,.module-title{font-size:9px}.level-button{padding:7px 5px;gap:3px;grid-template-columns:22px 1fr 8px}.level-button b{font-size:8px}.level-button small{font-size:7px}.coords{gap:2px}.coords>div{padding:6px 3px}.coords b{font-size:9px}.depth-reading b{font-size:21px}.telemetry-grid{gap:4px}.telemetry-grid>div{padding:6px 3px}.telemetry-grid b{font-size:13px}.slider-label{font-size:8px}.toggle-row{flex-direction:column}.movement span:nth-child(n+3){display:none}.right-bottom span{display:none}.welcome{padding:25px}.welcome h2{font-size:58px}.welcome-line-art{opacity:.24}.world-highlights{gap:15px}.world-highlights b{font-size:25px}.welcome-content{max-width:100%}.welcome p{font-size:12px}.map-screen{inset:10px;padding:12px}.map-body{grid-template-columns:1fr}.map-legend{display:none}}