.marquee{--pad:14px;--dot:14px;padding:var(--pad) calc(var(--pad) + 8px);background:linear-gradient(#2a1218,#170a0e);border-radius:14px;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 0 0 2px #e2b55355,inset 0 0 30px #7a153055,0 0 60px -20px #e2b55366}.marquee-bulbs,.marquee-bulbs:after{pointer-events:none;--b:radial-gradient(circle, #fff7df 0 2px, #e2b553aa 2.6px, transparent 3.4px);background:var(--b) 0 0 / var(--dot) var(--dot) repeat-x, var(--b) 0 100% / var(--dot) var(--dot) repeat-x, var(--b) 0 0 / var(--dot) var(--dot) repeat-y, var(--b) 100% 0 / var(--dot) var(--dot) repeat-y;border-radius:10px;position:absolute;inset:5px}.marquee-bulbs{filter:drop-shadow(0 0 3px #ffd98a);animation:.5s step-end 6 bulbs-a}.marquee-bulbs:after{content:"";transform:translate(calc(var(--dot) / 2), 0);opacity:0;animation:.5s step-end 6 bulbs-b;inset:0}@keyframes bulbs-a{0%{opacity:1}50%{opacity:.25}}@keyframes bulbs-b{0%{opacity:0}50%{opacity:1}}.marquee-word{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:var(--beam);text-shadow:0 0 1px #fff,0 0 12px #ffcf6e99,0 0 36px #e2b55366;font-weight:900;line-height:.85}.marquee-sm{--pad:10px;border-radius:12px;gap:6px;padding:12px 16px 10px}.marquee-sm .marquee-word{letter-spacing:.04em;text-shadow:0 0 1px #fff,0 0 10px #ffcf6e88;background:linear-gradient(#fff6d8,#f0c86a 55%,#c9952f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px}.marquee-phase{justify-self:center}.marquee-xl .marquee-phase,.marquee-md .marquee-phase{padding:4px 10px;font-size:clamp(11px,1.6vw,14px);position:absolute;top:-10px;right:-10px;transform:rotate(6deg);box-shadow:0 6px 18px -6px #000}.marquee-md .marquee-word{font-size:34px}.marquee-xl{--pad:clamp(16px, 3vw, 26px);--dot:clamp(14px, 2.4vw, 20px);border-radius:18px}.marquee-xl .marquee-word{font-size:clamp(40px,12.5vw,132px)}