/* TABLETQA1030 タブレット（iPad・Android タブレット・Chromebook）で見つけた崩れの直し。CSS だけ。
   ほかの担当のファイル（ppui・hmapp.css・gacha.css など）は書き換えず、ここで上書きする（読む順に左右されないよう、少しだけ強い書き方）。
   止める: option mbtisvaf_tabletqa_off=1 */

/* 1) 下のナビ（幅 783px 以上で丸い帯になる #msBottomNav）: 札が 42px に縮んで「タイムラ」「ランキン」「マイペー」と字が切れていた
      （アンケート・アバターパワー・マイルームなど）。札の幅を字に合わせる */
@media (min-width:783px){
	html.ppu-nav body #msBottomNav[data-ppu] .ppu-n{flex:0 0 auto!important;min-width:64px!important}
	html.ppu-nav body #msBottomNav[data-ppu] .ppu-n .msbn__label,html.ppu-nav body #msBottomNav[data-ppu] .ppu-n__t{overflow:visible!important}
}

/* 2) ガチャのページ: 中身（560px）が 640px の枠の左に寄り、右だけ 80px 空いていた（下のナビは真ん中）。真ん中に */
@media (min-width:600px){
	html body .cmsh__body > main.gh{margin-left:auto!important;margin-right:auto!important}
}

/* 3) ガチャのページの 10連の結果: 幅で並びが変わり、iPad 縦は 7枚＋3枚、iPad 横は 9枚＋1枚だけ下の段になっていた → 5枚×2段（札は少し大きく） */
@media (min-width:560px){
	html body .gh-rv:not(.is-one) .gh-rv__res{left:0;right:0;width:min(100%,680px);margin:0 auto;box-sizing:border-box}
	html body .gh-rv:not(.is-one) .gh-rc{max-width:120px}
}

/* 4) 新しい着せ替え（#hma）のシート（出る確率・ガチャの結果・買う確認など）: 広い画面で横いっぱい（1366px）に伸び、表の列が離れて読みにくい → 真ん中に */
@media (min-width:720px){
	html body #hma .hma-sheet{left:0;right:0;width:min(680px,calc(100% - 32px));margin:0 auto}
	html body #hma .hma-sheet.is-res{width:min(760px,calc(100% - 32px))}
}

/* 5) 新しい着せ替え: タブレット縦（600〜899px・高さ 900px 以上）で、品の一覧が高さ 470px までに抑えられ、札が 1 段しか見えない → 画面の 56% まで */
@media (min-width:600px) and (max-width:899px) and (orientation:portrait) and (min-height:900px){
	html body #hma{grid-template-rows:auto minmax(0,1fr) max(var(--dh,400px),56vh)}
}

/* 6) 新しい着せ替えのガチャの結果: 「かけら +10（★5）」の札が Chromebook の幅で 7px 切れていた → 2 行まで折り返す */
@media (min-width:600px){
	html body #hma .hma-res .hma-tag{white-space:normal;line-height:1.3;padding-top:2px;padding-bottom:2px;text-overflow:clip}
}

/* 7) 新しい着せ替えの「出る確率を見る」: 押せる所が 77×17px と小さい → 上下に広げる（見た目の字はそのまま） */
html body #hma .hma-link{padding:10px 14px;margin-top:0}

/* 8) iPad の Safari: ボタンやリンクをすばやく 2 回押すと画面ごと拡大されることがある（ガチャの「1回」「もう一度」など）。
      押せる物だけ二度押しの拡大を止める（指 2 本の拡大・スクロールはそのまま）。:where で強さ 0（ほかの指定があればそちらが勝つ） */
:where(a[href],button,[role="button"],label,summary,input[type="button"],input[type="submit"]){touch-action:manipulation}