.engagement-layer{position:absolute;inset:0;z-index:38;pointer-events:none;overflow:hidden}
.engagement-energy{position:absolute;left:54px;top:1362px;width:972px;height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 18px;border:1px solid rgba(255,80,168,.32);border-radius:18px;background:linear-gradient(90deg,rgba(12,20,47,.92),rgba(38,11,48,.9));box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 0 24px rgba(255,64,166,.05);backdrop-filter:blur(12px)}
.engagement-energy-label{display:flex;align-items:center;gap:8px;color:#ff77bd;font-size:16px;font-weight:950;letter-spacing:.1em}.engagement-energy-label b{font-size:24px;line-height:1}.engagement-energy-track{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.engagement-energy-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4b9b,#ff7bd4,#8a7dff);box-shadow:0 0 18px rgba(255,75,155,.75);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.engagement-energy-count{color:#fff;font-size:16px;font-weight:900;white-space:nowrap}.engagement-energy-count span{color:#aebee5;font-size:13px}
.engagement-card{--accent:#ff5cad;position:absolute;left:64px;bottom:525px;width:620px;min-height:132px;display:grid;grid-template-columns:92px 1fr 74px;align-items:center;gap:18px;padding:18px 22px;border:2px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:28px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(140deg,rgba(10,22,51,.98),rgba(5,8,24,.98));box-shadow:0 22px 50px rgba(0,0,0,.48),0 0 32px color-mix(in srgb,var(--accent) 25%,transparent);opacity:0;transform:translateX(-80px) scale(.94);transition:opacity .26s ease,transform .45s cubic-bezier(.18,.88,.25,1.16)}
.engagement-card.is-visible{opacity:1;transform:translateX(0) scale(1)}.engagement-card[data-type="follow"]{--accent:#36e990}.engagement-card[data-type="share"]{--accent:#4bdcff}.engagement-card[data-type="gift"]{--accent:#ffd45f}.engagement-card[data-major="true"]{width:760px;min-height:158px;border-width:3px;box-shadow:0 26px 70px rgba(0,0,0,.52),0 0 55px rgba(255,212,95,.34)}

.engagement-card[data-type="vibe"]{--accent:#53e7ff;left:92px;bottom:570px;width:896px;min-height:164px;border-color:rgba(83,231,255,.7);background:radial-gradient(circle at 16% 18%,rgba(124,94,255,.28),transparent 40%),radial-gradient(circle at 82% 28%,rgba(83,231,255,.2),transparent 36%),linear-gradient(135deg,rgba(8,18,49,.99),rgba(28,12,64,.99));box-shadow:0 24px 64px rgba(0,0,0,.52),0 0 42px rgba(83,231,255,.26)}
.engagement-card[data-type="vibe"] .engagement-label{font-size:18px;letter-spacing:.1em}.engagement-card[data-type="vibe"] .engagement-name{font-size:36px}.engagement-card[data-type="vibe"] .engagement-detail{white-space:pre-line;font-size:21px;line-height:1.24}.engagement-card[data-type="vibe"] .engagement-icon{background:linear-gradient(145deg,#53e7ff,#9e79ff);color:#061126}
.performance-minimal .engagement-card[data-type="vibe"]{width:820px;min-height:142px}.performance-minimal .engagement-card[data-type="vibe"] .engagement-detail{font-size:18px}.high-readability .engagement-card[data-type="vibe"]{background:#071226;border-color:#fff}
.engagement-avatar{width:88px;height:88px;display:grid;place-items:center;border:3px solid var(--accent);border-radius:50%;overflow:hidden;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,#08152d),#071020);font-size:38px;font-weight:950;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 42%,transparent)}.engagement-avatar img{width:100%;height:100%;object-fit:cover}
.engagement-copy{min-width:0}.engagement-label{color:var(--accent);font-size:16px;font-weight:950;letter-spacing:.13em}.engagement-name{margin-top:4px;color:#fff;font-size:34px;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-detail{margin-top:8px;color:#d8e4ff;font-size:20px;font-weight:800;line-height:1.1}.engagement-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;color:#071020;background:var(--accent);font-size:38px;font-weight:950;box-shadow:0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}
.engagement-particles{position:absolute;left:170px;bottom:650px;width:1px;height:1px}.engagement-particles i{position:absolute;color:#ff6fba;font-style:normal;font-size:30px;opacity:0;animation:engagement-float 1.65s ease-out var(--delay) both;transform:scale(var(--scale))}@keyframes engagement-float{0%{opacity:0;transform:translate(0,30px) scale(.4)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),-230px) scale(var(--scale)) rotate(18deg)}}
.reduced-motion .engagement-card,.performance-minimal .engagement-card{transition:opacity .15s linear;transform:none}.reduced-motion .engagement-particles,.reduce-particles .engagement-particles,.performance-minimal .engagement-particles{display:none}.performance-reduced .engagement-particles i:nth-child(n+9){display:none}.high-readability .engagement-card,.high-readability .engagement-energy{backdrop-filter:none;background:#071226;box-shadow:none}.performance-minimal .engagement-energy{height:42px}.performance-minimal .engagement-card{min-height:112px;width:560px}.performance-minimal .engagement-avatar{width:72px;height:72px}.performance-minimal .engagement-name{font-size:29px}
.engagement-card[data-type="milestone"]{--accent:#8d7dff;width:820px;min-height:166px;background:radial-gradient(circle at 18% 20%,rgba(83,231,255,.24),transparent 38%),linear-gradient(135deg,rgba(12,20,55,.99),rgba(40,15,72,.98));}
.supporter-spotlight{position:absolute;right:54px;top:1278px;display:flex;align-items:center;gap:12px;max-width:560px;height:64px;padding:7px 12px;border:1px solid rgba(118,211,255,.25);border-radius:20px;background:rgba(7,15,37,.88);backdrop-filter:blur(10px);z-index:14}.supporter-spotlight>span{font-size:12px;font-weight:950;letter-spacing:.11em;color:#91a8d8;white-space:nowrap}.supporter-spotlight [data-supporter-list]{display:flex;gap:7px}.supporter-chip{width:48px;display:grid;justify-items:center;gap:2px}.supporter-chip img,.supporter-chip b{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;border:2px solid rgba(255,214,95,.75);background:#152449;color:#fff;font-size:15px}.supporter-chip small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:8px;font-weight:800}.performance-minimal .supporter-spotlight,.reduce-particles .supporter-spotlight{display:none}.high-readability .supporter-spotlight{backdrop-filter:none;background:#071226}
.engagement-sponsor{position:absolute;right:54px;top:1304px;max-width:420px;display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;padding:10px 16px;border:1px solid rgba(255,214,96,.42);border-radius:16px;background:linear-gradient(135deg,rgba(12,20,48,.94),rgba(54,31,8,.92));box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 24px rgba(255,205,70,.12)}.engagement-sponsor[hidden]{display:none}.engagement-sponsor small{color:#ffd968;font-size:10px;font-weight:950;letter-spacing:.13em}.engagement-sponsor strong{color:#fff;font-size:18px;font-weight:950}.engagement-sponsor span{grid-column:1/-1;color:#dce7ff;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.engagement-card[data-tier="premium"]{--accent:#ffcf58}.engagement-card[data-tier="legendary"]{--accent:#ffe887;width:860px;min-height:180px;border-width:4px;animation:legendary-glow 1.1s ease-in-out infinite alternate}.engagement-layer[data-engagement-finale="true"] .engagement-card[data-major="true"]{transform-origin:left center;box-shadow:0 30px 90px rgba(0,0,0,.56),0 0 80px color-mix(in srgb,var(--accent) 45%,transparent)}.engagement-layer[data-engagement-finale="true"] .engagement-particles i{font-size:38px}@keyframes legendary-glow{from{filter:brightness(1)}to{filter:brightness(1.18)}}
.reduce-particles .engagement-card[data-tier="legendary"],.performance-minimal .engagement-card[data-tier="legendary"]{animation:none}.high-readability .engagement-sponsor{background:#071226;box-shadow:none}

/* Runtime 3.15.27 — collision-free Change the Vibe lane. Vibe moments use a
   compact banner immediately above the status rail. Audience Energy yields for
   the short Vibe moment so no production UI is painted through the instruction. */
.engagement-card[data-type="vibe"]{left:92px;bottom:640px;width:896px;height:76px;min-height:76px;box-sizing:border-box;grid-template-columns:48px minmax(0,1fr) 42px;gap:12px;padding:7px 14px;border-radius:18px}
.engagement-card[data-type="vibe"] .engagement-avatar{width:46px;height:46px;border-width:2px;font-size:22px}
.engagement-card[data-type="vibe"] .engagement-label{font-size:11px;letter-spacing:.09em}
.engagement-card[data-type="vibe"] .engagement-name{font-size:23px;line-height:1;margin-top:1px}
.engagement-card[data-type="vibe"] .engagement-detail{margin-top:2px;white-space:normal;font-size:13px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.engagement-card[data-type="vibe"] .engagement-icon{width:40px;height:40px;border-radius:12px;font-size:24px}
.engagement-layer[data-vibe-active="true"] .engagement-energy{opacity:0!important;pointer-events:none}
.engagement-layer[data-vibe-active="true"] .engagement-particles{display:none!important}
.performance-minimal .engagement-card[data-type="vibe"]{width:896px;height:72px;min-height:72px;bottom:640px}
.performance-minimal .engagement-card[data-type="vibe"] .engagement-name{font-size:22px}
.performance-minimal .engagement-card[data-type="vibe"] .engagement-detail{font-size:12px}
#broadcast-stage[data-scene="AUDIO_TRIVIA"] .engagement-card[data-type="vibe"]{bottom:648px}