.wpt-particle-text {
  position: relative;
  display: block;
  width: 100%;
  height: var(--wpt-height, 320px);
  overflow: hidden;
  background: var(--wpt-bg, #fff);
  isolation: isolate;
}
.wpt-particle-text canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  outline: none;
}
.wpt-particle-hint {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  text-align: center;
  color: #777;
  font: 11px/1.4 system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
}
@media (max-width: 600px) {
  .wpt-particle-text { height: min(var(--wpt-height, 260px), 260px); }
}
@media (prefers-reduced-motion: reduce) {
  .wpt-particle-text canvas { touch-action: auto; }
}