/* Puzzle Atrium Mystery Rooms build 2.17 - harder Basement pipe maze with aligned pump/gauge */
.pipe-modal-card-v217{width:min(1080px,96vw)}
.pipe-board-v217{
  width:min(1000px,96vw);
  min-height:700px;
  padding:30px 44px 70px;
  overflow:visible;
  background:
    radial-gradient(circle at 7% 91%,rgba(251,191,36,.14),transparent 16%),
    radial-gradient(circle at 94% 17%,rgba(34,197,94,.13),transparent 17%),
    linear-gradient(180deg,#101827,#020617);
}
.pipe-board-v217:before{display:none!important;content:none!important}
.pipe-board-v217 .pipe-result{bottom:13px}
.pipe-grid-v217{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(9,1fr);
  grid-template-rows:repeat(9,1fr);
  gap:5px;
  width:min(760px,74vw);
  height:570px;
  margin:28px auto 0;
  padding:11px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(2,6,23,.9));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:inset 0 0 30px rgba(2,6,23,.86);
}
.pipe-grid-v217 .pipe-cell,.pipe-grid-v217 .pipe-tile{
  min-width:0;min-height:0;border-radius:11px;border:1px solid rgba(71,85,105,.82);
}
.pipe-grid-v217 .pipe-cell.wall{display:block;background:repeating-linear-gradient(135deg,rgba(30,41,59,.64) 0 8px,rgba(15,23,42,.96) 8px 16px);box-shadow:inset 0 0 18px rgba(0,0,0,.35);opacity:.78}
.pipe-grid-v217 .pipe-tile,
.pipe-grid-v217 .pipe-tile.solution,
.pipe-grid-v217 .pipe-tile.dead-end{
  background:radial-gradient(circle at 50% 50%,#111827 0 45%,#334155 46% 100%);
  opacity:1;
  border-color:rgba(71,85,105,.82);
  box-shadow:inset 0 0 18px rgba(0,0,0,.38);
}
.pipe-grid-v217 .pipe-tile:hover{border-color:rgba(251,191,36,.72);box-shadow:0 0 18px rgba(251,191,36,.16),inset 0 0 22px rgba(0,0,0,.38)}
.pipe-grid-v217 .pipe-tile svg path,
.pipe-grid-v217 .pipe-tile.solution svg path,
.pipe-grid-v217 .pipe-tile.dead-end svg path{
  stroke:#fbbf24;
  filter:drop-shadow(0 0 4px rgba(251,191,36,.45));
}
.pipe-board-v217.solved .pipe-tile.solution{border-color:#fbbf24;box-shadow:0 0 18px rgba(251,191,36,.25),inset 0 0 18px rgba(251,191,36,.08)}
.pipe-board-v217.solved .pipe-tile.solution svg path{stroke:#fde68a;filter:drop-shadow(0 0 9px rgba(253,230,138,.75))}
.pipe-board-v217.flowing .pipe-tile.solution svg path{stroke-dasharray:24 10;animation:pipeFlow 1s linear infinite}
.pipe-board-v217.leaking{animation:pipeLeakShake .24s ease 2}
.pipe-grid-v217 .pipe-pump-v217,.pipe-grid-v217 .pipe-gauge-v217{
  position:absolute;
  z-index:12;
  display:grid;
  place-items:center;
  padding:9px 11px;
  min-width:62px;
  border-radius:12px;
  background:linear-gradient(180deg,#1f2937,#0f172a);
  border:1px solid rgba(251,191,36,.5);
  color:#fef3c7;
  font-size:.7rem;
  font-weight:1000;
  letter-spacing:.03em;
  box-shadow:0 0 16px rgba(251,191,36,.18);
  transform:translateY(-50%);
  pointer-events:none;
}
.pipe-grid-v217 .pipe-pump-v217{right:calc(100% + 16px);top:94.5%}
.pipe-grid-v217 .pipe-gauge-v217{left:calc(100% + 16px);top:16.7%}
.pipe-grid-v217 .pipe-pump-v217:after,.pipe-grid-v217 .pipe-gauge-v217:before{
  content:"";position:absolute;top:50%;width:16px;height:10px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#fbbf24,#fde68a);box-shadow:0 0 12px rgba(251,191,36,.38)
}
.pipe-grid-v217 .pipe-pump-v217:after{left:100%}
.pipe-grid-v217 .pipe-gauge-v217:before{right:100%}
.pipe-board-v217 .pipe-flow-note{bottom:42px;white-space:normal;text-align:center;max-width:78%;line-height:1.25}
@media(max-width:900px){
  .pipe-modal-card-v217{width:98vw}.pipe-board-v217{padding:24px 12px 64px;min-height:620px}.pipe-grid-v217{width:calc(100% - 90px);height:520px;gap:4px}.pipe-grid-v217 .pipe-pump-v217,.pipe-grid-v217 .pipe-gauge-v217{font-size:.58rem;min-width:48px;padding:7px 8px}.pipe-grid-v217 .pipe-pump-v217{right:calc(100% + 8px)}.pipe-grid-v217 .pipe-gauge-v217{left:calc(100% + 8px)}
}
@media(max-width:620px){
  .pipe-grid-v217{width:100%;height:430px}.pipe-grid-v217 .pipe-pump-v217,.pipe-grid-v217 .pipe-gauge-v217{position:fixed;opacity:.001;pointer-events:none}.pipe-board-v217 .pipe-flow-note{font-size:.66rem;width:90%;max-width:90%}
}