/* MJPOLISH1024 星灯り麻雀の見やすさの直し（2026-10-24）。麻雀の画面（.mj-v4）だけに効く */
/* 1) 結果の和了手が右にはみ出して最後の牌が切れていた → 画面幅に合わせて縮め、はみ出す時は折り返す */
#app .mj-v4 .winning-hand{--wt:clamp(19px,calc((min(100vw,560px) - 116px) / 14),34px);display:flex!important;flex-wrap:wrap!important;justify-content:center;align-items:flex-end;gap:2px;overflow:visible!important;max-width:100%;padding:8px 4px!important}
#app .mj-v4 .winning-hand .tile{width:var(--wt)!important;height:calc(var(--wt) * 1.36)!important;flex:0 0 auto}
#app .mj-v4 .winning-hand .tile b,#app .mj-v4 .winning-hand .tile em{font-size:calc(var(--wt) * .46)!important}
#app .mj-v4 .winning-hand .tile .honor{font-size:calc(var(--wt) * .66)!important}
#app .mj-v4 .winning-hand .meld-group{display:inline-flex;gap:0;margin-left:4px}
/* 2) 鳴きのボタン: 牌が縦に積み重なって文字にかぶることがあった（360px幅のチー）→ 横一列・押しやすい高さ */
#app .mj-v4 .mj-actions .mj-call{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:6px;white-space:nowrap;min-height:46px}
#app .mj-v4 .mj-actions .call-tiles,#app .mj-v4 .mj-actions .call-tiles .meld-group{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end;margin:0!important;gap:1px}
#app .mj-v4 .mj-actions .call-tiles .tile{width:19px!important;height:26px!important;max-height:none!important}
#app .mj-v4 .mj-actions .mj-win-call{min-height:52px;font-size:18px!important;font-weight:800;letter-spacing:.06em;box-shadow:0 0 0 2px #ffe3a3,0 6px 18px #f0b95a88}
#app .mj-v4 .mj-actions .mj-pass{min-height:46px}
/* 3) 残り時間: 3秒以下は赤く大きく（鳴き・ロンの判断を見落とさない） */
#app .mj-v4 .mj-timer.mjp-urgent{color:#ff7d6e!important;font-weight:800;transform:scale(1.25);transition:transform .15s}
@media (prefers-reduced-motion:no-preference){#app .mj-v4 .mj-timer.mjp-urgent{animation:mjp-pulse .5s ease-in-out infinite alternate}@keyframes mjp-pulse{to{transform:scale(1.4)}}}
/* 4) フリテンを目立たせる（ロンできないことに気づけるように） */
#app .mj-v4 .mj-coach.mjp-furiten{background:#5c2328!important;border-color:#ff8b7d!important;color:#ffd7d0!important}
/* 2b) 鳴いた牌（横向き）が縦に積まれていた → ボタンの中では3枚を横一列に、横向きをやめて色の帯で「鳴く牌」を示す */
#app .mj-v4 .mj-actions .call-tiles .meld-called{display:inline-flex!important;flex-direction:row!important;transform:none!important;margin:0!important;position:static!important}
#app .mj-v4 .mj-actions .call-tiles .meld-called .tile{transform:none!important;box-shadow:0 0 0 2px #e8a33d!important}
#app .mj-v4 .mj-actions .mj-call{height:auto!important;overflow:visible!important;padding:6px 12px!important}