*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:transparent;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff;--red:#ff1717;--red2:#a90000}.hidden{display:none!important}.scanlines{pointer-events:none;position:fixed;inset:0;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.06) 4px);mix-blend-mode:overlay}.ambient-glow{position:fixed;width:600px;height:600px;left:-260px;top:-300px;background:radial-gradient(circle,rgba(255,23,23,.2),transparent 65%);filter:blur(35px)}
.overlay-shell{position:fixed;left:28px;top:28px}.hud{display:flex;align-items:stretch;gap:0;background:linear-gradient(110deg,rgba(5,5,7,.94),rgba(14,5,6,.88));border:1px solid rgba(255,38,38,.38);clip-path:polygon(0 0,96% 0,100% 22%,100% 100%,4% 100%,0 78%);box-shadow:0 0 30px rgba(255,0,0,.12),0 16px 50px rgba(0,0,0,.45);min-height:64px}.hud-brand{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-right:1px solid rgba(255,255,255,.1)}.hud-p{display:grid;place-items:center;width:38px;height:38px;background:var(--red);font-weight:1000;font-size:23px;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);box-shadow:0 0 18px rgba(255,23,23,.55)}.hud-brand b{display:block;font-size:13px;letter-spacing:.13em}.hud-brand small{font-size:8px;letter-spacing:.27em;color:#ff6868}.hud-item{min-width:185px;padding:12px 18px;display:flex;flex-direction:column;justify-content:center}.hud-item+ .hud-item{border-left:1px solid rgba(255,255,255,.08)}.hud-item small{font-size:8px;letter-spacing:.23em;color:#ff5656;font-weight:900}.hud-item strong{font-size:14px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.hud-item em{font-size:10px;font-style:normal;color:#aaa;font-weight:800}
.community-card{margin-top:10px;width:430px;padding:14px 18px;background:linear-gradient(120deg,rgba(8,8,10,.95),rgba(30,4,5,.92));border-left:3px solid var(--red);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 14px 50px rgba(0,0,0,.4);clip-path:polygon(0 0,96% 0,100% 22%,100% 100%,4% 100%,0 78%)}.community-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.community-top span{font-size:9px;letter-spacing:.22em;font-weight:1000;color:#ff4545}.community-top em{font-style:normal;font-size:12px;font-weight:1000;font-variant-numeric:tabular-nums;color:#fff}.community-card>strong{display:block;margin-top:3px;font-size:19px;text-transform:uppercase}.community-card p{margin:4px 0 0;font-size:11px;color:#bbb}.community-progress{height:5px;background:#220405;margin-top:10px;overflow:hidden;transform:skewX(-20deg)}.community-progress span{display:block;height:100%;background:linear-gradient(90deg,#8f0000,#ff1717,#ff7777);box-shadow:0 0 15px var(--red);transition:width .5s ease}
.alert-stage{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.alert-stage::before{content:"";position:absolute;width:min(1020px,80vw);height:300px;background:radial-gradient(ellipse,rgba(255,0,0,.18),transparent 68%);filter:blur(20px);opacity:0}.alert-panel{position:relative;width:min(920px,78vw);min-height:230px;display:grid;grid-template-columns:150px 1fr;align-items:center;padding:36px 60px 36px 42px;background:linear-gradient(105deg,rgba(3,3,5,.97) 0%,rgba(20,4,5,.97) 72%,rgba(60,0,0,.92) 100%);border:1px solid rgba(255,38,38,.6);clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,6% 100%,0 78%);box-shadow:0 0 0 1px rgba(255,0,0,.13),0 0 70px rgba(255,0,0,.22),0 30px 80px rgba(0,0,0,.65);overflow:hidden}.alert-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,0,0,.12) 50%,transparent 65%);transform:translateX(-120%)}.alert-panel::after{content:"PRINCE";position:absolute;right:-15px;bottom:-38px;font-size:120px;font-weight:1000;letter-spacing:-.06em;color:rgba(255,0,0,.055)}.alert-icon{position:relative;z-index:2;width:112px;height:112px;display:grid;place-items:center;font-size:54px;font-weight:1000;color:#fff;background:linear-gradient(145deg,#ff2424,#790000);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);box-shadow:0 0 35px rgba(255,0,0,.42)}.alert-content{position:relative;z-index:2}.alert-content small{font-size:11px;letter-spacing:.28em;color:#ff4848;font-weight:1000}.alert-content h1{font-size:42px;line-height:.98;margin:7px 0 10px;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 20px rgba(255,0,0,.2)}.alert-content p{font-size:18px;margin:0;color:#e5e5e5;font-weight:700;text-transform:uppercase}.alert-extra{display:inline-block;margin-top:14px;padding:6px 12px;border-left:3px solid var(--red);background:rgba(255,0,0,.08);font-size:12px;letter-spacing:.08em;font-weight:900;color:#ffb1b1;text-transform:uppercase}.alert-eyebrow{position:absolute;top:15px;left:42px;font-size:8px;letter-spacing:.35em;color:#777;font-weight:900}.alert-brand{position:absolute;right:34px;top:18px;font-size:9px;letter-spacing:.2em;color:#777}.alert-brand b{color:#ff3939}.alert-flash{position:absolute;inset:0;background:rgba(255,0,0,.25);opacity:0}.alert-slash{position:absolute;width:110vw;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 20px var(--red);opacity:0}.slash-a{transform:rotate(-8deg)}.slash-b{transform:rotate(8deg)}
.alert-stage.showing .alert-panel{animation:panelIn .72s cubic-bezier(.16,1,.3,1) both}.alert-stage.showing .alert-panel::before{animation:sweep 1.1s .2s ease-out both}.alert-stage.showing .alert-icon{animation:iconIn .65s .18s cubic-bezier(.16,1,.3,1) both}.alert-stage.showing .alert-content{animation:textIn .7s .25s cubic-bezier(.16,1,.3,1) both}.alert-stage.showing .alert-flash{animation:flash .35s ease-out}.alert-stage.showing .alert-slash{animation:slash .55s ease-out}.alert-stage.showing::before{animation:glowIn .7s ease-out both}.alert-stage.leaving .alert-panel{animation:panelOut .55s cubic-bezier(.7,0,.84,0) both}
.type-guess .alert-icon{font-size:40px}.type-guess .alert-content h1{color:#fff}.type-raffle .alert-icon{background:linear-gradient(145deg,#ff3b3b,#6e0000)}.type-top1 .alert-icon{background:linear-gradient(145deg,#ffb320,#bc1800)}.type-top1{border-color:rgba(255,120,20,.7)}.type-goal .alert-icon{background:linear-gradient(145deg,#ff2424,#430000)}.type-follow .alert-icon,.type-sub .alert-icon,.type-gift .alert-icon,.type-cheer .alert-icon{font-size:48px}
.alerts-only .overlay-shell,.community-only .hud,.community-only .alert-stage{display:none!important}.alerts-only .ambient-glow{display:none}.community-only .overlay-shell{display:block}
@keyframes panelIn{0%{opacity:0;transform:translateX(-120px) skewX(-5deg) scale(.96);filter:blur(8px)}55%{opacity:1;transform:translateX(10px) skewX(0) scale(1.01);filter:blur(0)}100%{transform:none}}@keyframes panelOut{to{opacity:0;transform:translateX(120px) scale(.98);filter:blur(8px)}}@keyframes iconIn{0%{opacity:0;transform:scale(.2) rotate(-20deg)}70%{transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes textIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes sweep{0%{transform:translateX(-120%)}100%{transform:translateX(130%)}}@keyframes flash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}@keyframes slash{0%{opacity:0;transform:translateX(-80vw) rotate(-8deg)}45%{opacity:1}100%{opacity:0;transform:translateX(80vw) rotate(-8deg)}}@keyframes glowIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.alert-panel{width:92vw;grid-template-columns:105px 1fr;padding:28px 34px}.alert-icon{width:82px;height:82px;font-size:38px}.alert-content h1{font-size:30px}.alert-content p{font-size:14px}.hud-item{min-width:140px}.hud-brand{display:none}}

/* Apostou, Ganhou — dedicated live flow */
.guess-live-stage{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:8}.guess-live-frame{position:relative;width:min(980px,82vw);padding:38px 54px 34px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,23,23,.14),transparent 34%),linear-gradient(115deg,rgba(3,3,4,.97),rgba(20,2,3,.96));border:1px solid rgba(255,35,35,.72);clip-path:polygon(0 0,94% 0,100% 16%,100% 100%,6% 100%,0 84%);box-shadow:0 0 75px rgba(255,0,0,.25),0 35px 100px rgba(0,0,0,.72);overflow:hidden}.guess-live-frame:before{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 40%,rgba(255,25,25,.12) 48%,transparent 56%);animation:guessSweep 3s linear infinite}.guess-live-brand{position:relative;font-size:11px;letter-spacing:.34em;font-weight:900;color:#777}.guess-live-brand span{color:#ff3030}.guess-live-kicker{position:relative;margin-top:17px;font-size:13px;letter-spacing:.34em;color:#ff3d3d;font-weight:1000}.guess-live-frame h1{position:relative;margin:7px 0 0;font-size:56px;line-height:1;font-weight:1000;letter-spacing:.03em;text-shadow:0 0 28px rgba(255,0,0,.3)}.guess-live-clock{position:relative;margin:18px auto 8px;font-size:94px;line-height:.95;font-weight:1000;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 38px rgba(255,24,24,.42)}.guess-live-frame p{position:relative;margin:8px 0 20px;font-size:14px;letter-spacing:.13em;font-weight:900;color:#c9c9c9}.guess-live-footer{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.guess-live-footer>*{padding:8px 16px;background:rgba(255,0,0,.08);border-left:3px solid #ff1717;font-size:12px;letter-spacing:.1em}.guess-live-stage.locked .guess-live-clock{font-size:50px;color:#ff4545;animation:lockedPulse 1.5s ease-in-out infinite}.guess-live-stage.locked .guess-live-frame{border-color:rgba(255,38,38,.95)}.guess-live-stage:not(.hidden) .guess-live-frame{animation:guessIn .6s cubic-bezier(.16,1,.3,1) both}.guess-only .overlay-shell,.guess-only .alert-stage{display:none!important}.alerts-only .guess-live-stage,.community-only .guess-live-stage{display:none!important}
@keyframes guessIn{from{opacity:0;transform:scale(.9) translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes guessSweep{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes lockedPulse{50%{text-shadow:0 0 55px rgba(255,0,0,.8)}}
@media(max-width:900px){.guess-live-frame{width:92vw;padding:28px}.guess-live-frame h1{font-size:38px}.guess-live-clock{font-size:64px}.guess-live-stage.locked .guess-live-clock{font-size:34px}}