/**
 * assets/css/museum.css — музей артефактов (§16).
 *
 * Витрина в профиле: найденные предметы в цвете, ненайденные — тёмным
 * силуэтом. Оформление то же, что у карточек снаряжения: тёмная подложка,
 * золотая кайма, редкость видна цветом подписи.
 */

.tam-museum {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tam-museum__head {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Заголовок и подпись витрины набраны как подпись секции (§3 рамы):
   плотный капслок в тёмной обводке по центру. Прежде это был обычный
   текст у левого края, и музей выглядел куском чужого экрана. Набор
   обоих приходит из §3, здесь остаётся только выравнивание шапки. */
.tam-museum__head {
    align-items: center;
    text-align: center;
}

/*
 * Шкала находок тянется на всю ширину шапки.
 *
 * Шапка — колонка с `align-items: center`, и полоса как её ребёнок
 * сжималась до содержимого: внутри `<i>` с процентом ширины ничего нет,
 * поэтому на экране от шкалы оставались четыре пикселя кромки. Игрок
 * видел пустое место между подписью и чипами видов и не знал, что
 * прогресс музея вообще показан.
 */
.tam-museum__bar {
    align-self: stretch;
    height: var(--ui-bar-h-sm);
}

.tam-museum__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

/* Витрина — те же доски, что карточки коллекции: материал приходит из
   §6 ui-frame.css, здесь остаются только размеры. Прозрачная заливка
   `rgba(238, 236, 255,.05)` не давала карточке ни корпуса, ни края —
   музей выглядел сеткой картинок на пустоте. */
.tam-museum__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 6px 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.tam-museum__card:active {
    transform: translateY(var(--ui-press));
}

.tam-museum__art {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
}

.tam-museum__art img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(var(--ui-art-shadow-md));
}

/* Ненайденный предмет — силуэт: видно очертания, но не сам предмет. */
.tam-museum__card.is-hidden .tam-museum__art img {
    filter: brightness(0) opacity(0.42);
}

.tam-museum__card.is-hidden .tam-museum__name {
    color: var(--ui-text-faint);
}

/* Набор названия — ярлык предмета §22.3 рамы, общий с сейфом, коллекцией
   и гардеробом. Здесь остаются кегль (11px: в ряду из трёх карточек на
   320px общие размеры не помещаются) и обрезка длинного названия. */
.tam-museum__name {
    font-size: var(--ui-size-small);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.tam-museum__rarity {
    font-family: var(--ui-font-condensed);
    font-size: var(--ui-size-micro);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ui-text-muted);
}

/* Подпись редкости шести видов описана в `game-ui.css` рядом с такими же
   подписями снаряжения и облика: шесть цветов на игру, а не по копии в
   каждом разделе. Здесь их дубль стоял вторым набором и выигрывал
   порядком файлов, оставляя редкости музея жить отдельной жизнью. */

/* Счётчик находок «×2» — золотой кружок §23.2 рамы; здесь только место
   в углу карточки и кегль (10px: место у края картинки). */
.tam-museum__count {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 2px 6px;
    font-size: var(--ui-size-micro);
}

/* Материал подписи — утопленная поверхность §8 рамы; своя чернота в 24 % с
   волосяной рамкой до экрана не доживала. Монета награды (§64) стоит в
   строке, поэтому строка — по центру и с зазором под значок. */
.tam-museum__hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px;
    text-align: center;
    font-size: var(--ui-size-small);
    font-weight: 800;
}

/* Карточка находки в окне после удара. */
.tam-artifact__found {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.tam-artifact__found-art {
    width: 120px;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(var(--ui-art-shadow-lg));
}

.tam-artifact__found-lore {
    margin: 0;
    font-size: var(--ui-size-body);
    line-height: 1.4;
    text-align: center;
    color: var(--ui-text-muted);
}

@media (max-width: 340px) {
    .tam-museum__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ==========================================================================
   Виды артефактов и соседние разделы (§117, этап 26)

   К шапке музея добавились две строки. Первая — счёт по видам: сюжетные,
   игровые, коллекционные и престижные набираются по-разному, и общий
   процент этого не показывал. Вторая — вход в лабораторию и Хронику:
   своей плитки в нижнем меню у них нет, а логическое место у них здесь,
   рядом с находками.
   ========================================================================== */

.tam-museum__kinds {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

/* Материал чипа вида — §8 рамы; своя чернота в 28 % и подпись через
   псевдонимы старого словаря до экрана не доходили. */
.tam-museum__kind {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    font-family: var(--ui-font-condensed);
    font-size: var(--ui-size-small);
}

.tam-museum__kind b { color: var(--ui-gold-light); }

/*
 * Переходы в соседние разделы — сетка, а не строка (§10 списка владельца).
 *
 * Четыре кнопки в одну строку на вертикальном телефоне не помещались:
 * ряд не переносился и не прокручивался, поэтому «Хроника» просто уходила
 * за край экрана и была недостижима. Две колонки помещают все четыре
 * целиком, и добираться до них не нужно ни жестом, ни прокруткой.
 */
.tam-museum__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

/* Вход в соседний раздел — тот же мелкий контрол §12 рамы, что «В башню»
   в профиле и «Арена» в клубе. Свой корпус собирался псевдонимами
   отменённого тёплого набора (`--brown-3` → `--brown-1` под золотой
   линией в 1px) и на фиолетовой доске выглядел кнопкой из другой игры. */
.tam-museum__link {
    justify-content: center;
    min-width: 0;
    cursor: pointer;
}

/* Длинная подпись обрезается многоточием, а не ломает высоту плитки. */
.tam-museum__link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tam-museum__link:active { transform: translateY(1px); }

/* Замок в углу карточки: сюжетный предмет не расщепляется, и об этом
   видно до того, как игрок начнёт искать кнопку. Материал кружка — §23.3
   рамы, здесь остаются размер и место в углу. */
.tam-museum__guard {
    position: absolute;
    top: 6px;
    left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    pointer-events: none;
}