/* cosmos.css — fælles grundstil for Cosmedelic-værkerne
   Mørkt rum, tynde linjer, letterspaced typografi, #ffb347-varme. */
:root {
  --rum: #060505;
  --varme: #ffb347;
  --varme-dim: rgba(255, 179, 71, 0.45);
  --linje: rgba(255, 179, 71, 0.16);
  --tekst: #e8dcc8;
  --daempet: #8a7f6d;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; height: 100%;
  background: #000; color: var(--tekst);
  font-family: var(--mono);
  overflow: hidden;
  cursor: none;                       /* kiosk: ingen markør */
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}
html.dev, html.dev body { cursor: default; }
/* Web/showcase: sidder man med mus, skal markøren kunne ses — kun den
   fysiske touch-kiosk (ingen hover, grov pointer) er markørløs. */
@media (hover: hover) and (pointer: fine) {
  html, body { cursor: default; }
}
#scene {
  position: fixed; inset: 0;
  display: grid; place-items: center;
}
canvas { display: block; }
.mono-tag {
  position: fixed; z-index: 5; pointer-events: none;
  font-size: clamp(9px, 1.1vmin, 13px);
  letter-spacing: 0.28em; text-transform: uppercase;
  color: var(--daempet);
}
#devhud {
  position: fixed; left: 12px; top: 12px; z-index: 9;
  font-size: 11px; letter-spacing: 0.08em; color: var(--varme-dim);
  display: none; pointer-events: none; white-space: pre;
}
html.dev #devhud { display: block; }