/* Fullscreen black canvas */
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
  height: 100%;
}

canvas#jpCanvas {
  display: block;
  width: 100vw;
  height: 100vh;
}

/* Optional top bar */
.playground-bar {
  position: fixed;
  z-index: 9;
  top: 0; left: 0; right: 0;
  padding: 10px 14px;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(6px);
  font: 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}
.playground-bar a {
  color: #00E0FF;
  text-decoration: none;
}
.playground-bar span {
  opacity: .8;
}