/* ═══ 19y-touch.css ═══ タッチ操作の底上げ（2026-09-24、持ち主「全体的にタッチパネルの操作ができるようにしてほしい」）。19y-touch.js と組 */
/* 二度たたきで拡大しない（連打する採掘・ひまつぶし・宇宙開発で、画面が勝手に大きくならないように）。二本指の拡大と、なぞってのスクロールはそのまま */
html{touch-action:manipulation}
/* 長押しで出る説明（19y-touch.js の touchTip） */
.ttip{position:fixed;z-index:9999;max-width:min(280px,calc(100vw - 16px));background:var(--tx);color:var(--bg);font-size:13px;font-weight:700;line-height:1.5;
 padding:7px 11px;border-radius:9px;box-shadow:0 6px 20px rgba(0,0,0,.3);pointer-events:none;animation:ttipin .12s ease-out}
@keyframes ttipin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* 遊ぶ所は、長押しで文字が選ばれたり、端末のメニュー（画像を保存 等）が出たりしないように */
#dig,.mgboard,.msgrid,.soboard,.bkboard,.bkslot,#dpcv,.spstage,.bdcv,#cv,.pxwrap,#egrid,#rbgrid,.upgb{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* キーの案内は、キーボードの無い端末（指だけ）では出さない */
@media (hover:none) and (pointer:coarse){.khint{display:none}}
/* 指で押す端末（タブレット・タッチパネルの PC も）：小さいボタンを押しやすい大きさに（44px 前後。見た目の並びは変えない） */
@media (pointer:coarse){
 .btn{min-height:42px}
 .btn.sm{min-height:38px;padding:8px 13px}
 .brush{min-height:40px;padding:9px 13px}
 .sw{width:34px;height:34px}
 .pxs{padding:8px 13px}
 .comtabs .ctab,.ctab{min-height:40px}
 input[type=range]{height:30px}
 input[type=checkbox],input[type=radio]{width:20px;height:20px}
 input[type=color]{width:44px;height:38px}
 .anc{padding:4px 6px;margin:-4px 0}
 .stdel{width:30px;height:30px;top:-9px}
}
@media (pointer:coarse) and (min-width:431px){   /* 狭いスマホでは上の帯が 2 段になるので、印のボタンは今の大きさのまま */
 #sharebtn,#soundbtn,#bell,#privbtn{min-width:40px;min-height:40px}
}
/* ── レイアウトの見直し（2026-09-25、持ち主「バグを精査して改善・レイアウトを調整」） ── */
/* せまいスマホ（420px 以下）：上の帯を 1 段に。前は 音・表示の ボタンが 2 段目に落ちて、帯が 93px（画面の 1 割以上）あった */
@media (max-width:420px){
 #topin{flex-wrap:nowrap;gap:4px;padding:8px 8px}
 #logo{font-size:16px;flex:0 0 auto;white-space:nowrap}
 #purse{gap:6px;font-size:10.5px;margin-left:auto;min-width:0}
 #purse b{font-size:13px;margin-left:2px}
 #bell,#sharebtn,#soundbtn,#themebtn,#privbtn{min-width:32px;min-height:32px;padding:3px 5px;font-size:13px;margin-left:0;flex:0 0 auto}
}
/* 指で押す端末：文字だけの小さな ボタン（「もっと見る」「✕」など）も 押せる大きさに */
@media (pointer:coarse){
 button.lk{min-height:32px;padding:4px 6px}
 .xfoldbtn{min-height:34px}
}