.ninety-nine-banner{cursor:pointer;text-align:left;background:linear-gradient(90deg,#cc4dcc,#cccc4d,#4dcccc,#cc4dcc) 0 0/300% 100%;border:4px outset silver;width:100%;padding:0;transition:transform 80ms ease-out;animation:3s steps(12,end) infinite ninety-nine-rainbow;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,inset 0 0 30px #ffffff40,0 6px 30px #ff00ff59}.ninety-nine-banner:hover{transform:scale(1.005)}.ninety-nine-banner:active{border-style:inset;transform:translateY(1px)}@keyframes ninety-nine-rainbow{0%{background-position:0%}to{background-position:300%}}.ninety-nine-banner__marquee{white-space:nowrap;letter-spacing:.08em;background:#000;padding:4px 0;font-family:Impact,Arial Black,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.ninety-nine-banner__marquee--top{color:#ff3}.ninety-nine-banner__marquee--bottom{color:#3ff}.ninety-nine-banner__marquee-track{will-change:transform;animation:22s linear infinite ninety-nine-marquee;display:inline-block}.ninety-nine-banner__marquee-track--reverse{animation:26s linear infinite ninety-nine-marquee-reverse}@keyframes ninety-nine-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ninety-nine-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.ninety-nine-banner__center{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}.ninety-nine-banner__title{color:#fff;letter-spacing:.08em;text-shadow:3px 3px #000,-1px -1px #000,0 0 18px #f0f,0 0 28px #ff0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.ninety-nine-banner__arrow{color:#fff;text-shadow:2px 2px #000;font-size:clamp(1.5rem,4vw,2.5rem);animation:1s steps(2,end) infinite ninety-nine-blink}.ninety-nine-banner__sparkle{font-size:clamp(1.25rem,3vw,2rem);animation:4s linear infinite ninety-nine-spin;display:inline-block}.ninety-nine-banner__sparkle--right{animation-direction:reverse}@keyframes ninety-nine-blink{0%,50%{opacity:1}50.01%,to{opacity:.2}}@keyframes ninety-nine-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ninety-nine-banner__cone{filter:drop-shadow(2px 2px #000);pointer-events:none;width:auto;height:56px;position:absolute;top:6px;left:8px}@media (max-width:480px){.ninety-nine-banner__cone{display:none}.ninety-nine-banner__center{padding:12px}}@media (prefers-reduced-motion:reduce){.ninety-nine-banner,.ninety-nine-banner__marquee-track,.ninety-nine-banner__arrow,.ninety-nine-banner__sparkle{animation:none!important}.ninety-nine-banner__title{text-shadow:3px 3px #000}}
