.live-now{position:relative;margin:0 0 24px;border:1px solid #28384c;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#121a25 0%,#0a0f16 72%);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.live-now::before{content:"";position:absolute;inset:-1px auto auto -1px;width:55%;height:3px;background:linear-gradient(90deg,#ff3159,#ff6238,transparent)}
.live-now[hidden]{display:none!important}
.live-now-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 17px;border-bottom:1px solid #202e40}
.live-now-kicker{display:flex;align-items:center;gap:9px;color:#ff5b70;font-size:11px;letter-spacing:.12em;font-weight:950;text-transform:uppercase;margin-bottom:7px}
.live-now-kicker .live-dot,.live-meta .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff365b;box-shadow:0 0 0 5px rgba(255,54,91,.12),0 0 18px rgba(255,54,91,.45);animation:ggr-live-pulse 1.45s ease-in-out infinite}
.live-now h2{margin:0;color:#f7faff;font-size:clamp(22px,3.2vw,34px);line-height:1.08;letter-spacing:-.035em;max-width:760px}
.live-meta{display:flex;align-items:center;gap:8px;color:#9fb0c5;font-size:12px;font-weight:800;margin-top:9px}
.live-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.live-tabs button{height:38px;padding:0 13px;border:1px solid #2b3b50;border-radius:12px;background:#0c131d;color:#aebdd0;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.16s ease}
.live-tabs button>span{width:7px;height:7px;border-radius:50%;background:currentColor}
.live-tabs button:hover,.live-tabs button.active{transform:translateY(-1px);border-color:#dfff24;color:#dfff24;background:#17201f}
.live-tabs .live-platform-twitch.active{border-color:#a970ff;color:#c5a5ff;background:rgba(145,70,255,.11)}
.live-tabs .live-platform-kick.active{border-color:#53fc18;color:#70ff3d;background:rgba(83,252,24,.09)}
.live-tabs .live-platform-youtube.active{border-color:#ff334f;color:#ff6579;background:rgba(255,0,45,.09)}
.live-tabs .live-platform-tiktok.active{border-color:#66f7f1;color:#78fff9;background:rgba(37,244,238,.08)}
.live-stage{padding:0 24px 22px}
.live-player{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#05070a;border-radius:18px;overflow:hidden;border:1px solid #26364a}
.live-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#05070a}
.live-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.live-action{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border:1px solid #2b3c51;border-radius:11px;background:#101823;color:#c3cfdd;text-decoration:none;font-size:12px;font-weight:900;transition:.16s ease}
.live-action:hover{border-color:#dfff24;color:#dfff24;transform:translateY(-1px)}
.live-action.primary{background:#dfff24;color:#0b0f14;border-color:#dfff24}
.live-action.primary:hover{color:#0b0f14;filter:brightness(.94)}
.live-external-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 30%,rgba(223,255,36,.09),transparent 38%),#080c12}
.live-external-card img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:2px solid #dfff24;margin-bottom:16px;box-shadow:0 0 35px rgba(223,255,36,.12)}
.live-external-card span{font-size:11px;letter-spacing:.13em;color:#ff5e75;font-weight:950;margin-bottom:5px}
.live-external-card strong{font-size:20px;color:#fff;margin-bottom:16px}
.live-external-card a{display:inline-flex;align-items:center;justify-content:center;background:#dfff24;color:#080d12;text-decoration:none;font-weight:950;border-radius:12px;padding:11px 16px}
@keyframes ggr-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(max-width:760px){
  .live-now{border-radius:19px;margin-bottom:18px}
  .live-now-head{display:block;padding:18px 16px 14px}
  .live-now h2{font-size:23px}
  .live-tabs{justify-content:flex-start;margin-top:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .live-tabs::-webkit-scrollbar{display:none}
  .live-tabs button{flex:0 0 auto;height:36px}
  .live-stage{padding:0 12px 14px}
  .live-player{min-height:0;border-radius:13px}
  .live-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .live-action{padding:0 9px;font-size:11px;text-align:center}
  .live-actions .live-action:only-child{grid-column:1/-1}
  .live-external-card img{width:76px;height:76px}
  .live-external-card strong{font-size:16px}
}

/* v0.9.4.3: comando audio fuori dall'iframe, cosi' il gesto dell'utente puo' sbloccare l'audio. */
.live-audio-toggle{font:inherit;cursor:pointer}

/* v0.9.4.5 — TikTok LIVE: player HLS quando il connector espone il flusso. */
.live-player-tiktok-hls{background:#030507}
.live-tiktok-video-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(37,244,238,.08),transparent 42%),#030507}
.live-tiktok-video{width:100%;height:100%;object-fit:contain;background:#030507}
.live-tiktok-brand{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;background:rgba(3,5,7,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.10);pointer-events:none}
.live-tiktok-brand span{color:#74fff9;font-size:11px;font-weight:950;letter-spacing:.08em}
.live-tiktok-brand strong{color:#fff;font-size:12px}
.live-player-external{aspect-ratio:auto;min-height:280px;height:280px}
.live-external-card p{max-width:520px;margin:0 0 16px;color:#9fb0c5;font-size:12px;line-height:1.55}
@media(max-width:760px){
  .live-player-external{height:240px;min-height:240px}
  .live-tiktok-brand{top:9px;left:9px;padding:6px 8px}
  .live-external-card p{font-size:11px;max-width:300px}
}
