/* Odznaczenia (N33): wybór wyglądu w menu (kamuflaż, opaska, tytuł) z kłódkami, dymek warunku, karta świata, raport z wyprawy. */
.mm-looks { display: flex; flex-direction: column; gap: 4px; }
.mm-look { display: flex; gap: 7px; align-items: center; font-size: 12px; letter-spacing: .06em; color: #b9bda9; margin: 2px 0 2px; }
.mm-look > span:not(.mm-lb):not(.mm-sep) { min-width: 0; }
.mm-look button { position: relative; min-width: 24px; height: 24px; border: 2px solid #1d2019; cursor: pointer; border-radius: 3px; padding: 0 6px; color: #e6e0c4; background: #2a2e22; font: 700 11px Bahnschrift, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.mm-look button.on { outline: 2px solid #e6d27a; outline-offset: 1px; }
.mm-look .mm-sep { width: 8px; }
.mm-look .mm-lb { white-space: nowrap; }
.mm-cam button.lk, .mm-look button.lk { cursor: not-allowed; filter: saturate(.25) brightness(.7); }
.mm-cam button { position: relative; }
.mm-lk { position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%); color: #e6e0c4; filter: drop-shadow(0 0 2px #000); pointer-events: none; }
.mm-look button.lk .mm-lb { opacity: .45; }
.mm-look button[data-title] { padding: 0 8px; }
.mm-look button[data-title] .mm-lk { position: static; display: inline-block; width: 12px; height: 12px; margin-left: 5px; vertical-align: -2px; transform: none; }

/* dymek warunku odblokowania (przy najechaniu na zablokowany wybór) */
.mm-ltip { position: fixed; z-index: 60; display: none; transform: translateX(-50%); max-width: 280px; padding: 6px 10px; background: rgba(22,25,17,.97); border: 1px solid #5a5746; color: #e6e0c4; font: 600 12px/1.35 Bahnschrift, sans-serif; letter-spacing: .03em; pointer-events: none; box-shadow: 0 6px 18px rgba(0,0,0,.5); }
.mm-ltip.on { display: block; }

/* karta świata po najechaniu na wiersz listy (tylko odczyt) */
.mm-card { position: fixed; z-index: 55; display: none; width: 280px; padding: 12px 14px; background: rgba(22,25,17,.96); border: 1px solid #5a5746; box-shadow: 0 10px 30px rgba(0,0,0,.55); color: #cfc9ac; font: 600 13px/1.3 Bahnschrift, sans-serif; letter-spacing: .03em; pointer-events: none; }
.mm-card.on { display: block; }
.mm-card h3 { margin: 0 0 8px; font: 800 15px Bahnschrift, sans-serif; letter-spacing: .08em; color: #e6e0c4; text-transform: uppercase; }
.mm-card em { color: #9a967f; font-style: normal; }
.mm-cr { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border-top: 1px solid rgba(214,206,170,.08); }
.mm-cr b { color: #e6e0c4; font-weight: 700; text-align: right; }

/* raport z wyprawy (ekran śmierci drużyny i pauza) */
#report { position: fixed; inset: 0; z-index: 260; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(8,9,6,.62); animation: dFade .25s ease-out both; }
#report .rp-box { width: min(560px, 100%); max-height: 90vh; overflow: auto; display: flex; flex-direction: column; gap: 10px; padding: 22px 26px 24px; background: rgba(22,25,17,.97); border: 1px solid #5a5746; box-shadow: 0 10px 40px rgba(0,0,0,.6); color: #cfc9ac; }
#report h2 { margin: 0; font: 800 22px Bahnschrift, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #e6e0c4; }
#report h3 { margin: 6px 0 0; font: 800 13px Bahnschrift, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #9a967f; }
#report .rp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 22px; }
#report .rp-r { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border-bottom: 1px solid rgba(214,206,170,.08); font: 600 13px/1.3 Bahnschrift, sans-serif; letter-spacing: .03em; }
#report .rp-r b { color: #e6e0c4; text-align: right; font-weight: 700; }
#report .rp-r:nth-child(5) { grid-column: 1 / -1; }
#report .rp-med { display: flex; flex-direction: column; gap: 6px; }
#report .rp-m { display: flex; flex-direction: column; gap: 2px; padding: 6px 10px; border-left: 3px solid #c9a22e; background: rgba(214,206,170,.05); }
#report .rp-m b { font: 700 14px Bahnschrift, sans-serif; color: #e6e0c4; letter-spacing: .04em; }
#report .rp-m small { font: 600 12px/1.3 Bahnschrift, sans-serif; color: #9a967f; }
#report .rp-med em { color: #9a967f; font-style: normal; }
#report .rp-x { align-self: flex-end; margin-top: 4px; }
@media (max-width: 560px) { #report .rp-grid { grid-template-columns: 1fr; } }

/* przycisk raportu na ekranie śmierci drużyny (ekran sam nie przyjmuje kliknięć, tylko ten przycisk) */
#death .rpt { pointer-events: auto; margin-top: 16px; min-width: 190px; padding: 11px 22px; font: 800 14px Bahnschrift, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #e6e0c4; background: rgba(40,44,32,.9); border: 1px solid #6a674f; cursor: pointer; }
#death .rpt:hover { border-color: #e6e0c4; background: #47543c; }

/* powiadomienie o odznaczeniu: jedna linia z gwiazdką (fx/medals.js) */
.qtoast.medal b::before { content: '★'; margin-right: 6px; color: #e6d27a; }

/* tytuł z odznaczenia przy ksywce na liście drużyny (ui/team.js) */
.tm-row .tm-title { flex: none; font: 700 10px Bahnschrift, sans-serif; font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: #e6d27a; white-space: nowrap; }