/* v24.3.0 growth/reward polish. SAVE_KEY untouched. */
.v243MaterialPanel{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(43,55,28,.94),rgba(27,34,20,.96));
  border:1px solid rgba(238,226,151,.42);
  box-shadow:0 10px 28px rgba(0,0,0,.26);
  color:#fff8cf;
}
.v243MaterialPanel h3{margin:0 0 8px;font-size:18px;color:#fff4a9;text-shadow:0 2px 2px rgba(0,0,0,.45);}
.v243MaterialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.v243Mat{
  display:grid;grid-template-columns:50px 1fr;gap:8px;align-items:center;
  min-height:66px;padding:8px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
}
.v243Mat img{width:50px;height:50px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.10);}
.v243Mat b{display:block;color:#fff;font-size:13px;line-height:1.2;}
.v243Mat span,.v243Mat small{display:block;color:#f4ebc2;font-size:11px;line-height:1.25;}
.v243Mat.ok{border-color:rgba(150,255,154,.45);background:rgba(73,126,55,.28);}
.v243Mat.lack{border-color:rgba(255,118,118,.55);background:rgba(112,37,37,.32);}
.v243Mat .v243GoDrop{margin-top:4px;padding:4px 8px;border:0;border-radius:999px;background:#ffe680;color:#3d3310;font-weight:800;font-size:11px;}
.v243TrainActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v243TrainActions button{flex:1;min-width:110px}
.v243MaterialList{
  margin-top:12px;padding:12px;border-radius:16px;
  background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.12);
}
.v243MaterialListTitle{font-weight:900;color:#fff4a9;margin-bottom:8px}
.v243AllMats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.v243AllMat{padding:7px;border-radius:13px;background:rgba(255,255,255,.09);text-align:center;color:#fff}
.v243AllMat img{width:42px;height:42px;object-fit:contain;display:block;margin:0 auto 3px;}
.v243AllMat b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v243AllMat span{display:block;font-size:11px;color:#ffe98f}
.v243MaterialHelp{margin-top:8px;color:#f4ebc2;font-size:12px;line-height:1.45}
.v243TrainingPopup{
  position:relative; width:min(92vw,560px); min-height:240px; margin:12vh auto 0;
  border-radius:24px; overflow:hidden; background:rgba(28,35,20,.96);
  border:1px solid rgba(255,235,137,.42); box-shadow:0 18px 54px rgba(0,0,0,.45);
}
.v243TrainingPopup>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.v243TrainingPopupBody{position:relative;z-index:1;padding:28px 22px;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.55)}
.v243TrainingPopupBody h2{margin:0 0 8px;color:#fff4a9;font-size:24px}
.v243TrainingPopupBody p{margin:6px 0;font-weight:800}
.v243ResultMaterialHint{
  margin-top:8px;padding:8px 10px;border-radius:14px;background:rgba(255,244,169,.12);color:#fff4c8;font-size:12px;
}
body.light-mode .v243MaterialPanel,
body.light-mode .v243MaterialList{box-shadow:none}
@media (max-width:430px){
  .v243MaterialGrid{grid-template-columns:1fr}
  .v243AllMats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v243Mat{grid-template-columns:44px 1fr}
  .v243Mat img{width:44px;height:44px}
}