.sn{--accent:#58b8e8}.sn .tool-panel{display:flex;flex-direction:column;gap:12px}.sn-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:14px;align-items:start}@media (max-width:860px){.sn-stage{grid-template-columns:1fr}}#map svg{width:100%;height:auto;display:block}.sn-base path{fill:#73786438;stroke:#0f0c0899;stroke-width:.6}.sn-river{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 6;animation:snFlow 1.1s linear infinite;filter:drop-shadow(0 0 3px rgba(88,184,232,.5))}@keyframes snFlow{to{stroke-dashoffset:-13}}.sn-hit{fill:none;stroke:transparent;stroke-width:12;cursor:pointer}.sn-river.sel{stroke:#bfe6ff;stroke-width:3}.sn-peak{cursor:pointer}.sn-peak path{fill:#caa25f;stroke:#0f0a05b3;stroke-width:1}.sn-peak.deo path{fill:#9a8468}.sn-peak:hover path,.sn-peak.sel path{fill:#ffd98a;stroke:#fff}.sn-wat{cursor:pointer}.sn-wat.vinh circle{fill:#3278aad9;stroke:#0a0f14b3;stroke-width:1}.sn-wat .sn-wave{fill:none;stroke:#cfeaff;stroke-width:1.2;stroke-linecap:round}.sn-wat.hang path{fill:#8a7550;stroke:#0f0a05b3;stroke-width:1}.sn-wat .sn-cave{fill:#1a120a;stroke:none}.sn-wat:hover circle,.sn-wat.sel circle{stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 0 4px rgba(120,200,255,.8))}.sn-wat:hover path,.sn-wat.sel path{fill:#c9a86a;stroke:#fff}.sn-side{display:flex;flex-direction:column;gap:12px}.sn-intro{margin:0;font:500 13px/1.6 var(--font-sans);color:var(--dim)}.sn-intro b{color:var(--accent)}.sn-dh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sn-dh b{font:800 17px/1.25 var(--font-sans);color:var(--ink)}.sn-dh span{font:700 12px/1.3 var(--font-mono);color:var(--accent)}.sn-desc{margin:0;font:500 13px/1.6 var(--font-sans);color:var(--dim)}.sn-list{display:flex;flex-direction:column;gap:4px}.sn-tabs{display:flex;gap:6px;margin-bottom:6px}.sn-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--dim);border-radius:9px;padding:7px 6px;font:700 12px/1.2 var(--font-sans);transition:all .12s;white-space:nowrap}.sn-tab i{font:700 10px/1 var(--font-mono);font-style:normal;color:var(--faint);background:rgba(255,255,255,.07);border-radius:99px;padding:2.5px 6px}.sn-tab:hover{color:var(--ink);border-color:#ffffff40}.sn-tab.on{color:var(--ink);border-color:var(--accent);background:rgba(88,184,232,.1)}.sn-tab.on i{background:rgba(88,184,232,.22);color:var(--accent)}.sn-lh{font:800 11.5px/1.3 var(--font-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.sn-row{display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;color:var(--dim);border:1px solid transparent;background:none;border-radius:8px;padding:6px 9px;font:600 12.5px/1.3 var(--font-sans);transition:all .12s}.sn-row:hover{color:var(--ink);background:rgba(255,255,255,.04)}.sn-row.sel{color:var(--ink);border-color:var(--accent);background:rgba(88,184,232,.08)}.sn-row em{margin-left:auto;font:600 10.5px/1 var(--font-mono);font-style:normal;color:var(--faint)}