/* Gaming Updates Chat styles (1.5.0) */
.guc-chat{ background: var(--guc-chat-bg, #0f172a); padding: 16px; border-radius: 16px; overflow: hidden; }
.guc-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.guc-item{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.guc-item.guc-right{ flex-direction: row-reverse; }
.guc-side{ width:48px; height:48px; flex:0 0 48px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.guc-side--empty{ width:48px; height:48px; display:inline-block; }
.guc-avatar{ width:48px; height:48px; object-fit:cover; border-radius:50%; display:block; border:2px solid var(--guc-bubble-border, transparent); }
.guc-bubble{ background: var(--guc-bubble-bg, #1f2937); color: var(--guc-bubble-text, #ffffff); padding:10px 12px; border-radius:16px; max-width:100%;
	flex:1 1 auto; word-wrap: break-word; overflow-wrap: anywhere; white-space: normal; line-height:1.5; box-shadow: 0 2px 6px rgba(0,0,0,.12); border:1px solid var(--guc-bubble-border, transparent); font-size: var(--guc-text-size, 16px); transition: transform .08s ease; }
.guc-bubble:active{ transform: scale(.995); }
.guc-bubble--preview .guc-text{ display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.guc-author{ font-weight:600; margin-bottom:4px; color: var(--guc-author-text, #93c5fd); font-size: var(--guc-author-size, 14px); }
.guc-time{ font-size:.8em; opacity:.75; margin:2px 0 6px; }
.guc-text a{ color: var(--guc-link, #3b82f6); text-decoration: underline; }
.guc-empty{ color:#cbd5e1; }

.guc-lightbox{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:9999; }
.guc-lightbox.is-open{ display:flex; }
.guc-lightbox__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.7); }
.guc-lightbox__content{ position:relative; max-width:min(90vw, 1000px); max-height:90vh; width:90vw; background:transparent; display:flex; align-items:center; justify-content:center; }
.guc-lightbox__inner{ width:100%; height:auto; max-height:90vh; display:flex; align-items:center; justify-content:center; }
.guc-lightbox__inner img{ max-width:100%; max-height:90vh; border-radius:12px; }
.guc-lightbox__inner video, .guc-lightbox__inner iframe{ width:100%; height:min(56.25vw, 80vh); max-height:80vh; border:0; border-radius:12px; background:#000; }
.guc-lightbox__close{ position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:50%; border:none; background:#111827; color:#fff; font-size:20px; line-height:1; cursor:pointer; }

.guc-postmodal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:10000; }
.guc-postmodal.is-open{ display:flex; }
.guc-postmodal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.65); }
.guc-postmodal__container{ transition: width .15s ease, height .15s ease;  position:relative; width:min(720px, 92vw); max-height:90vh; border-radius:16px; background:#0b1220; color:#e5e7eb; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.35); overflow:auto; }
.guc-postmodal__close{ position:absolute; top:10px; right:10px; width:36px; height:36px; border-radius:50%; border:none; background:#111827; color:#fff; font-size:20px; cursor:pointer; }
.guc-card__author{ font-weight:700; color: var(--guc-author-text, #93c5fd); margin:4px 0; font-size: calc(var(--guc-author-size, 14px) + 2px); }
.guc-card__time{ font-size:.85em; opacity:.8; margin-bottom:8px; }
.guc-card__text{ font-size: calc(var(--guc-text-size, 16px) + 1px); line-height:1.6; }
.guc-card__text a{ color: var(--guc-link, #3b82f6); text-decoration: underline; }
.guc-card__media{ display:block; width:100%; height:auto; border-radius:12px; margin-top:12px; border:1px solid rgba(255,255,255,.08); background:#000; }
.guc-postmodal__container::-webkit-scrollbar{ width:10px; } .guc-postmodal__container::-webkit-scrollbar-thumb{ background:#1f2937; border-radius:8px; }

@media (max-width: 600px){
	.guc-chat{ padding:12px; }
	.guc-side, .guc-side--empty, .guc-avatar{ width:40px; height:40px; }
	.guc-bubble{ border-radius:14px; }
	.guc-author{ font-size: calc(var(--guc-author-size, 14px) - 1px); }
	.guc-bubble{ font-size: calc(var(--guc-text-size, 16px) - 1px); }
	.guc-postmodal__container{ transition: width .15s ease, height .15s ease;  width:92vw; padding:14px; border-radius:14px; }
}