#connection-status { display: none !important; }
.archive-result-active > main:not(.archive-result) { display: none !important; }
.archive-result { width: min(100% - 32px, 880px); margin: 24px auto 110px; color: #f5f4ff; }
.archive-result .page-heading { margin-bottom: 22px; }
.result-hero { text-align: center; padding: 32px 20px; background: linear-gradient(160deg, #303661, #151933 70%); }
.result-hero > .pixel, .result-kicker { color: #e8cc79; font-size: 11px; letter-spacing: .12em; }
.result-hero h2 { font-size: clamp(22px, 5vw, 34px); line-height: 1.5; margin: 18px 0 8px; }
.result-hero > p:not(.pixel) { color: #ddd9ec; font-size: 14px; }
.result-total { display: grid; gap: 5px; margin: 28px auto 0; padding: 18px; border: 1px solid #c2a85c; background: #11152c; max-width: 420px; }
.result-total strong { color: #f6dc8c; font-size: clamp(42px, 10vw, 64px); line-height: 1.2; }
.result-total small, .result-card strong small { font-size: .35em; }
.result-total > span:last-child, .result-note { color: #bcbad0; font-size: 13px; }
.result-section { margin-top: 42px; }
.result-section h2 { font-size: 22px; margin: 8px 0 18px; }
.result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.result-card { padding: 20px 16px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.result-card span, .result-card > small { color: #c7c4db; font-size: 13px; }
.result-card strong { color: #f6dc8c; font-size: clamp(21px, 5vw, 32px); overflow-wrap: anywhere; }
.result-wide { grid-column: 1 / -1; }
.result-wide strong { font-size: clamp(30px, 7vw, 44px); }
.result-note { line-height: 1.8; }
.result-link { display: block; margin: 32px auto 0; max-width: 360px; text-align: center; }

@media (max-width: 600px) {
  .archive-result { width: calc(100% - 24px); margin: 14px auto 92px; }
  .archive-result .page-heading { margin-bottom: 14px; }
  .result-hero { padding: 18px 14px; }
  .result-hero h2 { font-size: 21px; line-height: 1.4; margin: 10px 0 4px; }
  .result-hero > p:not(.pixel) { margin: 6px 0; }
  .result-total { margin-top: 14px; padding: 10px; }
  .result-total strong { font-size: 42px; }
  .result-section { margin-top: 24px; }
  .result-grid { gap: 8px; }
  .result-card { padding: 14px 12px; }
  .turn-effects-wrap { margin-top: 12px; }
}

.site-footer p { display: none; }
.result-record-link { text-decoration: none; color: inherit; }
.result-record-link:focus-visible { outline: 3px solid #f6dc8c; outline-offset: 3px; }
.history-card.result-defeat .clear-tag { color: #d1d4da; border-color: #888e9a; background: #424956; }