/* 階段の窓・力を選ぶ・持ち帰る物・倒れたら失う物・見込み・近道 */
/* 読み込む順番に意味がある（後のファイルが前の規則を上書きする）。並べ方は tools/css/regroup.mjs が決める */
.spnext {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 0;
  padding: 6px 10px;
  border: 1px dashed var(--torch);
  color: var(--torch);
  font-size: 13px;
}
.spnext p {
  margin: 0;
}
.dlg .st-top {
  gap: 10px;
}
.dlg .st-top h2 {
  font-size: 19px;
}
.dlg .st-top .flavor {
  font-size: 12px !important;
  margin-top: 2px !important;
}
.dlg .st-box {
  padding: 8px 10px;
  gap: 6px;
}
.dlg .st-box .stake {
  margin-top: 2px;
  padding: 4px 10px;
  align-items: center;
}
.dlg .st-box .stake b {
  font-size: 20px;
}
.dlg .st-box .stake-note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--dim);
}
.dlg .st-box .risk {
  line-height: 1.5;
}
.dlg .st-box .st-nf {
  color: var(--ink);
  font-weight: 400;
}
.dlg .st-box .spnext {
  margin: 0;
  padding: 4px 8px;
  gap: 8px;
}
.dlg .st-box .spnext p {
  font-size: 13px;
  line-height: 1.4;
}
.stake {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding: 8px 12px;
  background: rgba(224, 101, 78, 0.12);
  border: 1px solid rgba(224, 101, 78, 0.45);
}
.stake-note {
  margin: 4px 0 0;
  font-size: 11px;
  color: var(--dim);
}
.lost {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 0 10px;
  padding: 10px 14px;
  background: rgba(224, 101, 78, 0.14);
  border: 1px solid rgba(224, 101, 78, 0.5);
}
.regret {
  margin: 0 0 8px;
  padding: 8px 12px;
  border-left: 3px solid var(--torch);
  background: rgba(232, 163, 61, 0.08);
  font-size: 14px;
}
.picks {
  display: grid;
  gap: 6px;
}
.gwrap {
  position: relative;
}
.runapp .gwrap {
  flex: 1;
  min-height: 0;
  container-type: size;
}
.runapp .gwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.broke {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid #6a3a2a;
  background: #2a1812;
  color: #ffb3a6;
  font-size: 13px;
}
.scut {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}
.scut-b {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 8px 12px;
  text-align: left;
}
.scut-b .pr {
  color: var(--gold);
  font-size: 13px;
}
.boons {
  display: grid;
  gap: 8px;
  margin: 10px 0;
}
.boon {
  display: grid;
  gap: 2px;
  text-align: left;
  padding: 12px 14px;
  background: #232837;
  border: 1px solid var(--wall-hi);
  color: var(--ink);
  font-size: 15px;
}
.boon:hover,
.boon:focus-visible {
  border-color: var(--torch);
}
.boon.bneg {
  border-color: #5a2a26;
}
.boon.bno {
  opacity: 0.45;
  cursor: default;
}
.boon .bplus {
  color: #7fc98a;
}
.boon .bminus {
  color: #e0685c;
}
.boon .bnote {
  color: var(--dim);
  font-weight: 400;
  font-size: 12px;
}
@media (max-height: 620px) {
  .dlg .st-top h2 {
    font-size: 17px;
  }
  .dlg .st-top .flavor {
    display: none;
  }
  .dlg .st-box {
    padding: 6px 8px;
    gap: 4px;
  }
  .dlg .st-box .stake-note {
    font-size: 11px;
    line-height: 1.4;
  }
}
/* ===== stairs（階段の窓・力を選ぶ・持ち帰る物・倒れたら失う物・見込み・近道）・2段目 ===== */
.spnext small {
  color: var(--dim);
  font-size: 11px;
}
.stake span {
  color: #e8a38f;
  font-size: 13px;
}
.stake b {
  color: #ff9f86;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.lost span {
  color: #e8a38f;
  font-size: 14px;
}
.lost b {
  color: #ff9f86;
  font-size: 32px;
  font-weight: 400;
}
.boon.bneg small {
  color: var(--blood);
}
.boon.bno small {
  color: var(--dim);
}
@media (max-height: 620px) {
  .dlg .st-box .stake b {
    font-size: 18px;
  }
}
/* ===== stairs（階段の窓・力を選ぶ・持ち帰る物・倒れたら失う物・見込み・近道）・3段目 ===== */
.regret b {
  color: var(--gold);
}
.boon small {
  font-size: 11px;
  color: var(--dim);
}
/* ===== stairs（階段の窓・力を選ぶ・持ち帰る物・倒れたら失う物・見込み・近道）・4段目 ===== */
.boon b {
  font-weight: 600;
}
/* 今日のダンジョンで倒れた直後の共有 */
.dshare {
  margin: 8px 0;
  text-align: center;
}
.dshare p {
  margin: 0 0 6px;
  font-size: 13px;
}
.dshare.big p:first-child {
  color: var(--bad, #ff8a7a);
}
.dshare .btn {
  width: 100%;
}
.dshare .hint:empty {
  display: none;
}