.sim-page{display:flex;flex-direction:column;gap:1rem;padding-block:1.5rem}
.sim-head{display:flex;flex-direction:column;gap:.4rem}
.sim-head h1{margin:0}
.scene-picker{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:min(1180px,calc(100% - 40px));margin-inline:auto}
.scene-buttons{display:flex;gap:.45rem;padding:.3rem;border:1px solid #304436;border-radius:14px;background:#101c15}
.scene-buttons button{border:0;border-radius:10px;padding:.7rem 1.2rem;font:inherit;font-weight:600;color:#d8e9dc;background:transparent;cursor:pointer}
.scene-buttons button[aria-pressed="true"]{background:#b5d8ab;color:#102314}
.scene-buttons button:focus-visible{outline:2px solid #e2edc8;outline-offset:3px}
.scene-picker p{font-size:.88rem;color:#b5c4b7;margin:0}
.sim-stage{position:relative;width:100%;aspect-ratio:16/10;max-height:78vh;
  background:#0b1210;border-radius:14px;overflow:hidden;touch-action:none}
.sim-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sim-hud{position:absolute;inset:0;pointer-events:none}
.sim-hud>*{pointer-events:auto}
.sim-loading{position:absolute;inset:0;display:grid;place-items:center;
  color:#cfe8dd;font-size:.95rem;background:#0b1210}
.sim-fallback{position:absolute;inset:0;display:flex;flex-direction:column;gap:.6rem;
  align-items:center;justify-content:center;text-align:center;padding:2rem;background:#0b1210;color:#e7f2ec}
.sim-fallback img{max-width:min(680px,90%);border-radius:12px}

.hud-card{position:absolute;background:rgba(10,18,16,.86);backdrop-filter:blur(6px);
  color:#eaf4ef;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.9rem 1rem;
  font-size:.85rem;display:flex;flex-direction:column;gap:.55rem;max-width:15rem}
.hud-env{top:1rem;left:1rem}
.hud-env h2{font-size:1.35rem;line-height:1.2;margin:0 0 .3rem}
.hud-device{z-index:3}
.hud-device h3{font-size:1.1rem;margin:0;padding-right:1.2rem}
.hud-env label{display:flex;flex-direction:column;gap:.25rem}
.hud-env input[type=range]{width:100%}
.terrarium-location{color:#bbd0bc;grid-column:1/-1}
.terrarium-toggle{display:flex;align-items:center;gap:.5rem}
.terrarium-sensors{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin:0}
.terrarium-sensors dd{margin:0}
.hud-device select{max-width:100%;color:inherit;background:#1a2a20;border:1px solid #47624e;border-radius:6px;padding:.25rem}
.hud-buttons{display:flex;gap:.5rem}
.hud-turn-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;grid-column:1/-1}
.hud-turn-controls .hud-toggle{display:flex;flex-direction:row;align-items:center;gap:.35rem;grid-column:auto}
.hud-turn-controls input[type=checkbox]{accent-color:#9bcf9b}
.hud-turn-controls small{grid-column:1/-1;color:#bbd0bc}
.hud-turn-controls button{border:1px solid #47624e;border-radius:8px;background:#253d2b;color:#e7f1df;padding:.45rem;cursor:pointer}
.hud-turn-controls button:disabled{opacity:.5;cursor:default}
.hud-buttons button{flex:1;padding:.35rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.18);
  background:transparent;color:inherit;cursor:pointer}
.hud-device{transform-origin:top left;translate:12px 12px}
.hud-device input[type=number]{width:4rem;margin-inline:.35rem}
.hud-device [data-close]{position:absolute;top:.4rem;right:.5rem;background:none;border:0;color:inherit;
  font-size:1.1rem;cursor:pointer;line-height:1}

.hud-marker{position:absolute;top:0;left:0;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:.4rem;background:none;border:0;padding:0;cursor:pointer;color:#eaf4ef}
.hud-marker .dot{width:14px;height:14px;border-radius:50%;background:#7fd1a8;
  box-shadow:0 0 0 4px rgba(127,209,168,.25);transition:background .2s}
.hud-marker[data-on="true"] .dot{background:#ffcf5c;box-shadow:0 0 0 5px rgba(255,207,92,.3)}
.hud-marker .tag{font-size:.75rem;white-space:nowrap;background:rgba(10,18,16,.7);
  padding:.1rem .4rem;border-radius:6px}

@media (max-width:820px){
  .hud-card{font-size:.8rem;max-width:12rem}
  .sim-stage{aspect-ratio:auto;height:660px;max-height:none;touch-action:pan-y}
  .sim-stage[data-scene="incubator"]{height:760px}
  .sim-stage[data-scene="terrarium"]{height:750px}
  .sim-stage canvas{height:360px;touch-action:none}
  .hud-env{top:376px;left:12px;right:12px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem}
  .hud-env h2,.hud-env label:last-of-type,.hud-buttons{grid-column:1/-1}
  .hud-env input[type=range]{min-width:0}
  .hud-buttons button{min-height:40px}
  .hud-device{top:12px;left:12px;right:12px;max-width:none;max-height:330px;overflow:auto;transform:none!important;translate:none}
  .hud-marker .tag{font-size:.65rem}
  .scene-picker{gap:.65rem}
  .scene-buttons{width:100%}
  .scene-buttons button{flex:1}
  .scene-buttons button{padding:.65rem .45rem;font-size:.85rem}
  .terrarium-env label:last-of-type{grid-column:auto}
  .terrarium-env label{min-width:0}
  .hud-turn-controls .hud-toggle{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
  .hud-marker .dot{transition:none}
}