/* GardenScript Arena — viral proof laboratory. */
.verdict-lab{
  position:relative;
  z-index:2;
  max-width:1400px;
  margin:1rem auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);
  gap:1px;
  color:var(--white);
  background:#9eaca0;
  border:1px solid #aebbaa;
  box-shadow:16px 16px 0 rgba(70,91,72,.08);
}
.race-lab,.seal-lab{min-width:0;background:var(--ink);overflow:hidden}
.lab-header{
  min-height:94px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.35rem 1.5rem;
  border-bottom:1px solid var(--line);
}
.lab-header>div>span{display:block;color:#91a598;font:800 .75rem var(--mono);letter-spacing:.12em}
.lab-header h3{margin:.55rem 0 0;font-size:clamp(1.7rem,2.6vw,2.9rem);line-height:.95;letter-spacing:-.055em}
#race-status,#seal-status{display:flex;align-items:center;gap:.48rem;color:#9bad9f;font:800 .75rem var(--mono);letter-spacing:.09em;white-space:nowrap}
#race-status::before,#seal-status::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#718477}
#race-status[data-state="ready"],#seal-status[data-state="derived"],#seal-status[data-state="shared"],#seal-status[data-state="copied"],#seal-status[data-state="downloaded"]{color:var(--acid)}
#race-status[data-state="ready"]::before,#seal-status[data-state="derived"]::before,#seal-status[data-state="shared"]::before,#seal-status[data-state="copied"]::before,#seal-status[data-state="downloaded"]::before{background:var(--acid);box-shadow:0 0 10px var(--acid)}
#race-status[data-state="unavailable"],#seal-status[data-state="unavailable"],#seal-status[data-state="error"]{color:var(--rust)}
#race-status[data-state="unavailable"]::before,#seal-status[data-state="unavailable"]::before,#seal-status[data-state="error"]::before{background:var(--rust)}

.race-toolbar{min-height:56px;display:flex;align-items:center;gap:5px;padding:.55rem 1.5rem;border-bottom:1px solid var(--line)}
.race-toolbar button{min-height:38px;padding:0 .85rem;border:1px solid #304239;background:transparent;color:#9bad9f;cursor:pointer;font:900 .72rem var(--mono);letter-spacing:.08em;transition:background .2s,color .2s,border .2s}
.race-toolbar button:hover,.race-toolbar button:focus-visible{border-color:#738b79;color:var(--white)}
.race-toolbar button.active,.race-toolbar button[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.race-canvas-wrap{position:relative;height:370px;overflow:hidden;background:radial-gradient(circle at 65% 35%,rgba(200,255,79,.045),transparent 28%),linear-gradient(rgba(200,255,79,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,79,.025) 1px,transparent 1px),#06100a;background-size:auto,36px 36px,36px 36px,auto}
#arena-race-canvas{display:block;width:100%;height:100%}
#arena-race-canvas:focus-visible{outline:2px solid var(--acid);outline-offset:-4px}
.race-axis-label{position:absolute;left:1rem;top:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#829689;font:800 .65rem var(--mono);letter-spacing:.12em;pointer-events:none}
.race-legend{min-height:45px;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;border-top:1px solid var(--line);color:#9bad9f;font:800 .7rem var(--mono);letter-spacing:.08em}
.race-legend span{display:flex;align-items:center;gap:.5rem}.race-legend i{display:block;width:30px;height:2px;background:var(--acid)}.race-legend .dash i{background:repeating-linear-gradient(90deg,#e6efe4 0 7px,transparent 7px 12px)}.race-legend .dot i{background:repeating-linear-gradient(90deg,#c8b7ff 0 2px,transparent 2px 7px)}
.race-summary{min-height:50px;margin:0;padding:.8rem 1.5rem;border-top:1px solid var(--line);color:#a4b6a9;font-size:.78rem;line-height:1.55}

.seal-lab{position:relative;background:radial-gradient(circle at 50% 42%,rgba(200,255,79,.08),transparent 30%),#07100a}
.seal-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 48%,rgba(112,233,208,.03) 48%,rgba(112,233,208,.03) 52%,transparent 52%);background-size:22px 22px}
.seal-lab .lab-header{position:relative;z-index:3}.seal-lab .lab-header h3{color:var(--white)}
.seal-stage{position:relative;width:min(86%,390px);aspect-ratio:1;margin:1rem auto 0;display:grid;place-items:center;isolation:isolate}
#verdant-seal-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;filter:drop-shadow(0 0 24px rgba(200,255,79,.08))}
.seal-orbits{position:absolute;inset:7%;z-index:1;border:1px solid rgba(200,255,79,.09);border-radius:50%;animation:seal-orbit 42s linear infinite}
.seal-orbits::before,.seal-orbits::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(112,233,208,.08)}.seal-orbits::before{inset:14%}.seal-orbits::after{inset:31%;border-color:rgba(240,106,59,.09)}
.seal-orbits i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--acid);box-shadow:0 0 9px var(--acid)}.seal-orbits i:nth-child(1){left:13%;top:23%}.seal-orbits i:nth-child(2){right:6%;top:54%;background:var(--cyan)}.seal-orbits i:nth-child(3){left:28%;bottom:5%;background:var(--rust)}
.seal-ledger{position:relative;z-index:3;margin:0 1.5rem 1.5rem;padding:1rem;border:1px solid var(--line);background:rgba(5,11,8,.72)}
.seal-ledger>span{margin-bottom:1.1rem}.seal-ledger small,.seal-ledger code{display:block;font-family:var(--mono)}.seal-ledger small{color:#91a598;font-size:.72rem;font-weight:800;letter-spacing:.1em}.seal-ledger code{margin-top:.45rem;color:var(--cyan);font-size:.78rem;overflow-wrap:anywhere}.seal-ledger p{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--line);color:#a0b2a5;font-size:.78rem;line-height:1.6}

@keyframes seal-orbit{to{transform:rotate(360deg)}}

@media(max-width:1050px){
  .verdict-lab{grid-template-columns:1fr}.seal-lab{display:grid;grid-template-columns:minmax(300px,.8fr) 1fr;align-items:center}.seal-lab .lab-header{grid-column:1/-1}.seal-stage{width:min(90%,370px)}.seal-ledger{margin:1.5rem}
}
@media(max-width:700px){
  .lab-header{min-height:0;padding:1rem;flex-direction:column}.race-toolbar{padding:.6rem;display:grid;grid-template-columns:repeat(3,1fr)}.race-toolbar button{padding:0 .35rem;min-height:44px;font-size:.7rem}.race-canvas-wrap{height:330px}.race-legend{justify-content:flex-start;gap:.8rem;padding-inline:1rem;flex-wrap:wrap}.race-summary{padding-inline:1rem}.seal-lab{display:block}.seal-stage{width:min(94%,350px)}.seal-ledger{margin:0 1rem 1rem}
}
@media(max-width:420px){
  .race-canvas-wrap{height:300px}.race-axis-label{display:none}.race-legend i{width:22px}.seal-stage{width:100%}.lab-header h3{font-size:1.8rem}
}
@media(prefers-reduced-motion:reduce){.seal-orbits{animation:none}}