/* Floralia — the daily dungeon's own maps on the dungeon page (2026-10-17; js/ddg.js DG.page): the place's story, its
   monsters and boss as clickable portraits, the weekly chest, and every reward chip clickable. Dark tier-tinted boxes with
   light text like css/dgtiers.css, so they read on every book skin. */
.ddg-hero small { display: block; font: 600 0.82rem var(--thai, Mali, sans-serif); line-height: 1.45; }
.dgt-tier .dgt-nm b { font-size: 1.12rem; }
.dgt-chip[data-ddgi] { cursor: pointer; }
.dgt-chip[data-ddgi]:hover { background: rgba(60, 48, 80, 0.9); }
.dgt-chip.ddg-title { background: linear-gradient(90deg, rgba(120, 84, 20, 0.92), rgba(40, 28, 10, 0.88)); color: #ffe7a0; border: 1px solid #ffd24a; }

/* the monsters (portraits cut from their own sheets) */
.ddg-mobs { margin-top: 7px; padding: 6px 8px 7px; border-radius: 12px; background: rgba(22, 18, 32, 0.8); color: #f4ecd8; }
.ddg-mobs h5 { margin: 0 0 5px; font: 800 0.88rem var(--thai, Mali, sans-serif); color: #ffd98a; }
.ddg-mobs h5 small { font-weight: 600; color: #cfc6b0; }
.ddg-mrow { display: flex; gap: 6px; flex-wrap: wrap; }
.ddg-mob { position: relative; display: flex; flex-direction: column; align-items: center; width: 82px; padding: 4px 3px 5px; border-radius: 10px; cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.14); background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.12), rgba(10, 8, 18, 0.6) 70%); color: #f4ecd8; font-family: var(--thai, Mali, sans-serif); }
.ddg-mob:hover { border-color: #ffd98a; transform: translateY(-2px); }
.ddg-mob.el { border-color: #ffb347; box-shadow: 0 0 10px rgba(255, 179, 71, 0.35); }
.ddg-mob b { font: 700 0.7rem var(--thai, Mali, sans-serif); text-align: center; line-height: 1.2; }
.ddg-mob em { font: 700 0.62rem var(--thai, Mali, sans-serif); font-style: normal; color: #9fe8ff; }
.ddg-mob em.el { color: #ffb347; }
.ddg-mpic { display: block; width: 58px; height: 54px; background-repeat: no-repeat; }
.ddg-tricks { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 5px; }
.ddg-tricks span { font: 600 0.72rem var(--thai, Mali, sans-serif); color: #ffcf9a; }

/* the boss: a big portrait, its skills listed */
.dgt-boss.ddg-boss { width: 100%; cursor: pointer; text-align: left; border: 2px solid color-mix(in srgb, var(--tc) 60%, #ff6a5a); font-family: var(--thai, Mali, sans-serif); }
.dgt-boss.ddg-boss:hover { box-shadow: 0 0 14px color-mix(in srgb, var(--tc) 50%, transparent); }
.ddg-boss .ddg-mpic { width: 76px; height: 72px; flex: none; }
.ddg-sk { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 3px; margin-top: 3px; }
.ddg-sk i { font: 600 0.68rem var(--thai, Mali, sans-serif); font-style: normal; padding: 1px 6px; border-radius: 7px; background: rgba(255, 110, 100, 0.2); color: #ffd6cc; }

/* the weekly chest */
.ddg-week { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; margin: 6px 0; padding: 8px 12px; border-radius: 12px;
  background: linear-gradient(90deg, rgba(90, 62, 18, 0.9), rgba(28, 22, 14, 0.86)); border: 2px solid #e8b84a; color: #f8edd0; }
.ddg-week b { font: 800 0.98rem var(--thai, Mali, sans-serif); color: #ffe39a; }
.ddg-week small { grid-column: 1; font: 600 0.74rem var(--thai, Mali, sans-serif); color: #e8dcc0; }
.ddg-week .dgt-chips { grid-column: 1; }
.ddg-week .btn { grid-column: 2; grid-row: 1 / span 3; }
.ddg-week.got { filter: saturate(0.5); opacity: 0.8; }

/* the way through the halls, under the tier's head */
.ddg-path { margin: 5px 0 0; padding: 4px 10px; border-radius: 9px; background: rgba(22, 18, 32, 0.8); font: 600 0.74rem var(--thai, Mali, sans-serif); color: #e2d9c4; line-height: 1.35; }
.ddg-path b { color: #ffb0a0; }
.dgt-head b { line-height: 1.15; }