/* Mine console — extends the Diggles design system. */

.net-chip{
  font-size:10.5px;font-weight:900;letter-spacing:.06em;padding:7px 10px;border-radius:9px;
  background:var(--paper);border:1px solid var(--edge-soft);color:var(--deep);white-space:nowrap;
}
button.cta.connect{
  font-family:inherit;font-size:12px;font-weight:800;padding:9px 13px;border-radius:10px;cursor:pointer;
  background:var(--brass);border:1px solid var(--edge);
  box-shadow:0 3px 0 rgba(36,70,58,.22),inset 0 2px 0 rgba(255,255,255,.32);transition:.15s ease;
}
button.cta.connect:hover{transform:translateY(-1px);background:#e8b444}
button.cta.connect.on{background:var(--paper);box-shadow:inset 0 2px 0 rgba(255,255,255,.5)}

.banner{
  margin-top:12px;padding:13px 16px;border-radius:12px;font-size:12.5px;line-height:1.55;
  background:var(--brass-soft);border:2px solid var(--edge);display:flex;gap:10px;align-items:flex-start;
}
/* a class-level display beats the [hidden] attribute, so say it explicitly */
.banner[hidden],.toast[hidden],.net-chip[hidden],.toast-link[hidden]{display:none}
.banner.bad{background:#f3c9b6}
.banner b{font-weight:900}
.banner button{
  font-family:inherit;font-size:11.5px;font-weight:850;padding:7px 11px;border-radius:9px;cursor:pointer;
  background:var(--paper);border:2px solid var(--edge);margin-left:auto;white-space:nowrap;
}

/* ---------------- mine head ---------------- */
.app-hero .mine-head{
  display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;
  padding:26px 30px 6px;
}
.mine-head h1{margin:0;font-size:clamp(32px,5vw,50px)}
.mine-sub{margin:11px 0 0;font-size:13.5px;color:var(--muted);line-height:1.6;max-width:52ch}
.mine-art{width:100%;max-width:140px;justify-self:center;filter:drop-shadow(0 12px 14px rgba(22,48,42,.22))}

.mine-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px 30px 6px;
}
.mine-stat{
  background:var(--paper2);border:1px solid var(--line);border-radius:11px;padding:12px;min-height:88px;
}
.mine-stat small{display:block;font-size:8px;letter-spacing:.13em;font-weight:900;color:var(--deep);margin-bottom:6px}
.mine-stat strong{display:block;font-size:19px;letter-spacing:-.035em;line-height:1.05;word-break:break-word}
.mine-stat span{display:block;margin-top:5px;font-size:9.5px;color:var(--muted);line-height:1.4}

.mine-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 30px 26px}
.hint{font-size:11.5px;color:var(--muted);line-height:1.5}

/* ---------------- buttons ---------------- */
button.btn{font-family:inherit;cursor:pointer}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.btn.full{width:100%;justify-content:center;margin-top:4px}
.btn.small{padding:9px 13px;font-size:12px}

.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.row-between h2{margin:0 0 6px}

/* ---------------- trade ---------------- */
.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.trade-card{
  background:var(--paper2);border:2px solid var(--edge);border-radius:14px;padding:17px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6);
}
.trade-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:13px}
.trade-head strong{font-size:14.5px}
.trade-head span{font-size:10.5px;color:var(--muted);text-align:right}
.field{display:block}
.field span{display:block;font-size:8.5px;letter-spacing:.14em;font-weight:900;color:var(--deep);margin-bottom:6px}
.field input{
  width:100%;font-family:inherit;font-size:15px;font-weight:800;color:var(--ink);
  padding:11px 12px;border-radius:10px;background:var(--paper);
  border:2px solid var(--edge-soft);outline:none;
}
.field input:focus{border-color:var(--edge);box-shadow:0 0 0 3px rgba(224,167,46,.3)}
.quote{margin:10px 0 12px;font-size:11.5px;color:var(--muted);min-height:16px}

/* ---------------- diggle cards ---------------- */
.diggle-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:11px;margin-top:16px}
.diggle{
  background:var(--paper2);border:2px solid var(--edge);border-radius:14px;padding:15px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6);
}
.diggle-top{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.diggle-top img{width:38px;height:38px;object-fit:contain}
.diggle-id{font-size:14px;font-weight:900;letter-spacing:-.02em}
.lvl-pill{
  margin-left:auto;font-size:9.5px;font-weight:900;padding:5px 9px;border-radius:8px;
  background:var(--sage);color:var(--paper);border:1px solid var(--edge);
}
.lvl-pill.max{background:var(--brass);color:#2b3d33}
.diggle-rows{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.diggle-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px}
.diggle-row span{color:var(--muted)}
.diggle-row b{font-weight:800}
.diggle-btns{display:flex;gap:6px;flex-wrap:wrap}
.diggle-btns .btn{flex:1;padding:9px 10px;font-size:11.5px;justify-content:center;min-width:84px}

.empty{text-align:center;color:var(--muted);font-size:12px;padding:18px 12px}

/* ---------------- market ---------------- */
.retire-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:18px 0 6px;padding:15px 17px;border-radius:12px;
  background:var(--brass-soft);border:2px solid var(--edge);
}
.retire-bar small{display:block;font-size:8.5px;letter-spacing:.13em;font-weight:900;color:#5b3a1e;margin-bottom:4px}
.retire-bar strong{font-size:19px;letter-spacing:-.03em}
td .btn{padding:7px 11px;font-size:11px}
td.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}

/* ---------------- toast ---------------- */
.toast{
  position:fixed;right:16px;bottom:66px;z-index:60;width:min(340px,calc(100vw - 32px));
  background:var(--paper);border:2px solid var(--edge);border-radius:14px;padding:14px 15px;
  box-shadow:0 14px 34px rgba(22,48,42,.26);
}
.toast-body{display:flex;gap:11px;align-items:flex-start}
.toast strong{display:block;font-size:12.5px;margin-bottom:3px}
.toast span{font-size:11px;color:var(--muted);line-height:1.5;word-break:break-word}
.toast.err{background:#f6d3c4}
.toast.ok .spin{border-color:var(--deep);border-top-color:var(--deep);animation:none}
.spin{
  width:15px;height:15px;flex:0 0 auto;margin-top:2px;border-radius:50%;
  border:2px solid var(--line);border-top-color:var(--deep);animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.toast-link{display:inline-block;margin-top:9px;font-size:11.5px;font-weight:850;color:var(--deep)}
.toast-link:hover{text-decoration:underline}

/* ---------------- responsive ---------------- */
@media(max-width:1100px){
  .mine-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .app-hero .mine-head{grid-template-columns:1fr;padding:24px 20px 4px}
  .mine-art{order:-1;max-width:110px}
  .mine-grid{grid-template-columns:1fr 1fr;padding:16px 20px 4px}
  .mine-actions{padding:14px 20px 22px}
  .trade-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .mine-stat strong{font-size:17px}
  .toast{right:8px;left:8px;width:auto;bottom:62px}
}