:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,sans-serif}button,input{font:inherit}.shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 70% 40%,#06213d,#000 45%);overflow:hidden}.stage{position:relative;width:min(100vw,calc(100dvh * 1.7768));aspect-ratio:1672/941}.stage>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.hotspot{position:absolute;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:22px}.hotspot span{position:absolute;left:50%;bottom:6%;translate:-50%;white-space:nowrap;padding:.42em .8em;border:1px solid #24aaff;border-radius:99px;background:#020916e8;color:#fff;font-size:clamp(8px,.75vw,14px);font-weight:900;text-transform:uppercase;opacity:0;transition:.2s}.hotspot:hover,.hotspot:focus-visible{outline:none;border-color:#38b6ff;background:#038cff0c;box-shadow:inset 0 0 42px #0b9fff3d,0 0 22px #008cff60}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.gauges{left:43.5%;top:67.5%;width:18%;height:18%}.nexus{left:60.5%;top:61%;width:27%;height:27%}.nodes{left:86.5%;top:64%;width:13.5%;height:23%}.chrome{position:absolute;z-index:3;border:1px solid #159fea;border-radius:8px;background:#020914e8;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;cursor:pointer;box-shadow:0 0 18px #058fee50;padding:.7em 1.1em;font-size:clamp(9px,.72vw,13px)}.chrome:hover,.chrome:focus{background:#067bc2}.hidden{display:none!important}#back{left:2.2%;top:3%}#info{right:2.2%;bottom:2.2%}nav{display:none}dialog{width:min(460px,calc(100% - 32px));border:1px solid #168fd3;border-radius:12px;background:linear-gradient(145deg,#07101b,#020408 80%);color:#fff;box-shadow:0 0 60px #008cff57;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}#close{position:absolute;right:12px;top:8px;border:0;background:none;color:#ccecff;font-size:28px;cursor:pointer}.eyebrow{color:#1ba9ff;font-size:.78rem;font-weight:900;letter-spacing:.18em}h1{margin:.25em 0;font-size:2rem;text-transform:uppercase}dialog>p{color:#bac6d3;line-height:1.5}form{display:grid;gap:16px;margin-top:20px}label{display:grid;gap:7px;color:#dbe9f5;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}input{border:1px solid #365064;border-radius:7px;background:#050b12;color:#fff;padding:13px 14px;outline:none}input:focus{border-color:#1ba9ff;box-shadow:0 0 0 3px #058fdd32}form button{border:1px solid #35b4ff;border-radius:7px;background:linear-gradient(#078ddf,#04598e);color:#fff;padding:13px;font-weight:900;text-transform:uppercase;cursor:pointer}output{min-height:20px;color:#8ed4ff;text-align:center;font-size:.9rem}@media(max-aspect-ratio:4/3){.shell{align-content:center;overflow:auto}.stage{width:100vw}.hotspot span{display:none}nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background:#02060a;border-top:1px solid #0d79b8}nav button{border:0;border-right:1px solid #12364b;background:none;color:#fff;padding:15px 6px;font-size:12px;font-weight:900;text-transform:uppercase}}