/* Auswahl des Schwierigkeitsgrads vor dem Dungeon (difficulty.js) */
.diff-modal { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; background: rgba(20, 12, 8, 0.62); padding: 16px; }
.diff-card { width: min(480px, 100%); max-height: 92vh; overflow: auto; background: #fff6e0; color: #2b1a0e; border: 3px solid #2b1a0e; border-radius: 10px; padding: 16px; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.35); }
.diff-card h3 { margin: 0 0 6px; font-size: 1.1rem; }
.diff-note { margin: 0 0 12px; font-size: 0.82rem; opacity: 0.8; }
.diff-list { display: grid; gap: 8px; margin-bottom: 12px; }
.diff-opt { display: grid; gap: 2px; text-align: left; padding: 10px 12px; border: 2px solid #2b1a0e; border-radius: 8px; background: #fff; color: inherit; font: inherit; cursor: pointer; }
.diff-opt:hover:not(:disabled), .diff-opt:focus-visible { background: #ffe9a8; outline: 3px solid #2b6fd6; outline-offset: 1px; }
.diff-opt.locked { opacity: 0.55; cursor: not-allowed; background: #e9dfc8; }
.diff-name { font-weight: 800; }
.diff-meta { font-size: 0.8rem; }
.diff-cancel { width: 100%; padding: 8px; border: 2px solid #2b1a0e; border-radius: 8px; background: #f0e2c0; font: inherit; cursor: pointer; }

/* Gebäudeklassen-Abzeichen (base-classes.js): I = einfach, II = mit Kristall, III = mit Edelkristall */
.base-class { display: inline-block; min-width: 1.6em; padding: 0 6px; margin-right: 4px; border: 2px solid #2b1a0e; border-radius: 6px; font-weight: 900; font-size: 0.72rem; text-align: center; line-height: 1.5; cursor: help; }
.base-class.c1 { background: #d9f0c8; }
.base-class.c2 { background: #bfe0ff; }
.base-class.c3 { background: #e7c9ff; box-shadow: 0 0 0 1px #fff inset; }

/* Bronze-, Silber- und Goldstern unter dem Namensschild auf der Weltkarte */
.wm-stars { position: relative; z-index: 2; display: flex; justify-content: center; gap: 1px; margin-top: 3px; }
.wm-star { display: block; width: 13px; height: 13px; }
.wm-star svg { display: block; width: 100%; height: 100%; fill: #3a3f4a; stroke: #14081f; stroke-width: 0.9; stroke-linejoin: round; opacity: 0.55; }
.wm-star.on svg { opacity: 1; filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.45)); }
.wm-star-bronze.on svg { fill: #cd7f32; }
.wm-star-silber.on svg { fill: #d6dce6; }
.wm-star-gold.on svg { fill: #ffcf33; }
@media (max-width: 700px) { .wm-star { width: 10px; height: 10px; } }