/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.4_@babel+core@7.25.9_@opentelemetry+api@1.9.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/.pnpm/next@15.5.4_@babel+core@7.25.9_@opentelemetry+api@1.9.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/judge/replay/replay.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.replay { padding: 4rem 0; max-width: 820px; }
.replay h1 { font-family: var(--font-mono); color: var(--text-bright); margin: 0 0 0.5rem; }
.replay-sub { color: var(--text-muted); margin: 0 0 2rem; }
.replay-form { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem; }
.replay-form textarea {
  font-family: var(--font-mono); font-size: var(--fs-sm);
  background: var(--void-deep); color: var(--text-bright);
  border: 1px solid var(--glass-border); border-radius: var(--radius-md);
  padding: 0.75rem;
}
.replay-form-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.replay-form button {
  padding: 0.6rem 1.5rem;
  font-family: var(--font-mono); font-size: var(--fs-sm);
  letter-spacing: var(--ls-wide); text-transform: uppercase;
  background: var(--cyan-15); color: var(--text-bright);
  border: 1px solid var(--cyan-dim); border-radius: var(--radius-md);
  cursor: pointer;
}
.replay-form button[type="button"] { background: transparent; color: var(--text); border-color: var(--glass-border); }
.replay-form button[type="button"]:hover { border-color: var(--cyan-dim); color: var(--text-bright); }
.replay-result { margin-top: 2rem; padding: 1.5rem; }
.replay-result h2 {
  font-family: var(--font-mono); font-size: var(--fs-md);
  color: var(--cyan-dim); text-transform: uppercase;
  letter-spacing: var(--ls-wide); margin: 0 0 0.75rem;
}
.replay-ok { color: var(--cyan); font-family: var(--font-mono); }
.replay-issues { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 1rem; }
.replay-issues li {
  background: var(--void-deep); border: 1px solid var(--glass-border);
  border-radius: var(--radius-md); padding: 0.75rem;
}
.issue-step {
  font-family: var(--font-mono); color: var(--cyan-dim); margin-right: 0.5rem;
}
.issue-reason { font-family: var(--font-mono); color: var(--danger); margin-right: 0.5rem; }
.issue-cite { font-family: var(--font-mono); color: var(--warning); }
.issue-hint { color: var(--text-muted); margin: 0.5rem 0; }
.issue-line {
  font-family: var(--font-mono); background: var(--void-deep);
  padding: 0.5rem; margin: 0; color: var(--text);
}