/* breach.css —— 守核（Nucleus）原型。外壳走 play.css。 */

.breach-main {
  min-height: 0;
  background:
    radial-gradient(ellipse 65% 55% at 50% 45%, #141c28 0%, #0c1018 50%, #07090e 100%),
    radial-gradient(circle at 20% 80%, rgba(40, 90, 120, 0.12), transparent 42%),
    radial-gradient(circle at 80% 20%, rgba(180, 90, 50, 0.08), transparent 38%);
}

.breach-page .play-overlay {
  background:
    radial-gradient(ellipse 55% 48% at 50% 38%, rgba(28, 48, 72, 0.4), rgba(8, 10, 14, 0.92)),
    linear-gradient(180deg, rgba(8, 10, 14, 0.35), rgba(8, 10, 14, 0.95));
}

.breach-page .play-plaque {
  color: #7eb6d4;
  letter-spacing: 0.22em;
}

.breach-page .play-title {
  letter-spacing: 0.12em;
  font-weight: 650;
}

.breach-page .play-lead {
  max-width: 30em;
}

.breach-page .play-lead b {
  color: #9fd0e8;
  font-weight: 600;
}

.breach-page .play-hint-kbd {
  margin: 20px 0 0;
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--fs-xs);
  color: var(--ink-dim);
  max-width: 28em;
}

.breach-page .play-hint-kbd a {
  color: #7eb6d4;
}

.breach-page .rd-live.is-lock i {
  background: #7eb6d4;
  box-shadow: 0 0 0 3px rgba(126, 182, 212, 0.28);
}

.breach-page .rd-live.is-hot i {
  background: #f0c070;
  box-shadow: 0 0 0 3px rgba(240, 192, 112, 0.35);
}

.breach-page .rd-live.is-cmd i {
  background: #8fd4c8;
  box-shadow: 0 0 0 3px rgba(143, 212, 200, 0.3);
}

.breach-page .rd-live.is-end i {
  background: #e07a6a;
  box-shadow: 0 0 0 3px rgba(224, 122, 106, 0.35);
}

.breach-page .is-shell-low b {
  color: #e8c56a;
}

.breach-page .is-shell-critical b {
  color: #e07a6a;
  text-shadow: 0 0 14px rgba(224, 122, 106, 0.45);
}

.breach-settings {
  margin: 8px 0 28px;
  width: min(22em, 100%);
  text-align: left;
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--fs-xs);
  color: var(--ink-dim);
}

.breach-set-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px;
  cursor: pointer;
}

.breach-set-row input[type="range"] {
  width: 9em;
  accent-color: #7eb6d4;
}

.breach-set-row input[type="checkbox"] {
  width: 1.1em;
  height: 1.1em;
  accent-color: #7eb6d4;
}

.breach-set-note {
  margin: 18px 0 0;
  line-height: 1.55;
  opacity: 0.85;
}

.breach-over-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 8px;
}

/* 结算排行：装得下分数行，避免双滚动条裁切 */
.breach-page .board-list,
.breach-page .board-list-over {
  max-width: min(38em, 94vw);
  width: min(38em, 94vw);
  max-height: min(46vh, 360px);
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
}

.breach-page .board-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 14px;
  padding: 7px 2px;
  border-bottom: 1px solid rgba(200, 220, 240, 0.1);
}

.breach-page .board-list .board-meta {
  white-space: normal;
  flex: 1 1 14em;
  text-align: left;
  line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  .breach-page .rd-live i {
    box-shadow: none;
  }
}