/* Cave view styling for the in-app cave generator.
 *
 * What this file does (plain English):
 *  - Styles the cave map area (the SVG and its frame background).
 *  - Adds the few sidebar tweaks the cave panel needs, scoped to .cave-panel-side
 *    so they never leak to the world UI.
 *
 * The panel chrome (accordions, control groups, buttons, export grid) reuses the
 * app's shared CSS in /styles.css. The cave shapes themselves are coloured by
 * inline attributes set in the renderer, so they need no rules here. */

/* The cave map stage reuses .dungeon-map-container for sizing and positioning.
 * This fills the stage with a soft rock tone so the letterbox blends in until
 * the host sets the exact rock colour from the rendered frame. */
.cave-map-container {
    background: #d8c8ac;
}

.cave-map-svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.cave-map-svg .map-title {
    pointer-events: none;
}

/* ----------- Cave sidebar controls (scoped to .cave-panel-side)
   Mirrors the equivalent .dungeon-panel-side rules so the cave sidebar matches
   the dungeon sidebar without those rules leaking to the world UI. */

.cave-panel-side .slider-label {
    width: 85px;
    flex-shrink: 0;
}

.cave-panel-side .control-group > .density-slider {
    flex: 1 1 auto;
    min-width: 0;
}

.cave-panel-side .range-value {
    font-size: 11.5px;
    color: var(--theme-text-dark);
    min-width: 2.35rem;
    text-align: left;
}

.cave-panel-side .debug-section {
    margin-top: 12px;
    padding-top: 10px;
}