/* Only namespaced component styles: safe to place in an existing website. */
.ghpl-trophy {
  position: relative;
  width: 100%;
  height: clamp(360px, 68vw, 760px);
  min-width: 0;
  background: transparent;
  isolation: isolate;
}
.ghpl-trophy canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
  -webkit-tap-highlight-color: transparent;
}
.ghpl-trophy[data-dragging] canvas { cursor: grabbing; }
.ghpl-trophy canvas:focus-visible { outline: 1px solid #d7af60; outline-offset: -5px; border-radius: 12px; }
.ghpl-trophy__status {
  position: absolute;
  inset: 50% 8% auto;
  margin: 0;
  text-align: center;
  color: inherit;
  font: 400 13px/1.6 system-ui, sans-serif;
  letter-spacing: .04em;
}
.ghpl-trophy__status[hidden] { display: none; }
@media (max-width: 480px) { .ghpl-trophy { height: 470px; } }