Карточка улова: SVG-портрет рыбы ×2. #card .bigemoji svg 120×75 → 240×150 (моб. ≤420px: 94×59 → 188×118, низкий экран ≤620px: 81×50.6 → 162×101.2 — соотношение 160:100 сохранено). Панель min(92vw,370px) с паддингом 22 px — контентная ширина до 326 px, 240 px влезает; на низких экранах панель скроллится (max-height:92vh). Чисто CSS: роллы/баланс/физика не тронуты. Тесты: пинов на размер портрета нет (M6-пин — href #cardFishUse) — 193/193 PASS, exit 0; check.mjs OK.

This commit is contained in:
2026-09-21 15:14:24 +03:00
parent 48c54491dd
commit ea428bb4fb
+3 -3
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;margin:0 auto}
#card .bigemoji svg{width:240px;height:150px;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)}
@@ -231,7 +231,7 @@ button{font-family:inherit;cursor:pointer}
.panel p{font-size:13.5px}
.big{padding:13px;font-size:17px;border-radius:12px}
#card .bigemoji{font-size:58px}
#card .bigemoji svg{width:94px;height:59px}
#card .bigemoji svg{width:188px;height:118px}
#card .cname{font-size:21px}
.hudbtns button{width:42px;height:42px;font-size:19px;border-radius:12px}
#coins,#weather{font-size:15px;padding:7px 12px}
@@ -244,7 +244,7 @@ button{font-family:inherit;cursor:pointer}
.title{font-size:24px;margin-bottom:6px}
.panel p{font-size:13px;line-height:1.4}
#card .bigemoji{font-size:50px;margin:2px 0 0}
#card .bigemoji svg{width:81px;height:50.6px}
#card .bigemoji svg{width:162px;height:101.2px}
.big{margin-top:10px;padding:11px;font-size:16px}
.tabs button{padding:8px}
}