:root{--ink:#e7efee;--sub:#94a9b2;--panel:rgba(8,22,32,.89);--border:rgba(142,202,216,.20);--aqua:#82e3df;--sun:#f4c98c}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#081b26;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,9,17,.39),transparent 24%,transparent 63%,rgba(2,12,21,.45))}.masthead{position:absolute;z-index:3;top:0;left:0;right:0;height:94px;padding:20px 31px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,17,25,.83),rgba(5,17,25,.14));border-bottom:1px solid rgba(174,228,235,.08)}.brand{display:flex;gap:13px;align-items:center;min-width:350px}.brand img{width:52px;height:52px;border-radius:13px}.brand .eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;color:var(--aqua)}.brand strong{font-size:24px;display:block;letter-spacing:1.5px;font-weight:900;line-height:1.22}.brand strong em{font-style:normal;color:var(--sun);font-weight:350}.brand small{font-size:9px;letter-spacing:3.8px;color:#9bb7bd}.dim{color:#8fa4ad}.top-stats{display:flex;align-items:center;gap:28px;font-size:10px;font-weight:680;letter-spacing:1.5px;color:#b6cacf}.top-stats b{font-size:13px;color:#e8f2ee}.alive{display:inline-block;width:7px;height:7px;background:#63eeb7;box-shadow:0 0 10px #63eeb7;border-radius:50%;margin-right:6px}.circle-btn{height:37px;width:37px;background:rgba(9,32,41,.8);border:1px solid var(--border);border-radius:50%;color:var(--ink);font-size:17px}.control-pane{position:absolute;z-index:2;left:22px;top:110px;bottom:72px;width:278px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:21px;box-shadow:0 12px 75px rgba(0,0,0,.13);scrollbar-width:thin;scrollbar-color:#325461 transparent}.section-head{color:var(--aqua);font-size:10px;letter-spacing:2px;font-weight:800;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border)}.tiny-rune{font-size:17px;color:#85b6bc}.top-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:750;margin-top:23px;color:#b8cacc}.top-label span{color:var(--sun);font-size:12px}.range{width:100%;height:24px;margin:13px 0 1px;accent-color:var(--aqua)}.range-labels{display:flex;justify-content:space-between;color:#6e8e97;font-size:9px;margin-bottom:23px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.toggle-row strong{display:block;font-size:12px;letter-spacing:.3px}.toggle-row small{display:block;font-size:10px;color:#8a9fa5;margin-top:5px}.switch{position:relative;display:inline-flex;flex-shrink:0}.switch input{position:absolute;opacity:0}.switch span{width:36px;height:21px;border-radius:13px;background:#39505a;border:1px solid #58707a;transition:.2s}.switch span:after{content:'';position:absolute;width:13px;height:13px;background:#c8d2d1;border-radius:50%;left:4px;top:4px;transition:.2s}.switch input:checked+span{background:#357a76;border-color:#64b6af}.switch input:checked+span:after{left:19px;background:#d5fffb}.landmarks-heading{margin-top:23px;padding-top:19px;border-top:1px solid var(--border)}.landmarks{display:flex;flex-direction:column;gap:5px;margin:13px 0}.landmark{width:100%;display:flex;gap:9px;align-items:center;text-align:left;border:1px solid transparent;border-radius:7px;padding:9px 7px;background:transparent;color:#d7e2e0}.landmark:hover,.landmark.active{border-color:#386b75;background:#173944}.landmark .count{font-size:10px;color:var(--aqua);width:23px}.landmark .place{font-size:11px;font-weight:650;line-height:1.35;flex:1}.landmark .arrow{color:var(--sun)}.ghost-btn{margin-top:12px;width:100%;background:#123440;border:1px solid #3e6570;border-radius:6px;padding:11px 12px;color:var(--aqua);display:flex;justify-content:space-between;letter-spacing:1.5px;font-size:10px;font-weight:750}.minimap-card{position:absolute;right:22px;top:110px;width:304px;background:var(--panel);border:1px solid var(--border);padding:12px 13px 11px;border-radius:13px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.map-title,.map-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a6c0c5}.map-title b{font-size:9px;color:var(--aqua)}#minimap{width:100%;height:208px;margin:10px 0 5px;cursor:crosshair;background:#0c2937;border:1px solid rgba(83,136,147,.3);border-radius:4px}.map-footer{font-size:9px;color:#7897a1}.map-dot{display:inline-block;background:#f6ca80;width:6px;height:6px;border-radius:50%;margin-right:4px;box-shadow:0 0 10px #f6ca80}.inspect-card{position:absolute;right:22px;bottom:74px;width:305px;min-height:182px;padding:17px 19px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.inspect-label{font-size:9px;letter-spacing:1.6px;color:var(--aqua);display:flex;justify-content:space-between;font-weight:750}.inspect-card h2{font-size:18px;letter-spacing:.5px;line-height:1.18;margin:17px 0 9px}.inspect-card p{font-size:11px;color:#a2b5bc;line-height:1.6;margin:0 0 15px}.inspect-specs{display:flex;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.inspect-specs span{font-size:8px;letter-spacing:.7px;color:#8eabb3}.inspect-specs b{display:block;font-size:13px;color:#e2eae8;margin-bottom:3px}.enter-btn,.primary-btn{background:#b8eee5;color:#0b2731;border:0;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:14px 17px}.enter-btn{margin-top:13px;display:flex;justify-content:space-between;width:100%}.enter-btn[hidden]{display:none}.hud-bottom{position:absolute;bottom:0;left:0;right:0;min-height:59px;z-index:2;background:rgba(7,21,32,.93);border-top:1px solid var(--border);display:flex;gap:28px;align-items:center;padding:0 24px}.hud-bottom>div{min-width:95px}.data-lab{font-size:9px;letter-spacing:1.3px;color:#6d929d;display:block;margin-bottom:5px}.hud-bottom b{font-size:11px;letter-spacing:.5px}.help-hint{margin-left:auto;color:#e1edec;font-size:10px;white-space:nowrap;letter-spacing:1px;text-align:right}.help-hint span{color:#83a3a9;font-size:9px}.overlay,.welcome{position:absolute;z-index:6;inset:0;background:rgba(3,12,21,.78);backdrop-filter:blur(13px);display:grid;place-items:center}.overlay[hidden],.welcome[hidden]{display:none}.welcome{background:linear-gradient(135deg,rgba(4,20,31,.88),rgba(5,22,32,.65) 56%,rgba(5,24,36,.86));backdrop-filter:blur(9px)}.welcome-inner{max-width:660px;padding:42px;text-align:center}.welcome .eyebrow,.modal .eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--aqua);font-weight:850}.mark{width:9px;height:9px;display:inline-block;border:2px solid var(--sun);transform:rotate(45deg);margin-right:9px}.welcome h1{font-size:clamp(48px,8vw,93px);line-height:1.04;letter-spacing:-5px;margin:24px 0 8px;font-weight:900}.welcome h1 small{font-size:.35em;letter-spacing:-1px;font-weight:300;color:var(--sun);vertical-align:25%}.welcome .slash{font-weight:200;color:var(--aqua);padding:0 8px}.welcome p{color:#bad0ce;letter-spacing:5px;font-weight:600;font-size:13px}.welcome-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:48px 0 36px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.welcome-stats b{font-size:26px;display:block;font-weight:780;color:#eff4ef}.welcome-stats span{display:block;font-size:9px;letter-spacing:1px;color:#83a5aa;margin-top:8px;white-space:nowrap}.welcome .primary-btn{width:310px;padding:18px 24px;display:inline-flex;justify-content:space-between}.small-note{display:block;font-size:10px;color:#7399a3;margin-top:20px}.modal{position:relative;max-width:640px;width:min(95vw,640px);padding:34px;background:#0b2431;border:1px solid #365c69;border-radius:16px;box-shadow:0 24px 90px rgba(0,0,0,.4)}.modal h1{font-size:33px}.close-modal{position:absolute;right:19px;top:16px;background:transparent;border:0;color:#dfe6e8;font-size:21px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.help-grid b{display:block;color:var(--aqua);font-size:13px;margin-bottom:5px}.help-grid small{font-size:12px;color:#a5b9bb}.toast{position:absolute;z-index:7;top:104px;left:50%;transform:translateX(-50%);background:#183b48;border:1px solid #397681;border-radius:6px;color:#d5e9e8;padding:11px 18px;pointer-events:none;opacity:0;transition:opacity .4s;font-size:11px;letter-spacing:.5px}.toast.visible{opacity:1}@media(max-width:1150px){.top-stats{display:none}.help-hint{display:none}.minimap-card{width:246px}.inspect-card{width:246px}}@media(max-width:760px){.masthead{height:66px;padding:9px 13px}.brand{min-width:0}.brand img{width:40px;height:40px}.brand strong{font-size:16px}.brand .eyebrow{font-size:7px}.brand small{font-size:7px;letter-spacing:1px}.control-pane{left:9px;top:76px;bottom:60px;width:194px;padding:12px}.minimap-card{width:165px;top:76px;right:9px;padding:8px}#minimap{height:120px}.inspect-card{right:9px;bottom:66px;width:165px;padding:11px;min-height:0}.inspect-card h2{font-size:13px}.inspect-specs span{font-size:7px}.inspect-card p{font-size:9px}.hud-bottom{padding:0 11px;gap:14px}.hud-bottom>div{min-width:0}.data-lab{font-size:7px}.hud-bottom b{font-size:8px}.welcome h1{letter-spacing:-3px}.welcome-stats{grid-template-columns:repeat(2,1fr)}.welcome-inner{padding:16px}.welcome .primary-btn{width:280px}}
@media(min-width:761px){.welcome-inner{max-width:900px;width:min(96vw,900px)}.welcome h1{font-size:clamp(50px,6.25vw,86px);white-space:nowrap;letter-spacing:-3px}.welcome h1 small{font-size:.38em;letter-spacing:-1px;vertical-align:12%}.welcome-stats{max-width:760px;margin-left:auto;margin-right:auto}}