/* Sweet Shift Saga v4.5.1.18 — Demon Chest Open All + Shiftmark repair/profile series */

/* ------------------------------------------------------------------
   Shiftmark Trail — six-week Profile Picture bonus
   ------------------------------------------------------------------ */
.shiftmark-profile-bonus{
  position:relative;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin-top:12px;
  padding:11px 12px;
  border:3px solid #fff;
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.86),transparent 30%),
    linear-gradient(115deg,#fff3b0 0%,#ffd8ef 48%,#ddd7ff 100%);
  box-shadow:0 4px 0 rgba(137,78,132,.24),0 9px 18px rgba(91,49,93,.1);
  overflow:hidden;
}
.shiftmark-profile-bonus::after{
  content:"";
  position:absolute;
  right:-38px;
  top:-48px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,239,115,.42),transparent 67%);
  pointer-events:none;
}
.shiftmark-profile-bonus.ready{
  border-color:#fff3a0;
  box-shadow:0 5px 0 #b36b24,0 10px 19px rgba(114,65,42,.14);
}
.shiftmark-profile-bonus.owned{background:linear-gradient(115deg,#e6ffd8,#c9f4ca 50%,#d9eeff)}
.shiftmark-profile-art{
  position:relative;
  z-index:1;
  width:76px;
  height:76px;
  padding:3px;
  border:3px solid #fff5a7;
  border-radius:20px;
  background:linear-gradient(180deg,#ff65b5,#7849bd);
  box-shadow:0 4px 0 #7f3b78,0 7px 12px rgba(77,38,78,.18);
}
.shiftmark-profile-art img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px}
.shiftmark-profile-copy{position:relative;z-index:1;min-width:0}
.shiftmark-profile-copy small{display:block;color:#b73482;font-size:.42rem;font-weight:1000;letter-spacing:.09em}
.shiftmark-profile-copy strong{display:block;margin:2px 0;color:#6d396b;font-size:.78rem}
.shiftmark-profile-copy p{margin:0;color:#88637e;font-size:.48rem;font-weight:800;line-height:1.35}
.shiftmark-profile-bonus>button{
  position:relative;
  z-index:1;
  min-width:118px;
  min-height:38px;
  padding:7px 10px;
  border:2px solid #fff;
  border-radius:13px;
  background:linear-gradient(180deg,#ee55a6,#bd287f);
  color:#fff;
  font-family:inherit;
  font-size:.46rem;
  font-weight:1000;
  box-shadow:0 3px 0 #7f2158;
}
.shiftmark-profile-bonus>button:disabled{background:#d5c6d3;color:#816a7c;box-shadow:none}
.shiftmark-profile-bonus.owned>button:disabled{background:#88c67d;color:#fff}
.shiftmark-profile-bonus.season-complete{grid-template-columns:1fr;text-align:center;padding:15px}

/* ------------------------------------------------------------------
   Profile picker — locked Shiftmark portraits remain visible
   ------------------------------------------------------------------ */
.profile-icon-choice.locked{
  cursor:not-allowed;
  opacity:.72;
  filter:saturate(.65);
  grid-template-rows:58px auto auto;
}
.profile-icon-choice.locked img{filter:grayscale(.28) brightness(.82)}
.profile-icon-choice.locked b{
  opacity:1;
  background:linear-gradient(180deg,#8e6ca5,#624879);
  font-size:.48rem;
}
.profile-icon-choice.locked:hover{transform:none;border-color:#eaddeb}
.profile-icon-lock-copy{
  display:block;
  width:100%;
  min-height:19px;
  color:#9b7994;
  font-size:.34rem;
  font-weight:900;
  line-height:1.15;
  text-align:center;
}

/* ------------------------------------------------------------------
   Inventory — Open All Demon Chests
   ------------------------------------------------------------------ */
.inventory-chest-heading{gap:10px}
.inventory-chest-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.inventory-open-all-btn{
  min-height:32px;
  padding:5px 11px;
  border:2px solid #fff;
  border-radius:12px;
  background:linear-gradient(180deg,#ed5aa8,#bb287e);
  color:#fff;
  font-family:inherit;
  font-size:.46rem;
  font-weight:1000;
  box-shadow:0 3px 0 #7d2058;
  cursor:pointer;
}
.inventory-open-all-btn:hover:not(:disabled){transform:translateY(-1px)}
.inventory-open-all-btn:disabled{background:#d6c9d2;color:#8c7585;box-shadow:none;cursor:default}
.chest-open-source{max-width:620px;text-align:center}

@media(max-width:650px){
  .shiftmark-profile-bonus{grid-template-columns:66px minmax(0,1fr);gap:10px}
  .shiftmark-profile-art{width:62px;height:62px;border-radius:17px}
  .shiftmark-profile-bonus>button{grid-column:1/-1;width:100%}
  .inventory-chest-heading{align-items:flex-start!important}
  .inventory-chest-heading-actions{align-items:flex-end;flex-direction:column;gap:4px}
  .inventory-open-all-btn{min-height:29px;padding:4px 8px}
}