/* soz she's carnal — WebGL CRT. All the screen FX live in the shader now;
   this just hosts the full-bleed canvas. */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: #000;
  overflow: hidden;
}

#app { height: 100%; }

.cr-host {
  position: fixed;
  top: 48px;            /* clear the toy top-bar */
  left: 0; right: 0; bottom: 0;
  background: #000;
}
.cr-host canvas { display: block; width: 100%; height: 100%; }

/* Fading nav hint over the phosphor. */
.cr-hint {
  position: fixed; left: 50%; bottom: 4%; transform: translateX(-50%);
  font: 12px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.18em; color: #ffac61; text-shadow: 0 0 8px rgba(255,140,60,0.6);
  pointer-events: none; opacity: 0.85;
  animation: cr-hint-fade 1.4s ease-in 6s forwards;
}
@keyframes cr-hint-fade { to { opacity: 0; } }

/* Top-bar icon (a tiny lit screen). */
.carnal-icon {
  display: inline-block; width: 12px; height: 9px; border-radius: 2px;
  background: #ffb066; box-shadow: 0 0 6px #ffb066;
}