/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/live/live.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.live-index, .live { padding: 4rem 0; max-width: 820px; }
.live h1, .live-index h1 {
  font-family: var(--font-mono); letter-spacing: var(--ls-normal);
  color: var(--text-bright); margin: 0 0 0.5rem;
}
.live-sub, .live-sub { color: var(--text-muted); margin: 0 0 2rem; }
.live-card { padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.live-card label { display: flex; flex-direction: column; gap: 0.5rem; font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--cyan-dim); text-transform: uppercase; letter-spacing: var(--ls-wide); }
.live-card input {
  font-family: var(--font-mono); background: var(--void-deep);
  color: var(--text-bright); border: 1px solid var(--glass-border);
  border-radius: var(--radius-md); padding: 0.75rem;
}
.live-start {
  align-self: flex-start;
  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);
}

.live-grid {
  display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; gap: 1.5rem;
  margin-top: 1rem;
}
.live-panel { padding: 1.25rem; }
.live-panel 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;
}
.live-kv { font-family: var(--font-mono); color: var(--text-bright); font-size: var(--fs-sm); }
.live-kv span { color: var(--cyan-dim); margin-right: 0.5rem; }

.live-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.live-actions button {
  padding: 0.5rem 1rem; font-family: var(--font-mono); font-size: var(--fs-xs);
  letter-spacing: var(--ls-wide); text-transform: uppercase;
  background: transparent; color: var(--text);
  border: 1px solid var(--glass-border); border-radius: var(--radius-md);
  cursor: pointer;
}
.live-actions button:hover { border-color: var(--cyan-dim); color: var(--text-bright); }

.live-log { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-muted); max-height: 320px; overflow-y: auto; white-space: pre-wrap; }
.live-error { color: var(--danger); font-family: var(--font-mono); font-size: var(--fs-sm); }
.live-error .cite { color: var(--warning); margin-left: 0.5rem; }

@media (max-width: 768px) {
  .live-grid { grid-template-columns: 1fr; }
}