:root {
  color-scheme: dark;
  background: #000;
  color: #fff;
}

* {
  box-sizing: border-box;
}

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

main {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  overflow: hidden;
}

.led-frame {
  position: absolute;
  inset: clamp(20px, 2vw, 34px);
  pointer-events: none;
}

.pb-led-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.pb-led-svg rect {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.pb-led-rail {
  stroke: rgb(255 255 255 / 12%);
  stroke-width: 1px;
  filter: drop-shadow(0 0 2px rgb(255 255 255 / 16%));
}

.pb-led-trail {
  stroke: #fff;
  stroke-width: 1.1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter:
    drop-shadow(0 0 3px rgb(255 255 255 / 65%))
    drop-shadow(0 0 8px rgb(255 255 255 / 30%));
}