:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#e7f7fa;background:#06111b;font-size:13px;--aqua:#70dce6;--line:rgba(110,190,205,.2);--muted:#7c9ca9;--panel:rgba(7,21,32,.91)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;user-select:none}button,input,select{font:inherit}button{cursor:pointer}canvas#world-canvas{width:100vw;height:100vh;display:block;outline:0}#crosshair{position:absolute;top:50%;left:50%;width:21px;height:21px;transform:translate(-50%,-50%);pointer-events:none;opacity:.75}#crosshair span,#crosshair i{position:absolute;background:#e8feff}#crosshair span{width:1px;height:19px;left:10px}#crosshair i{height:1px;width:19px;top:10px;left:1px}
#topline{position:absolute;top:0;left:0;right:0;z-index:6;height:79px;display:flex;align-items:center;justify-content:space-between;padding:12px 29px;background:linear-gradient(180deg,rgba(5,18,28,.94),rgba(5,18,28,.52));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:13px}.logo-glyph{font-size:37px;color:var(--aqua)}.eyebrow{font-size:9px;letter-spacing:2.25px;color:#75a4b9;font-weight:750}.project-name{letter-spacing:1.8px;font-size:18px;font-weight:800;margin-top:4px}.project-name em{font-style:normal;color:var(--aqua)}.top-center{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.35px;font-weight:bold;color:#91bcc2}.pulse{width:7px;height:7px;border-radius:50%;background:#6effc6;box-shadow:0 0 14px #48e0b5;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.37}}.top-right{display:flex;align-items:center;gap:24px}.topmetric{display:flex;flex-direction:column;gap:4px;min-width:65px}.topmetric span{font-size:9px;letter-spacing:1.5px;color:#7397a8}.topmetric strong{letter-spacing:1.5px;font-size:16px}.icon-button,#sidebarToggle,#mapClose{background:transparent;border:1px solid var(--line);color:#b3d5df;border-radius:4px;height:36px;min-width:36px;font-size:22px}
#sidebar{position:absolute;z-index:5;top:89px;bottom:107px;left:20px;width:316px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 55px #0008;backdrop-filter:blur(22px);display:flex;flex-direction:column;overflow:hidden;transition:width .2s}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:22px 19px 19px;border-bottom:1px solid var(--line)}.panel-header h2,.map-title h2{margin:7px 0 0;letter-spacing:2.2px;font-size:14px}.panel-header #sidebarToggle{font-size:16px}.sidebar-body{overflow-y:auto;scrollbar-color:#375563 transparent;scrollbar-width:thin;padding:0 19px 18px}.section-heading{font-size:9px;font-weight:800;letter-spacing:1.45px;color:#8fbac4;display:flex;justify-content:space-between;margin:24px 0 12px}.section-heading span{color:#547988;font-weight:600}.deck-stack{display:grid;gap:6px}.deck{width:100%;height:52px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #173044;background:rgba(14,30,42,.55);color:#d9e8ec;padding:0 11px;transition:background .15s,border .15s}.deck:hover{background:#193b4b}.deck.selected{border:1px solid #5fb7ca;background:linear-gradient(100deg,rgba(22,85,106,.7),rgba(15,41,54,.65))}.deck-number{font-family:monospace;color:#5b9aad;font-size:19px;font-weight:700}.deck.selected .deck-number{color:#77eef6}.deck>span:nth-child(2){display:grid;gap:5px}.deck strong{font-size:10px;letter-spacing:1.5px}.deck small{color:#7196a2;font-size:9px;letter-spacing:1px}.deck b{font-size:10px;margin-left:auto;color:#79bfc6;font-family:monospace}.systems-heading{margin-top:25px}.setting{margin-bottom:18px}.setting>div{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.setting label,.switch-row span:first-child,.quality label{font-size:10px;font-weight:700;letter-spacing:1.15px;color:#aacbd4}.setting output{font-size:11px;color:#8ae6ec;font-family:monospace}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#264656;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#74dfe7;box-shadow:0 0 0 4px rgba(76,214,220,.16)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#74dfe7}.toggles{padding:6px 0;border-top:1px solid var(--line)}.switch-row{display:flex;justify-content:space-between;align-items:center;height:34px;cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch{background:#273f4d;width:32px;height:17px;border-radius:9px;position:relative;transition:background .2s}.switch:before{content:'';position:absolute;background:#89a1aa;border-radius:50%;width:13px;height:13px;top:2px;left:2px;transition:left .2s}.switch-row input:checked+.switch{background:#2c8d9a}.switch-row input:checked+.switch:before{background:#b8ffff;left:17px}.quality{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.quality select,.map-detail select{color:#d7f5fa;background:#0c2838;border:1px solid #245068;padding:9px;max-width:170px;outline:0}.sidebar-bottom{margin-top:22px}.outline-button{width:100%;border:1px solid #4b99a8;background:#123241;color:#a8e4eb;padding:11px;letter-spacing:1.3px;font-size:10px;font-weight:800;text-align:left}.outline-button span{float:right}.seed{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#698c9d;letter-spacing:1.5px}.seed span{color:#8dbfcb;font-family:monospace}#sidebar.minimized{height:81px;bottom:auto;width:316px}#sidebar.minimized .sidebar-body{display:none}
#rightdock{position:absolute;right:22px;top:90px;z-index:4;width:231px;display:flex;flex-direction:column;gap:12px}.infobox,#minimapButton{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px)}.infobox{padding:16px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;margin-top:17px}.stat-grid>div{display:grid;gap:5px}.stat-grid small{font-size:9px;letter-spacing:1.3px;color:#7293a4}.stat-grid strong{font-size:18px;font-weight:600;letter-spacing:.4px}#minimapButton{color:#d9eff1;width:100%;text-align:left;padding:12px 13px 10px}#minimapButton .miniheader{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#9bbfcd}#minimap{margin-top:9px;width:100%;height:auto;display:block}#minimapButton:hover{border-color:#4b9da9}.map-foot{font-size:9px;letter-spacing:1.3px;color:#7295a6;margin-top:9px;text-align:center}.infobox.micro{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.micro span{font-size:9px;letter-spacing:1.3px;color:#77a1af}.micro b{font-size:17px;color:#bdf5e2}
.bottomhud{position:absolute;bottom:0;left:0;right:0;z-index:4;height:94px;background:linear-gradient(0deg,rgba(5,18,27,.98),rgba(5,19,29,.8));border-top:1px solid var(--line);display:flex;align-items:center;padding:0 29px;gap:24px}.hud-location{width:260px;display:flex;flex-direction:column;gap:7px}.hud-location b{font-size:12px;letter-spacing:1px}.hud-location #coords{font-family:monospace;font-size:10px;color:#8ca5b0}.bottomdivider{height:42px;width:1px;background:var(--line)}.hud-stats{display:flex;flex-direction:column;gap:4px}.hud-stats b{font-size:18px}.hud-stats small{font-size:9px;letter-spacing:1px;color:#7395a6}.hud-help{display:grid;gap:9px;margin-left:auto;text-align:right}.hud-help strong{font-size:10px;letter-spacing:1.1px;color:#9fe8e9}.hud-help span{font-size:9px;letter-spacing:1.2px;color:#8babbb}#toast{position:absolute;z-index:20;left:50%;bottom:125px;transform:translateX(-50%) translateY(14px);padding:14px 22px;color:#dbffff;background:#133746ec;border:1px solid #5d9dad;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;letter-spacing:.6px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#mapPanel{position:absolute;inset:0;z-index:13;background:#06131add;display:none;align-items:center;justify-content:center;backdrop-filter:blur(13px)}#mapPanel.open{display:flex}.map-dialog{background:#071b29;border:1px solid #396277;box-shadow:0 28px 90px #000c;max-width:min(850px,94vw);padding:27px}.map-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:21px}.map-title h2{font-size:24px;margin:9px 0}.map-title span:last-child{font-size:11px;color:#8ac8cf;letter-spacing:1px}.map-layout{display:flex;gap:26px;margin-top:25px}#mapCanvas{width:min(460px,52vw);height:auto;border:1px solid #21516a;cursor:crosshair}.map-detail{max-width:270px;display:flex;flex-direction:column;gap:17px}.map-detail p{font-size:12px;line-height:1.8;color:#9dbbc5;margin:0}.map-detail label{font-size:10px;letter-spacing:1.2px;color:#9fbecb}.map-detail select{max-width:100%}.legend{line-height:2.6;font-size:10px;letter-spacing:1px;color:#a1beca}.legend i{display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:50%;background:#7ec9d8;margin-right:10px}.legend i.center{background:#ffc87c}.legend i.you{background:white}.stat-detail{margin-top:auto;font-size:10px;letter-spacing:1.5px;line-height:2.4;color:#6e99a9;border-top:1px solid var(--line);padding-top:10px}
#landing{position:absolute;z-index:30;inset:0;background:radial-gradient(circle at 59% 44%,#1e5262,#05131e 58%,#040c13);display:flex;align-items:center;justify-content:center;transition:opacity .5s;overflow:hidden}#landing.hidden{opacity:0;pointer-events:none}.splash-fade{position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(120deg,transparent 0,transparent 56px,#336b821c 57px,#336b821c 59px),linear-gradient(90deg,#05213190,transparent)}.landing-content{position:relative;max-width:900px;padding:30px;text-align:center}.pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;border:1px solid #41788a;color:#92d0db;padding:11px 18px;background:#10304190}.landing-content h1{font-size:clamp(56px,7vw,112px);line-height:1.01;letter-spacing:-3px;margin:34px 0 15px;font-weight:850;text-shadow:0 0 60px #2dbfe450}.landing-content h1 span{color:#6cced7}.landing-content>p{font-size:17px;letter-spacing:6px;color:#9fc4cc;margin:0}.landing-rule{width:90px;height:1px;background:#68afc5;margin:33px auto}.landing-metrics{display:flex;justify-content:space-around;gap:54px;max-width:625px;margin:0 auto 32px}.landing-metrics>div{display:grid;gap:10px}.landing-metrics b{font-size:40px;font-weight:550}.landing-metrics small{font-size:10px;letter-spacing:1.6px;line-height:1.6;color:#8fb7c4}#startButton{padding:17px 28px;border:1px solid #83cfe1;background:#64d8e5;color:#073040;font-size:12px;font-weight:850;letter-spacing:1.7px;min-width:340px}#startButton span{margin-left:18px;font-size:16px}#startButton:hover:enabled{background:#b1fff9}#startButton:disabled{filter:grayscale(1);opacity:.5;cursor:progress}#loading{margin:15px auto 0;font-size:10px;letter-spacing:1.8px;color:#9bcdd4}#error{color:#fa8d8c;margin-top:10px;max-width:580px;font-size:12px}.splash-controls{display:block;margin-top:37px;letter-spacing:1.1px;font-size:9px;color:#7494a0}
@media (max-width:1170px){.top-center{display:none}.hud-stats:nth-of-type(3),.hud-stats:nth-of-type(5){display:none}#rightdock{width:190px}.bottomhud{gap:13px}.hud-help span{display:none}}
@media (max-width:820px){#sidebar{width:245px;top:75px;left:8px;bottom:90px}.panel-header{padding:15px}.sidebar-body{padding:0 12px}.deck{height:47px;gap:8px}.deck b{display:none}#rightdock{top:79px;right:8px;width:155px}.stat-grid{grid-template-columns:1fr 1fr}.infobox{padding:10px}.bottomhud{height:75px;padding:8px}.hud-location{width:190px}.hud-help{display:none}.top-right{gap:8px}#topline{height:65px;padding:8px 14px}.project-name{font-size:14px}.map-layout{flex-direction:column}.map-detail{max-width:none}#mapCanvas{width:min(400px,76vw)}.map-dialog{max-height:94vh;overflow:auto}#sidebar.minimized{width:245px}}
@media(max-width:520px){#rightdock{display:none}#sidebar{bottom:86px}.landing-content h1{font-size:51px}.landing-content>p{font-size:11px;letter-spacing:2px}.landing-metrics{gap:13px}.landing-metrics b{font-size:24px}.landing-metrics small{font-size:8px}#startButton{min-width:0;width:100%}.topmetric:first-child{display:none}.logo-glyph{font-size:23px}.project-name{font-size:12px}.eyebrow{letter-spacing:1px}}