:root{--back:#0a1b27;--back2:#102a38;--stroke:#325061;--cyan:#65dce5;--sub:#90aabb;--main:#f4f7f9;--yellow:#d7b779}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071522;color:var(--main);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}#scene{display:block;width:100vw;height:100vh;position:fixed;inset:0;touch-action:none}#veil{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(4,14,22,.63) 0%,rgba(6,17,25,.18) 38%,transparent 65%),linear-gradient(180deg,rgba(4,14,22,.45) 0%,transparent 17%,transparent 75%,rgba(4,14,22,.65) 100%)}#topbar{position:fixed;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(168,210,222,.19);padding:0 40px;background:linear-gradient(180deg,rgba(9,26,37,.85),rgba(8,24,33,.36));z-index:10}.brandmark{display:flex;align-items:center;gap:18px}.brandmark .logo{font-size:22px;font-weight:900;letter-spacing:-3px;border:1px solid #4d7b8b;background:rgba(19,52,66,.65);padding:12px 10px;min-width:54px;text-align:center}.brandmark .logo span{color:var(--cyan);margin:0 4px}.brandmark>div{display:flex;flex-direction:column;gap:3px}.brandmark strong{font-size:17px;letter-spacing:3.5px}.brandmark strong small{font-weight:500;color:var(--cyan);font-size:10px;vertical-align:top;letter-spacing:2px}.brandmark div>span{font-size:8.5px;letter-spacing:2.7px;color:#93afbc}.header-info{display:flex;align-items:center;gap:28px;color:#b8d0d7;font-size:10px;letter-spacing:1.6px;font-weight:650}.header-info span:not(:last-child){border-right:1px solid #42606b;padding-right:28px}.header-info .live{color:#8cdbc7}.live i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5bddba;box-shadow:0 0 12px #5bddba;margin-right:8px}#status.warning{color:#ffb97d}#side{position:fixed;left:24px;top:111px;bottom:113px;width:329px;background:rgba(9,27,38,.88);border:1px solid rgba(94,138,157,.38);backdrop-filter:blur(18px);z-index:5;display:flex;flex-direction:column;box-shadow:0 15px 45px #07131d4d;transition:transform .25s}#side.collapsed{transform:translateX(-365px)}.aside-head{padding:28px 24px 22px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #345365}.eyebrow,.section-label{color:#6dc9d9;letter-spacing:2px;font-weight:750;font-size:10px}.aside-head h2{margin:11px 0 0;font-size:21px;line-height:1.15;letter-spacing:2.1px;font-weight:760}.icon-button{background:#174153;border:1px solid #487487;color:#ade4e8;padding:6px 12px;font-size:25px}#aside-scroll{overflow:auto;padding:0 24px 30px;scrollbar-width:thin;scrollbar-color:#38596a transparent}.section-label{display:flex;justify-content:space-between;margin:25px 0 13px;align-items:center}.section-label span{color:#698a9a;letter-spacing:1px}.locations{display:grid;gap:3px}.location{width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#d3e3e9;display:flex;align-items:center;text-align:left;gap:12px;padding:11px 10px;font-size:12px}.location:hover{background:#173c4b}.location.selected{border-left-color:var(--cyan);background:#1d4453;color:white}.location span{color:#6e9cb1;font-size:10px}.location em{margin-left:auto;color:#76adba;font-size:9px;font-style:normal;letter-spacing:1.4px}.control{margin:17px 0 22px}.control-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#e1edf1;margin-bottom:12px}.control-head output{color:#77d9dc;font-weight:800;font-size:11px}input[type=range]{width:100%;accent-color:#6ce0e6;height:5px;cursor:pointer}select{width:100%;background:#153544;color:#e0f0f4;border:1px solid #47677a;border-radius:2px;padding:12px;font-size:12px}.switch{border-top:1px solid #2e4b58;padding:14px 0;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#c4d8df}.switch input{accent-color:#5fcfdf;transform:scale(1.2)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action{border:1px solid #476879;background:#1b3748;color:#d7e5eb;padding:12px 6px;font-size:10px;font-weight:800;letter-spacing:.75px}.action:hover{border-color:var(--cyan);background:#235065}.action.primary{background:#5ecddd;color:#092333;border:0}.action.save{margin-top:8px;width:100%;background:#152f3d}.instructions{color:#7293a4;font-size:9px;line-height:2.3;letter-spacing:.7px;margin-top:23px}.instructions b{color:#4eb9c8}#hero-tag{position:fixed;left:385px;top:136px;pointer-events:none;text-shadow:0 2px 26px #0008}#hero-tag .label{font-size:10px;letter-spacing:2.9px;font-weight:800;color:#d4e4e7}#hero-tag .label span{color:#6dd3df;margin:0 10px}.hero-title{font-weight:850;font-size:clamp(25px,3.7vw,58px);line-height:1.02;letter-spacing:-1.4px;margin-top:17px}.hero-subtitle{color:#a5d0db;font-size:10px;letter-spacing:2.1px;margin-top:20px}#right-overlays{position:fixed;right:30px;top:114px;display:grid;gap:18px;z-index:6}#mapcard,#inspect{width:258px;background:rgba(6,24,36,.82);border:1px solid rgba(94,143,159,.48);padding:12px;backdrop-filter:blur(18px)}.card-heading,.inspect-header{display:flex;justify-content:space-between;align-items:center;color:#9bcbd6;letter-spacing:1.5px;font-size:10px;font-weight:800;margin-bottom:10px}.card-heading span:last-child{color:#70909c}#minimap{display:block;width:100%;aspect-ratio:236/168;border:1px solid #304e5d}.coordinates{font:10px/2 ui-monospace,monospace;color:#76b7c5;text-align:right;margin-top:5px}#inspect{padding:17px}#inspect[hidden]{display:none}#inspect h3{font-size:17px;margin:9px 0}#inspect p{color:#adcbd3;font-size:12px;line-height:1.65}#inspect-close{color:#c5eaf0;background:transparent;border:0;font-size:23px}#bottomHud{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(7,22,33,.79),rgba(7,22,33,.98));border-top:1px solid rgba(131,180,198,.39);z-index:4}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:85px;max-width:1600px;padding-left:380px;margin:0 auto}.metric{padding:17px 18px 9px;border-right:1px solid #345064}.metric small{display:block;letter-spacing:1.55px;color:#8da9b6;font-size:9px;font-weight:750;white-space:nowrap}.metric div{display:flex;gap:9px;align-items:baseline;margin-top:8px}.metric strong{font-size:25px;line-height:1;font-weight:720}.metric span{font-size:9px;letter-spacing:1.5px;color:#69cbd6;font-weight:700}#footer{height:29px;border-top:1px solid #294858;padding:0 32px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#83a8b5}#footer .footer-accent{color:var(--cyan)}#toast{position:fixed;z-index:22;left:50%;top:101px;transform:translateX(-50%) translateY(-15px);opacity:0;pointer-events:none;background:#164b5a;border:1px solid #5ecfe0;color:white;padding:13px 25px;font-size:12px;letter-spacing:1.2px;transition:.25s}#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}#loader,#fatal{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#163d4b,#091b29 55%,#07111c);text-align:center}#loader.hidden{display:none}#fatal[hidden]{display:none}.loader-inner{width:min(500px,80vw)}.loader-inner>span{color:#73d5e0;letter-spacing:4px;font-size:11px}.big{margin:35px 0;font-size:56px;font-weight:900;letter-spacing:-1px}.big span{display:block;font-size:19px;color:#62d7e5;letter-spacing:10px;margin-top:10px}.progress{height:2px;background:#22445a;overflow:hidden}.progress div{height:100%;width:32%;background:#6ce2eb;animation:loading 1.6s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(220%)}}.loader-inner small{display:block;margin-top:22px;color:#8daebf;letter-spacing:2px}.fatal-inner{width:min(650px,87vw);border:1px solid #527587;padding:35px;background:#102e3d}.fatal-inner p{color:#bfd9e2;line-height:1.8}.fatal-inner code{color:#70e2f0}#panel-toggle:focus-visible,.action:focus-visible,button:focus-visible{outline:2px solid #9debf2;outline-offset:2px}@media(max-width:1150px){.header-info{gap:12px}.header-info span:not(:last-child){padding-right:12px}#hero-tag{display:none}.metrics{padding-left:350px}.metric.desktop{display:none}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric strong{font-size:19px}}@media(max-width:760px){#topbar{height:70px;padding:0 12px}.brandmark .logo{font-size:17px;min-width:44px;padding:9px 7px}.brandmark strong{font-size:13px}.brandmark div>span{font-size:7px;letter-spacing:1px}.header-info span:not(.live){display:none}.header-info .live{padding:0;border:0!important;font-size:8px}#side{top:80px;bottom:106px;left:8px;width:290px}#side.collapsed{transform:translateX(-306px)}#right-overlays{right:8px;top:84px}#mapcard{width:168px;padding:7px}#mapcard .card-heading{font-size:8px}#inspect{width:190px}#bottomHud .metrics{padding-left:0;min-height:67px}.metric{padding:13px 7px}.metric strong{font-size:16px}.metric small{font-size:7px;letter-spacing:0}.metric span{font-size:7px}#footer{padding:0 10px;font-size:7px;letter-spacing:1px}#footer span:nth-child(2){display:none}}