header{height:86px;padding:12px 24px}header nav{gap:6px}header nav button{font-size:13px;padding:10px 14px}#universe{height:calc(100svh - 192px);min-height:480px;padding:0;display:grid;grid-template-columns:206px 1fr;grid-template-rows:46px 1fr 25px;gap:0 18px;margin:0 22px;overflow:hidden}.map-head{position:static;grid-column:1/-1;max-width:none;display:flex;align-items:center;gap:14px}.map-head .eyebrow,.map-head>p:last-child{display:none}.map-head h1{font-size:15px;letter-spacing:0;font-weight:500;margin:0}.map-head h1 br,.map-head h1 span{display:none}.map-head::after{content:'Натисни на сам екран, відсік або підпис на малюнку';font-size:11px;color:#abc6d4}.module-rail{grid-column:1;grid-row:2;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:2px 8px 6px 0}.nodes.left,.nodes.right{position:static;display:contents;width:auto}.node{min-height:48px;padding:8px 10px;gap:8px;border-radius:7px}.node strong{font-size:13px}.node small{font-size:9px}.node-num{font-size:9px;width:23px;height:23px}.node:hover,.right .node:hover{transform:none}.image-stage{grid-column:2;grid-row:2;position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;background:#04121c;border:1px solid #203c4d;border-radius:10px;overflow:hidden}.image-frame{position:relative;flex-shrink:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-origin:var(--px,50%) var(--py,50%)}.image-frame>img{display:block;width:100%;height:100%;object-fit:fill;opacity:1}.image-map{position:absolute;inset:0}.image-hit{position:absolute;border:1px solid transparent;border-radius:5px;background:transparent;padding:0;min-height:0;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}.image-hit:hover,.image-hit:focus-visible{background:#74ffcf24;border-color:#99ffe4;box-shadow:0 0 18px #65e7bf66;outline-offset:1px}.image-hit span{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-5px);padding:5px 9px;border:1px solid #82e5d0;background:#082936ed;border-radius:6px;color:#f0fff9;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none}.image-hit:hover span,.image-hit:focus-visible span{opacity:1}.system-label{position:absolute;min-height:0;padding:4px 8px;border:1px solid #6facb68a;border-radius:5px;background:#061d2bef;color:#eafff8;font-size:clamp(9px,.85vw,14px);width:19%;height:7%;display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.15}.system-label:hover{background:#245c55;border-color:#a4fce1}.scene-art,.connections,.core{display:none}.map-status{position:static;grid-column:1/-1;grid-row:3;align-self:center;font-size:9px}.guide{min-height:106px;padding:9px 24px}.guide p{font-size:13px}.zoomed .image-frame{transform:scale(1.1)}.zoomed .module-rail{opacity:.4}.scene-stounik{position:absolute;width:5%;height:auto;left:62%;top:7%;filter:drop-shadow(0 3px 8px #001);pointer-events:none}.frame-glow{position:absolute;left:40%;bottom:9%;width:20%;height:10%;background:radial-gradient(ellipse,#ffbe6344,transparent 70%);animation:engine 3s ease-in-out infinite;pointer-events:none}.map-hint{position:absolute;right:8px;bottom:6px;font-size:9px;color:#bfd3df;background:#041621c9;padding:3px 7px;border-radius:4px;pointer-events:none}@media(max-width:1000px){header{height:auto;flex-wrap:wrap;gap:10px}.brand{font-size:17px}.actions button{font-size:10px;padding:8px}#universe{grid-template-columns:160px 1fr;gap:0 10px;height:calc(100svh - 218px);margin:0 12px;min-height:420px}.node{padding:6px;min-height:43px}.node-num{display:none}.node strong{font-size:12px}.node small{font-size:8px}.map-head::after{font-size:9px}.system-label{font-size:9px}.guide img{width:48px;height:58px}.guide{gap:10px;padding:10px 16px;min-height:106px}.guide button{margin-left:auto}}@media(max-width:650px){header{padding:12px}.brand small{font-size:8px}header nav{order:3;width:100%;justify-content:center}header nav button{font-size:11px;padding:8px}.actions{width:auto}.actions button{font-size:10px;padding:8px}#universe{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:58px auto auto 28px;gap:8px;margin:0 10px;overflow:visible}.map-head{grid-row:1;flex-direction:column;gap:3px;justify-content:center}.map-head::after{font-size:10px}.image-stage{grid-column:1;grid-row:2;height:auto;min-height:0;aspect-ratio:3/2}.module-rail{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:5px 0;gap:6px}.node{min-height:49px}.node strong{font-size:13px}.node small{font-size:10px}.map-status{grid-row:4;font-size:8px}.system-label{font-size:8px;padding:2px;line-height:1.05}.image-hit span{font-size:8px;padding:2px 4px}.guide{margin-top:5px}.guide button{margin-left:auto}.scene-stounik{width:6%}}