/* ══ LEKEPLASSEN ════════════════════════════════════════════════════════════
   Stiler for eksperimentene i js/lab/. Én seksjon per eksperiment, så den
   slettes sammen med fila når eksperimentet kastes eller flyttes inn.         */

/* ── tidsmaskin ─────────────────────────────────────────────────────────── */
body.tidsreise .ark, body.tidsreise .fangst, body.tidsreise .fanget,
body.tidsreise .topp .rund{display:none}
body.tidsreise.fortid #lerret{filter:sepia(.32) saturate(.75) hue-rotate(-12deg);transition:filter .5s}
#lerret{transition:filter .5s}
.tidsreise-panel{
  position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;
  padding:16px 18px 14px;border-radius:22px;
  background:rgba(22,28,60,.9);border:1px solid var(--kant-2);
  backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 16px 44px -14px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);
  animation:fangstInn .5s var(--fjaer) both
}
.tr-hode{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tr-naar{font:500 13px var(--mono);color:var(--tekst)}
.tidsreise-panel input[type=range]{width:100%;margin:16px 0 6px;accent-color:var(--aksent);height:28px}
.tr-om{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--tekst-2);min-height:2.9em}
@media (min-width:900px){ .tidsreise-panel{left:auto;right:36px;width:420px;bottom:36px} }