/* One markup for three full-width banners; internal IDs retain saved preferences.
   classic = L'original, night = Tokyo Y2K, minimal = Pop stickers. */
.ticker-surface{--ticker-accent:#9146ff;--ticker-accent-ink:#fff;--ticker-name-color:#9146ff;--ticker-font-size:42px;--ticker-badge-font-size:40px;font-family:system-ui,-apple-system,sans-serif}
.ticker-surface *,.ticker-surface *::before,.ticker-surface *::after{box-sizing:border-box}
.ticker-surface .ticker-container{position:absolute;top:50%;transform:translateY(-50%);left:0;width:2560px;height:110px;display:flex;align-items:center;isolation:isolate;background:white;border-top:5px solid var(--ticker-accent);border-bottom:5px solid var(--ticker-accent);box-shadow:0 10px 30px #0004}
.ticker-surface .ticker-badge{position:relative;z-index:3;flex:0 0 600px;max-width:46%;height:100%;padding:6px 22px;display:flex;align-items:center;justify-content:center;background:var(--ticker-accent);color:var(--ticker-accent-ink);font-size:var(--ticker-badge-font-size);font-weight:800;line-height:1.1;white-space:pre-line;overflow-wrap:anywhere;text-align:center;border-right:5px solid #0002;box-shadow:4px 0 15px #0002}
.ticker-surface .ticker-viewport{position:relative;z-index:2;flex:1;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center}
.ticker-surface .ticker-text{position:absolute;left:100%;white-space:nowrap;font-size:var(--ticker-font-size);font-weight:800;letter-spacing:1px;color:#0f172a;will-change:transform;display:none;align-items:center;gap:20px}
.ticker-surface .user-name{color:var(--ticker-name-color);font-weight:900;margin-left:10px}
.ticker-surface .twitch-emote{height:50px;width:auto;vertical-align:middle;display:inline-block;filter:drop-shadow(0 2px 4px #0003)}
.ticker-surface .ticker-decor{display:none;position:absolute;pointer-events:none}
.ticker-surface[data-overlay-theme="night"]{font-family:"Arial Black",Arial,system-ui,sans-serif}
.ticker-surface[data-overlay-theme="night"] .ticker-container{height:160px;background-color:#090909;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:28px 28px;border-top:5px solid #96ce3f;border-bottom:6px solid var(--ticker-accent);box-shadow:0 6px 0 #ef3095}
.ticker-surface[data-overlay-theme="night"] .ticker-badge{flex-basis:600px;background:var(--ticker-accent);color:var(--ticker-accent-ink);font-style:italic;font-weight:900;border-right:10px solid #96ce3f;box-shadow:none;padding-right:38px;clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}
.ticker-surface[data-overlay-theme="night"] .ticker-text{color:#fff;font-style:italic;letter-spacing:-.5px;text-shadow:3px 3px #000}
.ticker-surface[data-overlay-theme="night"] .user-name{color:#ef3095}
.ticker-surface[data-overlay-theme="night"] .ticker-orbit{display:block;z-index:0;width:900px;height:190px;right:20px;top:-10px;border:10px solid #96ce3f;border-radius:50%;transform:rotate(-11deg);opacity:.65}
.ticker-surface[data-overlay-theme="night"] .ticker-star{display:block;z-index:1;right:45px;top:-2px;font-size:130px;line-height:1;color:#96ce3f}
.ticker-surface[data-overlay-theme="minimal"]{font-family:"Comic Sans MS","Comic Sans",cursive}
.ticker-surface[data-overlay-theme="minimal"] .ticker-container{height:164px;background:#fff8dd;border-top:4px solid #33303b;border-bottom:5px solid #33303b;box-shadow:0 8px #59d6d3}
.ticker-surface[data-overlay-theme="minimal"] .ticker-container::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#f1cd5638 2px,transparent 3px);background-size:18px 18px}
.ticker-surface[data-overlay-theme="minimal"] .ticker-badge{margin-left:18px;flex-basis:582px;height:134px;background:var(--ticker-accent);border:4px solid #302c37;border-radius:18px 5px 22px 7px;box-shadow:7px 6px #f8d448;transform:rotate(-1.3deg);padding:6px 22px;font-weight:800}
.ticker-surface[data-overlay-theme="minimal"] .ticker-text{color:#302333;letter-spacing:0}
.ticker-surface[data-overlay-theme="minimal"] .user-name{color:#a42c70}
.ticker-surface[data-overlay-theme="minimal"] .ticker-heart{display:block;right:50px;top:-34px;font-size:103px;line-height:1;color:#ed4a9c;transform:rotate(14deg);-webkit-text-stroke:3px #302c37;filter:drop-shadow(5px 5px #fff);z-index:3}
.ticker-surface[data-overlay-theme="minimal"] .ticker-spark{display:block;color:#ed4a9c;font-size:46px;z-index:4}
.ticker-surface .ticker-spark-one{left:560px;top:-18px}.ticker-surface .ticker-spark-two{right:210px;bottom:-16px;color:#e5b421!important}.ticker-surface .ticker-spark-three{right:390px;top:-22px;color:#27aaa8!important}
.ticker-surface[data-active="true"][data-overlay-theme="minimal"] .ticker-heart{animation:mtv-heart 2.8s ease-in-out infinite}
.ticker-surface[data-active="true"][data-overlay-theme="minimal"] .ticker-spark{animation:mtv-glitter 2.4s ease-in-out infinite}
.ticker-surface[data-active="true"] .ticker-spark-two{animation-delay:.8s}.ticker-surface[data-active="true"] .ticker-spark-three{animation-delay:1.5s}
.ticker-surface[data-active="true"][data-overlay-theme="night"] .ticker-star{animation:mtv-star 4s ease-in-out infinite}
@keyframes mtv-heart{0%,70%,100%{transform:rotate(14deg) translateY(0)}80%{transform:rotate(8deg) translateY(-14px)}90%{transform:rotate(17deg) translateY(-4px)}}
@keyframes mtv-glitter{0%,65%,100%{opacity:.25;transform:scale(.75) rotate(-10deg)}80%{opacity:1;transform:scale(1.15) rotate(10deg)}}
@keyframes mtv-star{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.ticker-surface .ticker-decor{animation:none!important}}
.ticker-surface .ticker-container{transition:opacity .25s ease}.ticker-surface[data-idle-hidden="true"] .ticker-container{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.ticker-surface .ticker-container{transition:none}}