/* Ward nursery tableau — 1903 bedside vignette on the Ticker Room */
.ward-nursery{
  margin: 1.25rem 0 0;
  border: 1px solid var(--soot, #4A4136);
  background: #120f0c;
  position: relative;
  overflow: hidden;
}
.ward-nursery .wn-stage-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: min(52vh, 420px);
  background: #0c0a08;
}
.ward-nursery canvas#wardNurseryCanvas{
  display: block;
  width: 100%;
  height: 100%;
  touch-action: manipulation;
  cursor: pointer;
}
.ward-nursery .wn-chrome{
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  align-items: center;
  justify-content: space-between;
  padding: .75rem .9rem;
  border-top: 1px solid var(--soot, #4A4136);
  background: rgba(20,17,15,.92);
}
.ward-nursery .wn-vitals{
  font-family: "Space Mono", monospace;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sepia, #C9A876);
}
.ward-nursery .wn-vitals b{
  color: var(--stock, #EDE3D0);
  font-weight: 400;
}
.ward-nursery .wn-health-bar{
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 280px;
  height: 8px;
  border: 1px solid var(--soot, #4A4136);
  background: #1b1712;
  position: relative;
}
.ward-nursery .wn-health-bar > i{
  display: block;
  height: 100%;
  width: 50%;
  background: linear-gradient(90deg, #8B3A2E, #7A8B54);
  transition: width .6s ease, background-color .6s ease;
}
.ward-nursery .wn-caption{
  font-family: "Space Mono", monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #8a7f6d;
  min-height: 1.2em;
}
.ward-nursery .wn-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.ward-nursery .wn-actions button{
  font-family: "Space Mono", monospace;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid var(--soot, #4A4136);
  background: transparent;
  color: var(--stock, #EDE3D0);
  padding: .45rem .7rem;
  min-height: 40px;
  cursor: pointer;
}
.ward-nursery .wn-actions button:hover,
.ward-nursery .wn-actions button:focus-visible{
  border-color: var(--sepia, #C9A876);
  color: var(--sepia, #C9A876);
}
.ward-nursery .wn-actions button[aria-pressed="true"]{
  background: var(--sepia, #C9A876);
  color: #14110F;
  border-color: var(--sepia, #C9A876);
}
.ward-nursery .wn-titlecard{
  position: absolute;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
  max-width: 90%;
  padding: .55rem .9rem;
  background: rgba(10,8,6,.82);
  border: 1px solid rgba(201,168,118,.45);
  color: #EDE3D0;
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: clamp(.95rem, 2.8vw, 1.15rem);
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 3;
}
.ward-nursery .wn-titlecard.show{ opacity: 1; }
.ward-nursery .wn-film-edge{
  position: absolute; inset: 0; pointer-events: none; z-index: 2;
  box-shadow: inset 0 0 60px rgba(0,0,0,.55);
}
@media (max-width: 560px){
  .ward-nursery .wn-stage-wrap{ aspect-ratio: 4/3; max-height: min(48vh, 360px); }
  .ward-nursery .wn-chrome{ flex-direction: column; align-items: stretch; }
  .ward-nursery .wn-health-bar{ max-width: none; }
}
@media (prefers-reduced-motion: reduce){
  .ward-nursery .wn-health-bar > i{ transition: none; }
  .ward-nursery .wn-titlecard{ transition: none; }
}