/* TWINS v0.2.100 — Type Slot status belongs at the top of Type List. */
.type-slot-card-v100{
  margin:0 14px 11px;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:#121017;
}
.type-slot-main-v100{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.type-slot-main-v100>div>small{
  display:block;
  color:#806f7d;
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
}
.type-slot-main-v100 h2{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:3px 0 0;
  color:#dcd5df;
  font-size:11px;
  font-weight:700;
}
.type-slot-main-v100 h2 strong{
  color:#f4edf5;
  font-size:23px;
  line-height:1;
}
.type-slot-main-v100 h2 span{
  color:#968d99;
  font-size:13px;
}
.type-slot-main-v100>p{
  margin:0;
  text-align:right;
}
.type-slot-main-v100>p b{
  display:block;
  color:#ef74bd;
  font-size:19px;
  line-height:1;
}
.type-slot-main-v100>p small{
  display:block;
  margin-top:3px;
  color:#746c78;
  font-size:7px;
}
.type-slot-progress-v100{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin-top:10px;
}
.type-slot-progress-v100>span{
  height:4px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.065);
}
.type-slot-progress-v100>span i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#d948aa;
}
.type-slot-progress-v100 p{
  margin:0;
  color:#716a75;
  font-size:7.5px;
  white-space:nowrap;
}
.type-slot-progress-v100 p strong{
  color:#aca3af;
  font-weight:800;
}
.type-slot-max-v100{
  margin:9px 0 0;
  color:#817986;
  font-size:8px;
}
.type-slot-help-v100{
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.055);
}
.type-slot-help-v100 summary{
  cursor:pointer;
  color:#9d949f;
  font-size:8px;
  font-weight:800;
  list-style:none;
}
.type-slot-help-v100 summary::-webkit-details-marker{display:none}
.type-slot-help-v100 summary::after{
  content:'＋';
  float:right;
  color:#6c6570;
}
.type-slot-help-v100[open] summary::after{content:'−'}
.type-slot-help-v100>div{
  display:grid;
  gap:3px;
  margin-top:8px;
}
.type-slot-help-v100 p{
  margin:0;
  color:#807783;
  font-size:8px;
  line-height:1.55;
}
.type-slot-help-v100 p strong{color:#b5acb8}

/* The old self-profile slot label is intentionally retired. */
.profile-type-slot-self{display:none!important}