.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:9px;--dot:10px;border-radius:10px}.marquee-sm .marquee-word{font-size:22px}.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)}
