/* Puzzle Atrium Mystery Rooms build 2.12 - dedicated room mechanism panel */
.mystery-workbench-section .mystery-layout-v210{
  width:min(1580px,calc(100% - 24px));
  display:grid;
  grid-template-columns:minmax(230px,255px) minmax(500px,610px) minmax(250px,290px) minmax(285px,320px);
  grid-template-areas:"controls scene mechanism terminal";
  gap:16px;
  align-items:start;
}
.mystery-controls-v210{grid-area:controls}
.mystery-scene-panel-v210{grid-area:scene}
.mechanism-panel-v212{grid-area:mechanism}
.terminal-monitor-v210{grid-area:terminal}
.mechanism-panel-v212{
  position:sticky;
  top:92px;
  z-index:2;
  padding:0;
  overflow:hidden;
  border-color:rgba(251,191,36,.28);
  box-shadow:0 22px 50px rgba(0,0,0,.36),0 0 0 1px rgba(251,191,36,.08),inset 0 0 28px rgba(251,191,36,.03);
}
.mechanism-panel-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:linear-gradient(90deg,rgba(251,191,36,.12),rgba(15,23,42,.4));
  color:#fde68a;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.82rem;
}
.mechanism-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#fbbf24;
  box-shadow:0 0 14px rgba(251,191,36,.85);
}
.mechanism-panel-content-v212{
  padding:16px;
  max-height:calc(100vh - 190px);
  overflow:auto;
}
.mechanism-panel-content-v212 h3{
  margin-top:0;
  font-size:1.08rem;
}
.mechanism-panel-content-v212 p{
  color:#bfdbfe;
  line-height:1.55;
}
.mechanism-callout{
  margin:10px 0 12px;
  border:1px solid rgba(251,191,36,.4);
  background:rgba(251,191,36,.09);
  color:#fde68a;
  border-radius:12px;
  padding:10px 12px;
  font-weight:900;
  line-height:1.35;
}
.mechanism-panel-v212 .gallery-evidence{margin:10px 0 14px}
.mechanism-panel-v212 .gallery-chip{
  font-size:.88rem;
  padding:8px 9px;
}
.mechanism-panel-v212 .gallery-symbol-pad{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.mechanism-panel-v212 .gallery-symbol-pad button{
  min-height:58px;
  border-radius:12px;
}
.mechanism-panel-v212 .mini-status{
  margin:12px 0 10px;
  padding:9px 10px;
  border-radius:10px;
  background:rgba(2,6,23,.38);
  border:1px solid rgba(148,163,184,.16);
}
.mechanism-panel-v212 .btn{width:100%}
.mystery-controls-v210 #room-actions{display:none!important}
@media (max-width:1480px){
  .mystery-workbench-section .mystery-layout-v210{
    width:min(1340px,calc(100% - 22px));
    grid-template-columns:minmax(220px,250px) minmax(500px,1fr) minmax(280px,320px);
    grid-template-areas:
      "controls scene mechanism"
      "controls scene terminal";
    gap:14px;
  }
  .terminal-monitor-v210,
  .mechanism-panel-v212{position:relative;top:auto;min-height:0}
  .mechanism-panel-content-v212{max-height:none}
}
@media (max-width:1120px){
  .mystery-workbench-section .mystery-layout-v210{
    grid-template-columns:minmax(230px,290px) minmax(0,1fr);
    grid-template-areas:
      "controls scene"
      "mechanism scene"
      "terminal terminal";
  }
}
@media (max-width:900px){
  .mystery-workbench-section .mystery-layout-v210{
    grid-template-columns:1fr;
    grid-template-areas:"controls" "scene" "mechanism" "terminal";
    width:min(100% - 22px,1180px);
  }
  .mechanism-panel-v212{position:relative;top:auto}
}
