.map-page{padding-bottom:72px}.map-hero{width:min(calc(100% - 40px),1380px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:50px;align-items:end;padding:72px 0 34px}.map-hero h1{max-width:920px;margin:14px 0 18px;font:700 clamp(3rem,6.6vw,6rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.058em}.map-hero h1 span{color:var(--cyan)}.map-hero>div>p:last-child{max-width:820px;margin:0;color:var(--muted);font-size:1.04rem}.map-trust{padding:22px;border:1px solid rgba(255,215,131,.23);border-radius:18px;background:rgba(255,215,131,.055)}.map-trust strong{color:var(--gold);font:700 1rem "Space Grotesk",sans-serif}.map-trust p{margin:.55rem 0 0;color:var(--muted);font-size:.85rem}.map-shell{width:min(calc(100% - 40px),1380px);margin:0 auto}.surface{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,26,51,.88),rgba(8,13,28,.9));box-shadow:0 20px 70px rgba(0,0,0,.23)}
.map-toolbar{display:grid;grid-template-columns:1.05fr 1fr .9fr 1fr .9fr 1.1fr .75fr;gap:11px;padding:17px;border-radius:20px}.map-toolbar label{display:grid;gap:6px;color:#c0cae3;font-size:.69rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.map-toolbar input,.map-toolbar select{min-width:0;height:45px;padding:0 12px;border:1px solid rgba(153,169,220,.22);border-radius:11px;color:var(--text);background:#0b1124;outline:none;text-transform:none;letter-spacing:0}.map-toolbar input:focus,.map-toolbar select:focus{border-color:rgba(109,231,255,.7);box-shadow:0 0 0 3px rgba(109,231,255,.08)}.map-toolbar option{background:#0b1124}.map-toolbar .field-disabled{opacity:.45}.map-toolbar :disabled{cursor:not-allowed}.map-summary{display:flex;justify-content:space-between;gap:20px;padding:14px 4px;color:var(--muted);font-size:.78rem}.map-summary span:first-child{color:var(--cyan);font-weight:800}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px}.galactic-map,.map-inspector{border-radius:22px;overflow:hidden}.map-stage{position:relative;min-height:650px;cursor:grab;touch-action:none;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(109,231,255,.075),transparent 7%,rgba(91,75,185,.06) 20%,transparent 49%),linear-gradient(rgba(109,231,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(109,231,255,.025) 1px,transparent 1px),#070c1c;background-size:auto,44px 44px,44px 44px}.map-stage.dragging{cursor:grabbing}.map-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.map-loading,.map-empty{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;text-align:center;background:rgba(7,12,28,.76);backdrop-filter:blur(5px)}.map-loading[hidden],.map-empty[hidden]{display:none}.map-loading span{width:34px;height:34px;border:3px solid rgba(109,231,255,.15);border-top-color:var(--cyan);border-radius:50%;animation:map-spin .8s linear infinite}.map-loading p,.map-empty p{margin:.7rem 0 0;color:var(--muted)}.map-empty strong{font:700 1.3rem "Space Grotesk",sans-serif}.map-axis{position:absolute;z-index:2;color:rgba(182,245,255,.42);font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}.map-axis-x{right:17px;bottom:14px}.map-axis-z{left:14px;top:17px;writing-mode:vertical-rl;transform:rotate(180deg)}.map-controls{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:rgba(7,11,25,.9)}.map-controls button{height:36px;min-width:36px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:rgba(255,255,255,.035);cursor:pointer;font-weight:800}.map-controls button:hover{border-color:rgba(109,231,255,.45);color:var(--cyan)}.map-controls #resetView{padding-inline:12px}.map-controls span{margin-left:auto;color:var(--muted);font-size:.69rem}
.map-inspector{display:flex;flex-direction:column;min-height:704px;padding:20px}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.inspector-head span{color:var(--muted);font-size:.7rem}.selection-empty{display:grid;justify-items:center;padding:55px 12px;text-align:center}.selection-empty strong{margin-top:18px;font:700 1.05rem "Space Grotesk",sans-serif}.selection-empty p{margin:.65rem 0 0;color:var(--muted);font-size:.78rem}.selection-orbit{position:relative;width:74px;height:74px;border:1px solid rgba(109,231,255,.36);border-radius:50%;box-shadow:inset 0 0 26px rgba(109,231,255,.08)}.selection-orbit::before,.selection-orbit::after{content:"";position:absolute;border-radius:50%}.selection-orbit::before{inset:13px;border:1px dashed rgba(157,140,255,.45)}.selection-orbit::after{width:7px;height:7px;right:7px;top:31px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.selection-list{display:grid;gap:9px;padding:17px 0}.selection-summary{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:4px}.selection-summary strong{font:700 1.42rem "Space Grotesk",sans-serif}.selection-summary span{color:var(--cyan);font-size:.7rem;font-weight:800}.selection-card{display:block;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);transition:border-color .18s,transform .18s}.selection-card:hover{border-color:rgba(109,231,255,.4);transform:translateY(-1px)}.selection-card header{display:flex;justify-content:space-between;gap:10px}.selection-card strong{font-size:.8rem}.selection-card .route-state{color:var(--green);font-size:.6rem;font-weight:800;text-transform:uppercase}.selection-card p{margin:.28rem 0;color:var(--muted);font-size:.72rem}.selection-card small{display:block;color:#c4cee7;font:600 .65rem ui-monospace,SFMono-Regular,Consolas,monospace}.selection-more{color:var(--muted);font-size:.7rem;text-align:center}.hotspot-panel{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.hotspot-panel small{color:var(--muted)}.hotspot-list{display:grid;gap:7px;margin-top:12px}.hotspot-item{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;width:100%;padding:8px 9px;border:0;border-radius:10px;color:var(--text);background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.hotspot-item:hover{background:rgba(109,231,255,.07)}.hotspot-item>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#071019;background:var(--cyan);font-size:.7rem;font-weight:900}.hotspot-item strong{display:block;font-size:.69rem}.hotspot-item small{display:block;font-size:.6rem}.hotspot-item>span:last-child{color:var(--cyan);font-size:.65rem;font-weight:800}.hotspot-empty{color:var(--muted);font-size:.7rem}.map-method{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:15px;border-radius:20px;overflow:hidden}.map-method>div{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:19px;background:rgba(12,18,37,.9)}.map-method span{color:rgba(109,231,255,.45);font:700 1.6rem "Space Grotesk",sans-serif}.map-method p{margin:0;color:var(--muted);font-size:.76rem}.map-method strong{display:block;color:var(--text);font-size:.86rem}
@keyframes map-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.map-toolbar{grid-template-columns:repeat(4,1fr)}.map-layout{grid-template-columns:1fr}.map-inspector{min-height:auto}.hotspot-panel{margin-top:22px}.map-stage{min-height:600px}}
@media(max-width:820px){.map-hero{grid-template-columns:1fr;gap:24px;padding-top:50px}.map-toolbar{grid-template-columns:repeat(2,1fr)}.map-method{grid-template-columns:1fr}.map-summary{display:grid}.map-stage{min-height:520px}.map-controls span{display:none}}
@media(max-width:520px){.map-hero,.map-shell{width:min(calc(100% - 24px),1380px)}.map-toolbar{grid-template-columns:1fr}.map-stage{min-height:440px}.map-controls{flex-wrap:wrap}.map-inspector{padding:16px}}
@media(prefers-reduced-motion:reduce){.map-loading span{animation:none}.selection-card{transition:none}}