#stage[data-layout="digital"] {
  inset: 0;
  width: 100vw;
  max-width: none;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  overflow: hidden;
}
#stage[data-layout="digital"] .activity-card--digital,
.activity-preview-wrap[data-layout="digital"] .activity-card--digital {
  position: relative;
  display: block;
  width: min(520px, calc(100vw - 28px), calc((100dvh - 28px) * 1.2058));
  max-width: 100%;
  aspect-ratio: 1377 / 1142;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
}
.activity-digital-art { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.activity-digital-screen {
  position: absolute;
  left: 10.9%;
  top: 11.2%;
  width: 63.3%;
  height: 78.1%;
  border-radius: 4%;
  overflow: hidden;
  isolation: isolate;
}
.activity-digital-screen::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: repeating-linear-gradient(transparent 0 2px, rgba(0,0,0,.18) 2px 3px);
  pointer-events: none;
}
.activity-digital-track {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: calc(var(--activity-font, 16px) * 3);
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
  transform: translate(var(--digital-start, 100%), -50%);
}
.digital-ready .activity-digital-track {
  animation: activity-digital-scroll var(--digital-duration, 8s) linear both;
}
:is(#stage, .activity-preview-wrap) .activity-card--digital .activity-digital-track span {
  display: inline;
  font: inherit;
  line-height: inherit;
  word-break: normal;
  mask-image: radial-gradient(circle, #000 60%, transparent 72%);
  mask-size: 3px 3px;
}
:is(#stage, .activity-preview-wrap) .activity-card--digital .activity-digital-name { color: var(--activity-text, #fff); }
:is(#stage, .activity-preview-wrap) .activity-card--digital .activity-digital-message { color: var(--activity-message, #fff); }
.activity-digital-gift { width: 72px; height: 72px; flex-shrink: 0; object-fit: contain; }
.activity-digital-avatar-wrap{width:1.5em;height:1.5em;flex-shrink:0;border:2px solid var(--activity-border,#55d8cf);border-radius:0;overflow:hidden;box-sizing:border-box;background:#252a32}
:is(#stage,.activity-preview-wrap) .activity-card--digital .activity-digital-avatar-wrap .activity-avatar{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;object-fit:cover;box-sizing:border-box}
:is(#stage,.activity-preview-wrap) .activity-card--digital .activity-digital-avatar-wrap .activity-avatar--placeholder{align-items:center;justify-content:center;font-size:.75em}
@keyframes activity-digital-scroll {
  from { transform: translate(var(--digital-start), -50%); }
  to { transform: translate(var(--digital-end), -50%); }
}
.activity-preview-wrap[data-layout="digital"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 12px;
  overflow: hidden;
}
.activity-preview-wrap[data-layout="digital"] .activity-card--digital { width: min(480px, 100%); }
@media (max-width: 520px) {
  .activity-digital-track { font-size: calc(var(--activity-font, 16px) * 2.5); }
  .activity-digital-gift { width: 60px; height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .digital-ready .activity-digital-track {
    animation: none;
    width: 100%;
    white-space: normal;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    transform: translate(0, -50%);
  }
}
#stage[data-layout="digital-long"]{inset:0;width:100vw;max-width:none;min-height:100dvh;display:grid;place-items:center;overflow:hidden}
#stage[data-layout="digital-long"] .activity-card--digital-long,
.activity-preview-wrap[data-layout="digital-long"] .activity-card--digital-long{
  position:relative;display:block;width:min(920px,calc(100vw - 28px),calc((100dvh - 28px) * 4.9855));max-width:100%;aspect-ratio:2069/415;container-type:inline-size;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;transition:none
}
.activity-card--digital-long .activity-digital-screen{left:2.2%;top:8.5%;width:95.6%;height:83%;border-radius:3%/14%}
.activity-card--digital-long .activity-digital-track{font-size:min(calc(var(--activity-font,16px) * 3),10cqw)}
.activity-preview-wrap[data-layout="digital-long"]{display:flex;align-items:center;justify-content:center;min-height:240px;padding:12px;overflow:hidden}
.activity-preview-wrap[data-layout="digital-long"] .activity-card--digital-long{width:min(920px,100%)}
.activity-card--digital-long .activity-digital-gift{width:1.5em;height:1.5em}
@media(max-width:520px){.activity-card--digital-long .activity-digital-track{font-size:min(calc(var(--activity-font,16px) * 2.5),10cqw)}}