Центрирование SVG-портрета на карточке улова: #card .bigemoji svg — margin:0 auto. Портрет (блок фиксированной ширины 120px) прижимался к левому краю: text-align:center у .panel центрирует только текст, на блочный SVG не действует (.bigemoji — display:block на всю ширину). Адаптивные размеры (94px/81px в media-запросах) наследуют правило. Игровая логика не тронута (визуальный фикс). Тесты: 193/193 PASS, exit 0; check.mjs OK.

This commit is contained in:
2026-09-20 18:54:05 +03:00
parent cb502e4a17
commit 2329dd9a21
+1 -1
View File
@@ -150,7 +150,7 @@ button{font-family:inherit;cursor:pointer}
#card .bigemoji{font-size:74px;margin:4px 0 2px;display:block;animation:bob 1.2s ease-in-out infinite;
filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
/* SVG-портрет улова в карточке (спрайт <use href="#fish-<id>">, showCard ставит href у #cardFishUse) */
#card .bigemoji svg{width:120px;height:75px;display:block}
#card .bigemoji svg{width:120px;height:75px;display:block;margin:0 auto}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
#card .rarity{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}