/* 強化と店 */
/* ---- 採掘 強化UI ---- */
.minehero{text-align:center;position:relative;overflow:hidden;transition:box-shadow .4s}
#dig{width:auto;display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:20px 36px;margin:8px auto 12px;background:linear-gradient(180deg,#2a3145,#1b2130);border:1px solid var(--line2);border-radius:20px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 6px 0 rgba(0,0,0,.28)}
#dig:active{transform:translateY(3px);background:#2a3145;box-shadow:0 3px 0 rgba(0,0,0,.28)}
#dig.hit{animation:dighit .16s ease-out}
@keyframes dighit{0%{transform:scale(1)}40%{transform:scale(.93) rotate(-1.5deg)}100%{transform:scale(1)}}
#rockface{font-size:66px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
#digword{font-size:12px;color:var(--dim);letter-spacing:.08em;font-weight:800}
#orebig{font-size:52px;margin-top:2px}
.minestats{display:flex;gap:20px;justify-content:center;color:var(--dim);font-size:12.5px;margin-top:2px}
.minestats b{color:var(--tx);font-size:15px;margin-left:5px}
.minehero #bar{max-width:340px;margin:14px auto 5px}
.minehero #combobar{max-width:340px;margin-left:auto;margin-right:auto}
.orep{position:fixed;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:50}
.uphead{display:flex;align-items:center;margin-bottom:12px;font-weight:700;font-size:13.5px}
#buymode{margin-left:auto;display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
#buymode button{background:none;border:0;color:var(--dim);font-weight:800;font-size:12px;padding:5px 12px;cursor:pointer}
#buymode button[aria-pressed="true"]{background:var(--irm);color:#181203}
.up .ico{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--sur2);display:grid;place-items:center;font-size:20px}
.up .buy{min-width:88px;text-align:center;line-height:1.15}
/* 採掘クリッカー演出強化 */
#minehero{padding:24px 16px}
#rockface{font-size:78px;transition:transform .08s}
#dig::after{content:"";position:absolute;inset:0;border-radius:20px;border:2px solid var(--irm);opacity:0;pointer-events:none}
#dig.hit::after{animation:shock .42s ease-out}
@keyframes shock{0%{opacity:.55;transform:scale(.82)}100%{opacity:0;transform:scale(1.28)}}
#orebig{font-size:58px}
.minestats{gap:22px;margin-top:6px}
.minestats .ps b{color:var(--irm);font-size:22px}
#cpswrap{margin-top:10px;font-size:12.5px;color:var(--dim);font-weight:700}
#cpswrap b{color:var(--good);font-size:16px;margin:0 3px}
#cpswrap .hint{color:var(--faint);font-weight:400;margin-left:6px}
#cpswrap .hint b{color:var(--dim);font-size:inherit;font-weight:700;margin:0 2px;white-space:nowrap}   /* 「マイページ」が行の終わりで割れて読めなくなっていた（2026-09-23） */
.up{transition:background .35s;border-radius:8px;padding-left:6px;padding-right:6px}
.up.bought{animation:rowflash .6s ease-out}
@keyframes rowflash{0%{background:rgba(255,194,71,.30)}100%{background:transparent}}
.up .contrib{color:var(--good);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.up .contrib em{font-style:normal;font-weight:800}
.up .contrib i{color:var(--dim);font-style:normal;font-size:10px;margin-left:3px}
.up .t{min-width:0}
.up .lv{color:var(--dim);font-weight:400;font-size:11px}
.up.locked{opacity:.7}
.up.locked .ico{filter:grayscale(1);opacity:.6}
.up.locked .t b{letter-spacing:2px}
.frow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.frow:first-child{border-top:0}
.frow .fname{flex:0 0 auto;min-width:98px;font-size:12.5px;color:var(--dim)}
.frow .fname b{color:var(--tx);margin-left:4px}
.frow .ficons{display:flex;flex-wrap:wrap;gap:1px 2px;line-height:1;align-items:center}
.fic{font-size:15px;animation:ficpop .3s ease-out}
@keyframes ficpop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.fmore{font-size:11px;color:var(--dim);margin-left:5px}
.frow.grew{animation:grewpop .6s ease-out}
@keyframes grewpop{0%{background:rgba(123,236,156,.20)}100%{background:transparent}}
.spark{font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,.45)}
/* ── ストア：強化のマス目グリッド ── */
.stlabel{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--dim);margin:2px 0 7px}
.stlabel span{font-weight:400;letter-spacing:0;margin-left:6px;color:var(--faint)}
#upgrades{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;margin-bottom:10px}
.upgb{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
 border:1px solid var(--line2);border-radius:9px;background:linear-gradient(180deg,var(--sur2),var(--sur));cursor:pointer;
 padding:0;transition:transform .12s,box-shadow .12s,border-color .12s;animation:upgin .3s ease-out}
@keyframes upgin{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.upgb .ui{font-size:19px;line-height:1}
.upgb .uc{font-size:9px;font-weight:800;color:var(--irm);line-height:1}
.upgb:hover{transform:translateY(-2px);border-color:var(--irm);box-shadow:0 4px 14px -6px var(--irm)}
.upgb.off{opacity:.4;cursor:not-allowed;filter:grayscale(.85)}
.upgb.off:hover{transform:none;box-shadow:none;border-color:var(--line2)}
.upgempty{grid-column:1/-1;font-size:11.5px;color:var(--faint);padding:8px 0}
#upgtip{border:1px solid var(--line2);border-radius:9px;background:var(--sur2);padding:9px 11px;margin-bottom:11px;font-size:12px}
#upgtip b{display:block;font-size:13px;margin-bottom:3px}
#upgtip .td{color:var(--dim);line-height:1.6}
#upgtip .tc{color:var(--irm);font-weight:800;margin-top:4px;display:block}
/* ── ニュースティッカー ── */
#news{border:1px solid var(--line);border-radius:9px;background:var(--sur);padding:8px 12px;margin-bottom:12px;
 font-size:12px;color:var(--dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:33px;line-height:17px}
#news::before{content:"速報";display:inline-block;font-weight:900;font-size:9.5px;letter-spacing:.12em;color:var(--bg);
 background:var(--irm);border-radius:4px;padding:2px 5px;margin-right:9px;vertical-align:1px}
#newstext{animation:newsin .5s ease-out}
@keyframes newsin{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
/* ── バフ（きんの鉱脈の効果）── */
#bufflane{display:flex;flex-direction:column;gap:5px;margin:8px 0 -4px}
#bufflane:empty{display:none}
.buffchip{border:1px solid var(--irm);border-radius:9px;background:linear-gradient(180deg,rgba(255,194,71,.16),transparent);
 padding:6px 10px 7px;position:relative;overflow:hidden;animation:buffin .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes buffin{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.buffchip .bn{font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px}
.buffchip .bn small{margin-left:auto;font-weight:800;color:var(--irm);font-variant-numeric:tabular-nums}
.buffchip .bb{height:3px;border-radius:2px;background:var(--line2);margin-top:5px;overflow:hidden}
.buffchip .bbf{height:100%;background:var(--irm);border-radius:2px}
.buffchip.big{border-color:var(--good);background:linear-gradient(180deg,rgba(123,236,156,.18),transparent)}
.buffchip.big .bn small{color:var(--good)}
.buffchip.big .bbf{background:var(--good)}
#goldvein.rare{filter:drop-shadow(0 0 10px var(--good))}
/* ══ モードごとの見出しイメージ（切り替えると絵も変わる）══ */
#tyhero{position:relative;height:112px;border-radius:12px;overflow:hidden;margin-bottom:13px;
 border:1px solid var(--line2);background:linear-gradient(180deg,var(--sur2),var(--sur))}
#tyhstage{position:absolute;inset:0;overflow:hidden}
#tyhcap{position:absolute;left:84px;bottom:6px;z-index:5;font-size:10px;font-weight:800;
 letter-spacing:.15em;color:var(--dim);background:var(--sur);padding:2px 8px;border-radius:5px}
#tyhero:not(.h-belt) #tyhcap{left:14px}


/* 断面図（19zf-minevis.js、2026-09-25）：絵文字の岩の代わり */
#dig{display:block;width:100%;padding:0;margin:6px 0 10px;background:#0b0d12;border-radius:14px;overflow:hidden}
#dig:active{transform:none;box-shadow:none}
#dig #minecv{display:block;width:100%;height:auto;aspect-ratio:480/300;image-rendering:auto}
#dig #digword{display:block;padding:6px 0 7px;font-size:12px;font-weight:700;color:#c6cde6;background:#0d1420}
#dig.hit #minecv{filter:brightness(1.08)}
#minehero{padding:14px 14px 18px}
/* 標本箱 */
#minespec .ph{font-weight:800;font-size:15px}
#minespec .spn{color:var(--irm);font-variant-numeric:tabular-nums;margin-left:4px}
#minespec .pd{font-size:12.5px;color:var(--dim);margin:4px 0 10px}
.specg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.spc{display:flex;gap:10px;align-items:flex-start;background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.spc svg{flex:0 0 30px}
.spc b{display:block;font-size:13px}
.spc b small{color:var(--dim);font-weight:600}
.spc span{display:block;font-size:11.5px;color:var(--dim);line-height:1.5;margin-top:2px}
.spc.no b{color:var(--dim)}
.mvstr{margin-top:10px;font-size:12.5px}
.mvstr summary{cursor:pointer;font-weight:800}
.mvstr ul{margin:6px 0 0;padding-left:18px;line-height:1.75}
.mvstr li.no{color:var(--dim)}
/* 速報は 1 行で切っていたが、スマホでは後ろ半分が読めなかった（2026-09-26）。狭い画面では折り返す */
@media (max-width:760px){#news{white-space:normal;text-overflow:clip}}