/*
 * The common physical setting for the atlas volumes: one mahogany study desk
 * remains in place while each opened map keeps its own material mount.
 */

.atlas-study-desk #map {
  background-color: #21140e;
  background-image:
    radial-gradient(circle at 47% 38%, rgba(211, 153, 82, 0.12), transparent 40%),
    radial-gradient(ellipse at center, transparent 34%, rgba(10, 5, 3, 0.56) 112%),
    linear-gradient(136deg, rgba(55, 25, 13, 0.28), rgba(22, 10, 6, 0.5) 58%, rgba(8, 4, 3, 0.64)),
    url("./assets/materials/atlas-mahogany-v1.webp");
  background-position: center, center, center, left top;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-size: cover, cover, cover, 1200px 1200px;
  box-shadow:
    inset 0 0 160px rgba(8, 3, 2, 0.44),
    inset 0 0 0 1px rgba(229, 186, 105, 0.07);
}

.atlas-study-desk .atlas-physical-mat-pane,
.atlas-study-desk .atlas-physical-mat-pane * {
  pointer-events: none;
}

.atlas-study-desk .atlas-physical-mat__layer {
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}

.atlas-study-desk .atlas-physical-mat__layer--shadow {
  filter: drop-shadow(0 12px 15px rgba(7, 3, 2, 0.58));
}

.atlas-study-desk .atlas-physical-mat__layer--surface,
.atlas-study-desk .atlas-physical-mat__layer--tint {
  stroke: none;
}