/* Canlı yayın: 16:9 oynatıcı, CANLI rozeti, ana sayfa alanı. Marka: koyu zemin, Kick yeşili (--lime), Romeo pembesi (--accent). */
[data-live-when][hidden],.live-fallback[hidden],.live-msg[hidden],.live-stream-title[hidden]{display:none!important}
.live-page{padding-top:28px;padding-bottom:28px}
.live-page h1{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:.2em 0 .3em}
.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:999px;padding:4px 12px;font:800 13px/1.4 var(--font-body);letter-spacing:.12em}
.live-badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;animation:live-pulse 1.6s ease-in-out infinite}
@keyframes live-pulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.live-badge::before{animation:none}}
.live-stream-title{font-weight:700;margin:0 0 .5em;overflow-wrap:anywhere}
.live-msg{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:10px;padding:12px 16px;margin:12px 0}
.live-player{margin:14px 0}
.live-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.live-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-fallback{margin:10px 0 0;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.live-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.live-actions .btn{flex:0 1 auto}
.live-alt{margin-top:18px}
.live-home{padding:22px 0}
.live-home-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.live-home-head h2{margin:0;overflow-wrap:anywhere}
.live-home-head h2::after{display:none}
.live-home-card .wrap{background:var(--panel);border:1px solid var(--lime);border-radius:14px;padding:18px 20px}
@media (max-width:640px){
  .live-page{padding-top:18px}
  .live-actions .btn{flex:1 1 100%;text-align:center}
  .live-frame{border-radius:8px}
}
/* Etkinlik kartlarındaki "CANLI" rozeti mekânda süren etkinliği anlatır (Kick yayını değil); yayın durumu mesajıyla çelişmesin diye bu sayfada gizli */
.live-alt .badge.live{display:none}

/* Kick canlı sohbeti: masaüstünde oynatıcı solda 16:9, sohbet sağda; mobilde alt alta */
.live-layout{display:block}
.live-layout.has-chat{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;align-items:start}
.live-main{min-width:0}
.live-chat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0;min-width:0;display:flex;flex-direction:column}
.live-layout.has-chat .live-chat{margin:14px 0 0}
.lc-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.lc-head h2{margin:0;font-size:1.05rem}
.lc-note{font-size:13px;color:var(--muted);margin:6px 0 10px}
.lc-log{list-style:none;margin:0;padding:0;height:clamp(260px,52vh,520px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:#0000002a}
.lc-msg{padding:6px 10px;border-bottom:1px solid #ffffff0d;overflow-wrap:anywhere}
.lc-msg.from-site{border-left:3px solid var(--lime)}
.lc-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.lc-user{font-size:13px}
.lc-time,.lc-src,.lc-member{color:var(--muted)}
.lc-badge{background:#ffffff1a;border-radius:4px;padding:0 5px;font-size:11px}
.lc-badge-broadcaster,.lc-badge-moderator{background:var(--lime);color:#000}
.lc-text{margin:2px 0 0;font-size:14px;line-height:1.4}
.lc-emote{color:var(--lime);font-weight:600}
.lc-reply{margin:3px 0;padding:2px 8px;border-left:2px solid var(--line);color:var(--muted);font-size:12px}
.lc-empty{margin:8px 0}.lc-empty[hidden]{display:none}
.lc-conn{background:#7a5c10;color:#fff3c9;border-radius:6px;padding:6px 10px;margin-bottom:8px;font-size:13px}.lc-conn[hidden]{display:none}
.lc-form{margin-top:10px}
.lc-row{display:flex;gap:8px}.lc-row input{flex:1;min-width:0}
.lc-err{min-height:1.2em;margin:6px 0 0;color:var(--muted);font-size:13px}
.lc-hint{font-size:12px;margin:2px 0 0}
.lc-cta{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.lc-cta p{margin:0}
.lc-open{margin:8px 0 0;font-size:13px}
@media (max-width:900px){
  .live-layout.has-chat{grid-template-columns:minmax(0,1fr)}
  .lc-log{height:min(46vh,420px)}
  .lc-row input{font-size:16px}
}