/* ═══ 19zzg-mxwar.css ═══ 採掘の大改修（19zzg-mxwar.js、2026-10-06）：掘り方の切り替え・層の壁の帯・武器の札・集中の赤い縁 */
/* 掘り方（通常／集中） */
#mxbar{margin:6px 0 0}
.mxmode{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mxmode button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line2);background:var(--sur);color:var(--tx);border-radius:10px;padding:7px 10px;font-weight:800;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.mxmode button small{font-size:10.5px;font-weight:600;color:var(--dim);line-height:1.35}
.mxmode button[data-mxm="n"].on{border-color:#3fbf9f;background:color-mix(in srgb,#3fbf9f 14%,var(--sur));box-shadow:inset 0 0 0 1px #3fbf9f}
.mxmode button[data-mxm="f"].on{border-color:#ff5a5a;background:color-mix(in srgb,#ff3d3d 16%,var(--sur));box-shadow:inset 0 0 0 1px #ff5a5a,0 0 14px rgba(255,60,60,.25)}
.mxmode button:disabled{cursor:default;opacity:.75}
/* 層の壁・突破中の帯 */
.mxev{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,90,90,.55);background:linear-gradient(90deg,rgba(120,10,20,.35),rgba(60,8,14,.18));font-size:12.5px}
.mxev b{color:#ff9a9a}
.mxev span{flex:1 1 220px;color:var(--tx);line-height:1.5}
.mxev.run{animation:mxevp 1.1s ease-in-out infinite}
.mxev.win{border-color:#ffd24a;background:linear-gradient(90deg,rgba(120,90,10,.35),rgba(60,45,8,.15))}
.mxev.win b{color:#ffd24a}
@keyframes mxevp{50%{box-shadow:0 0 16px rgba(255,60,60,.35)}}
body.light .mxev{background:linear-gradient(90deg,rgba(255,90,90,.14),rgba(255,90,90,.05))}
body.light .mxev b{color:#c42b2b}
body.light .mxev.win b{color:#a8710a}
/* 集中採掘のあいだ：掘る所の縁が赤く脈打つ */
#dig.mxfocus{border-color:#a8323a;animation:mxfoc 1.6s ease-in-out infinite}
#dig.mxev{border-color:#ff4a4a;animation:mxfoc .8s ease-in-out infinite}
#dig.mxfocus #digword{background:linear-gradient(180deg,#2a0d12,#160609);color:#ffd0d0}
@keyframes mxfoc{50%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 2px rgba(255,60,60,.45),0 0 26px rgba(255,40,40,.3)}}
/* 武器の札 */
#minewpn .ph{font-weight:800;font-size:15px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
#minewpn .ph small{font-size:11.5px;font-weight:600;color:var(--dim)}
.mxwlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;margin-top:8px}
.mxw{display:flex;align-items:center;gap:10px;background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.mxw.own{border-color:color-mix(in srgb,var(--irm) 45%,var(--line))}
.mxw .ic{font-size:22px;flex:0 0 28px;text-align:center}
.mxw .t{flex:1;min-width:0}
.mxw .t b{display:block;font-size:13px}
.mxw .t b i{font-style:normal;color:var(--irm);font-family:var(--num,ui-monospace),monospace;margin-left:4px}
.mxw .t small{display:block;font-size:11px;color:var(--dim);line-height:1.45}
.mxw .t small.st{color:var(--tx);font-weight:700}
.mxw .btn{flex:0 0 auto;white-space:nowrap}
.mxw .btn.short{opacity:.55}
.mxw.locked{opacity:.6}
.mxw.locked .ic{filter:grayscale(.8)}
@media (max-width:520px){.mxmode button small{display:none}.mxmode button{align-items:center;text-align:center}}
@media (prefers-reduced-motion:reduce){.mxev.run,#dig.mxfocus,#dig.mxev{animation:none}}