.map-s1 {
    width: 100%; height: 100%; font-family: var(--font-mono); display: flex;
}

.map-s2 {
    width: 260px; display: flex; flex-direction: column; padding: 0; background: var(--bg-surface); border-right: 1px solid var(--border-subtle); z-index: 2;
}

.map-s3 {
    padding: 15px; border-bottom: 1px solid var(--border-subtle); color: var(--accent-blue); font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
}

.map-s4 {
    flex: 1; overflow-y: auto; padding: 10px;
}

.map-s5 {
    padding: 15px; border-top: 1px solid var(--border-subtle); background: rgba(0,0,0,0.3); min-height: 120px;
}

.map-s6 {
    color: var(--text-muted); font-size: 11px;
}

.map-s7 {
    flex: 1; display: flex; flex-direction: column; padding: 0; background: #050505; position: relative; overflow: hidden;
}

.map-s8 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(0, 195, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 195, 255, 0.05) 1px, transparent 1px); background-size: 40px 40px; background-position: center center;
}

.map-s9 {
    position: absolute; top: 20px; left: 20px; color: var(--text-secondary); font-size: 11px; z-index: 2;
}

.map-s10 {
    color: var(--accent-blue); font-weight: bold; margin-bottom: 5px; font-size: 14px;
}

.map-s11 {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;
}