@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;900&family=Orbitron:wght@900&display=swap');
*{box-sizing:border-box}body{margin:0;background:transparent;color:white;font-family:Inter,system-ui,sans-serif;overflow:hidden}.overlay-chat{width:520px;padding:14px}.overlay-line{margin:0 0 10px;padding:12px 14px;border-radius:18px;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 28px rgba(255,23,79,.22);animation:pop .25s ease}.overlay-line strong{color:#26d495;margin-right:8px}.live-widget,.goal-widget{display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:14px 20px;box-shadow:0 0 34px rgba(255,23,79,.34);font-family:Orbitron,sans-serif}.live-widget small,.goal-widget small{opacity:.75}.red-dot{width:12px;height:12px;background:#ff174f;border-radius:50%;box-shadow:0 0 18px #ff174f;animation:pulse 1.1s infinite}.goal-widget{border-radius:22px;display:grid;min-width:320px;font-family:Inter,sans-serif}.goal-bar{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.goal-bar i{height:100%;display:block;background:linear-gradient(90deg,#ff174f,#26d495);border-radius:999px}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.4);opacity:.6}}

.overlay-badge-row{display:inline-flex;gap:4px;margin:0 6px 0 4px;vertical-align:middle}.overlay-badge{width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;font-size:10px;font-weight:1000;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px rgba(0,0,0,.28)}.overlay-badge.badge-staff{background:linear-gradient(135deg,#ff385c,#a6122f);color:white}.overlay-badge.badge-partner{background:linear-gradient(135deg,#53fc18,#13ad4c);color:#041006}.overlay-badge.badge-affiliate{background:linear-gradient(135deg,#ffd36a,#f59e0b);color:#160f00}

/* ===== OBS Scene Pack v2 ===== */
.scene{width:100vw;height:100vh;position:relative;background:#050706;color:#f6fff8;display:grid;place-items:center;font-family:Inter,system-ui,sans-serif}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(83,252,24,.16),transparent 36%,rgba(0,0,0,.2)),radial-gradient(circle at 20% 20%,rgba(83,252,24,.22),transparent 28%),radial-gradient(circle at 85% 70%,rgba(255,255,255,.08),transparent 30%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px);opacity:.9}.scene-bg span{position:absolute;border-radius:999px;filter:blur(28px);opacity:.42;animation:floatBlob 8s ease-in-out infinite}.scene-bg span:nth-child(1){width:360px;height:360px;background:#53fc18;left:8%;top:12%}.scene-bg span:nth-child(2){width:260px;height:260px;background:#0cff9d;right:13%;bottom:14%;animation-delay:-2s}.scene-bg span:nth-child(3){width:180px;height:180px;background:#fff;right:28%;top:16%;opacity:.12;animation-delay:-4s}.scene-center{position:relative;z-index:2;text-align:center;width:min(1100px,92vw);padding:58px;border:1px solid rgba(255,255,255,.12);border-radius:38px;background:linear-gradient(180deg,rgba(10,14,12,.76),rgba(3,5,4,.62));box-shadow:0 30px 120px rgba(0,0,0,.62),0 0 80px rgba(83,252,24,.16);backdrop-filter:blur(16px)}.compact-scene{width:min(820px,90vw)}.scene-avatar{width:118px;height:118px;border-radius:32px;margin:0 auto 24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#53fc18,#0d3b1b);color:#041006;font-size:48px;font-weight:1000;border:2px solid rgba(255,255,255,.18);box-shadow:0 0 38px rgba(83,252,24,.35)}.scene-avatar img{width:100%;height:100%;object-fit:cover}.scene-kicker{text-transform:uppercase;letter-spacing:.22em;color:#9ffb82;font-size:17px;font-weight:1000}.scene h1{font-family:Orbitron,Inter,sans-serif;font-size:clamp(62px,8vw,142px);line-height:.9;margin:12px 0;text-transform:uppercase;letter-spacing:-.07em;text-shadow:0 0 50px rgba(83,252,24,.25)}.scene-sub{font-size:28px;color:#d8ffe0;margin:0 auto 28px;max-width:850px}.countdown{display:inline-flex;align-items:center;justify-content:center;min-width:330px;margin:8px auto 28px;padding:20px 34px;border-radius:999px;background:#53fc18;color:#051007;font-size:58px;font-weight:1000;box-shadow:0 0 60px rgba(83,252,24,.4)}.scene-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.scene-tags span{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#dbffe4;font-weight:900}.loader-dots{display:flex;justify-content:center;gap:18px;margin-top:28px}.loader-dots i{width:20px;height:20px;border-radius:50%;background:#53fc18;box-shadow:0 0 26px #53fc18;animation:dotJump 1s infinite}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}.intermission-grid{position:relative;z-index:2;width:min(1300px,92vw);display:grid;grid-template-columns:1.5fr .8fr;gap:24px}.glass-block{border-radius:34px;padding:44px;background:rgba(9,14,11,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.5);backdrop-filter:blur(14px)}.hero-block h1{font-size:74px;line-height:1;margin:8px 0 20px}.hero-block p{font-size:24px;color:#d5ffdd}.stats-block{display:grid;align-content:center;gap:18px}.stats-block strong{font-size:44px}.stats-block span{padding:18px 20px;border-radius:20px;background:rgba(83,252,24,.12);font-weight:1000;color:#caffc2}.social-rotator{position:absolute;left:40px;bottom:40px;min-width:430px}.social-item{display:none;align-items:center;gap:18px;padding:18px 24px;border-radius:22px;background:rgba(4,9,6,.78);border:1px solid rgba(83,252,24,.34);box-shadow:0 0 45px rgba(83,252,24,.22);animation:socialIn .35s ease}.social-item.show{display:flex}.social-item b{background:#53fc18;color:#041006;border-radius:999px;padding:8px 12px;font-weight:1000}.social-item span{font-size:26px;font-weight:1000}.lower-third{position:absolute;left:64px;bottom:64px;display:flex;align-items:center;gap:18px;min-width:520px;padding:18px 22px;border-radius:26px;background:linear-gradient(90deg,rgba(5,12,8,.92),rgba(12,22,15,.74));border:1px solid rgba(83,252,24,.32);box-shadow:0 20px 80px rgba(0,0,0,.5),0 0 45px rgba(83,252,24,.2);animation:lowerIn .5s ease}.lt-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#53fc18;color:#041006;font-size:26px;font-weight:1000}.lt-avatar img{width:100%;height:100%;object-fit:cover}.lower-third strong{display:block;font-size:28px}.lower-third span{display:block;color:#c8ffd1;font-size:17px;margin-top:4px}.viewer-pill{position:absolute;right:44px;top:44px;display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border-radius:999px;background:rgba(4,9,6,.82);border:1px solid rgba(83,252,24,.34);box-shadow:0 0 38px rgba(83,252,24,.22);font-weight:1000}.viewer-pill strong{font-size:28px}.viewer-pill small{color:#c9ffd2}.eye{color:#53fc18;text-shadow:0 0 18px #53fc18}.info-ticker{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;max-width:90vw;padding:16px 22px;border-radius:999px;background:rgba(4,9,6,.82);border:1px solid rgba(83,252,24,.34);box-shadow:0 0 38px rgba(83,252,24,.2);font-weight:1000;white-space:nowrap}.info-ticker b{background:#53fc18;color:#041006;padding:8px 12px;border-radius:999px}.info-ticker span{font-size:22px}.info-ticker em{font-style:normal;color:#bfffc9}.events-widget{position:absolute;right:44px;bottom:44px;width:360px;padding:20px;border-radius:26px;background:rgba(4,9,6,.82);border:1px solid rgba(83,252,24,.34);box-shadow:0 0 38px rgba(83,252,24,.2)}.events-widget h3{margin:0 0 12px;color:#53fc18}.events-widget div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.events-widget span{color:#c9ffd2;font-size:12px}.overlay-line .badge-row{display:inline-flex}.overlay-line .creator-badge{font-size:9px;padding:2px 5px;border-radius:999px}.badge-row.compact .creator-badge{width:20px;height:20px;padding:0;display:inline-grid;place-items:center}
@keyframes floatBlob{50%{transform:translate(22px,-18px) scale(1.08)}}@keyframes dotJump{50%{transform:translateY(-14px);opacity:.7}}@keyframes socialIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@keyframes lowerIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.overlay-emote{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin:0 3px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));transform:translateY(-2px)}


/* v4 OBS follow alert and recent events */
.follow-alert-shell{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.follow-alert{display:flex;align-items:center;gap:18px;min-width:560px;padding:22px 26px;border-radius:28px;background:linear-gradient(135deg,rgba(83,252,24,.24),rgba(5,7,8,.92));border:2px solid rgba(83,252,24,.55);box-shadow:0 0 55px rgba(83,252,24,.35),0 28px 90px rgba(0,0,0,.65);transform:translateY(35px) scale(.9);opacity:0;transition:.35s ease}.follow-alert.show{transform:translateY(0) scale(1);opacity:1}.alert-logo{width:88px;height:88px;border-radius:22px;overflow:hidden;background:#050607;border:1px solid rgba(83,252,24,.35);box-shadow:0 0 28px rgba(83,252,24,.22)}.alert-logo img{width:100%;height:100%;object-fit:cover}.follow-alert span{text-transform:uppercase;letter-spacing:.18em;color:#53fc18;font-weight:1000;font-size:.78rem}.follow-alert strong{display:block;font-size:2.35rem;line-height:1;color:#fff;text-shadow:0 0 24px rgba(83,252,24,.25)}.follow-alert p{margin:5px 0 0;color:#dfffd6;font-weight:800}
.recent-events-widget{width:420px;padding:16px;border-radius:22px;background:rgba(5,7,8,.72);border:1px solid rgba(83,252,24,.25);box-shadow:0 20px 70px rgba(0,0,0,.45);backdrop-filter:blur(10px)}.obs-widget-head{display:flex;align-items:center;gap:10px;color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.obs-widget-head img{width:36px;height:36px;border-radius:10px;object-fit:cover}.recent-events-list{display:grid;gap:8px}.recent-event{padding:11px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(83,252,24,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);animation:eventIn .25s ease}.recent-event strong{display:block;color:#53fc18;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em}.recent-event span{display:block;color:#fff;font-weight:850;margin-top:2px}@keyframes eventIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}