/* The Delve Strata (M10): the title card on the way into a stratum, Burrowdeep's panels, the
   Delver's Journal, and the strata in the mine mouth's panel. */

/* the stratum's name, fading in over the cave */
.dv-card { position: fixed; left: 50%; top: 30%; transform: translateX(-50%); z-index: 30; pointer-events: none; text-align: center; color: #f4ecff; text-shadow: 0 2px 0 #000, 0 0 18px rgba(0, 0, 0, .8); animation: dv-card 4.2s ease forwards; white-space: nowrap; }
.dv-card-t { font-size: 30px; font-weight: 700; letter-spacing: 1px; }
.dv-card-s { font-size: 13px; opacity: .8; margin-top: 2px; }
.dv-card.dv-moss .dv-card-t { color: #c8f0b0; }
.dv-card.dv-crystal .dv-card-t { color: #e0ccff; }
.dv-card.dv-glow .dv-card-t { color: #a8ffe0; }
.dv-card.dv-works .dv-card-t { color: #ffd090; }
.dv-card.dv-star .dv-card-t { color: #fff2b0; }
@keyframes dv-card { 0% { opacity: 0; transform: translate(-50%, 8px); } 15% { opacity: 1; transform: translate(-50%, 0); } 75% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 600px) { .dv-card { top: 24%; } .dv-card-t { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { .dv-card { animation-name: dv-card-calm; } @keyframes dv-card-calm { 0%, 80% { opacity: 1; } 100% { opacity: 0; } } }

/* the banner's stratum */
#dg-banner .dg-words { color: #a8e8d0; }

/* Burrowdeep */
.row.dv-jar { background: rgba(200, 150, 42, .12); border-radius: 6px; }
.dv-story { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; font-size: 12px; color: #8a7a6a; }
.dv-story .done { color: #2f8a3a; }
.dv-story .now { color: #5a3a7a; font-weight: 700; }
.row.dv-proj.done b { color: #2f8a3a; }
.dv-needs { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 4px; font-size: 12px; }
.dv-needs > span { display: inline-flex; align-items: center; gap: 2px; }
.dv-needs .ico { width: 16px; height: 16px; }

/* the Delver's Journal */
.dv-jour { margin: 4px 0; border: 2px solid var(--wood2, #8a6038); border-radius: 8px; padding: 4px 8px; background: rgba(255, 255, 255, .25); }
.dv-jour > summary { cursor: pointer; padding: 2px 0; }
.dv-finds { gap: 6px; }
.dv-finds .not { opacity: .25; filter: grayscale(1); }
.row.dv-lore { cursor: pointer; }
.row.dv-lore.dim { cursor: default; opacity: .6; }

/* the strata, in the mine mouth's panel */
.dv-strata { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; margin-bottom: 6px; }
.dv-st { border-radius: 6px; padding: 4px 2px; text-align: center; font-size: 11px; line-height: 1.25; background: #3a3440; color: #8a8090; position: relative; display: flex; flex-direction: column; }
.dv-st b { font-size: 11px; }
.dv-st.been { color: #f4ecff; }
.dv-st.been.dv-moss { background: #3d5a2e; }
.dv-st.been.dv-crystal { background: #4a3a7a; }
.dv-st.been.dv-glow { background: #1f5a64; }
.dv-st.been.dv-works { background: #7a4a24; }
.dv-st.been.dv-star { background: #2a2a5a; }
.dv-calm { position: absolute; top: -4px; right: -2px; background: #2f8a3a; color: #fff; border-radius: 8px; font-size: 10px; padding: 0 4px; }
@media (max-width: 600px) { .dv-strata { grid-template-columns: repeat(3, 1fr); } }