#main-forum-live[hidden] { display:none; }
.center-wrap.main0001 { position:relative; --forum-live-open-padding:1.8125; transition:none; }
.center-wrap.main0001.has-forum-live { padding:calc(var(--forum-live-open-padding) * 1rem) 0 1.8125rem; }
.forum-live { /* position:relative; */ margin-bottom:2rem; color:#fff; transition:none; }
.forum-live.is-collapsed { margin-bottom:0; }
.forum-live-toggle { 
 position:fixed; top:0.125rem; right:0; left:auto; z-index:69; display:inline-flex; align-items:center; justify-content:center; width:6.4375rem;
 height:2.625rem; /* padding:0; */ background:url('/static/images/ui/forum-live-toggle-btn.png') no-repeat center / contain; border:none; border-radius:0; 
 box-shadow:none; color:#fff; font-family:inherit; font-size:0.875rem; font-weight:500; line-height:1; cursor:pointer; user-select:none; 
}
.forum-live-toggle[hidden] { display:none !important; }
.forum-live-toggle .tab-state { display:inline-flex; align-items:center; gap:0.375rem; }
.forum-live-toggle[aria-expanded="false"] .state-live { display:inline-flex; }
.forum-live-toggle[aria-expanded="false"] .state-close { display:none; }
.forum-live-toggle[aria-expanded="true"] .state-live { display:none; }
.forum-live-toggle[aria-expanded="true"] .state-close { display:inline-flex; }
.forum-live-toggle .material-symbols-outlined { width:0.9375rem; height:0.9375rem; font-size:0.9375rem; line-height:1; }
.forum-live-toggle .ico-youtube { 
  display:inline-block; flex-shrink:0; width:1.125rem; height:0.875rem; vertical-align:middle; 
  -webkit-mask:url('/static/images/ui/forum-live-youtube.svg') no-repeat center / contain; 
  mask:url('/static/images/ui/forum-live-youtube.svg') no-repeat center / contain; 
  background-color:#fff; transform:none !important;
}
.forum-live-toggle[aria-expanded="false"] .ico-youtube { animation:live-ico-burgundy 0.8s ease-in-out infinite alternate; }
@keyframes live-ico-burgundy {
  0% { background-color:#fff; filter:drop-shadow(0 0 0.125rem rgba(255,255,255,0.8)); } 
  100% { background-color:#700011; filter:drop-shadow(0 0 0 transparent); } 
}
.forum-live-content { position:relative; }
.forum-live-banner { display:block; overflow:hidden; background:#111a35; }
.forum-live-banner img { display:block; width:100%; height:auto; }
.forum-live-panel { padding:0.75rem 1.25rem; background:linear-gradient(135deg,#111322,#070a12); box-shadow:0 0.75rem 1.875rem #1118271a; }
.forum-live-banner + .forum-live-panel { position:relative; margin-top:-0.5rem; }
.forum-live-heading { display:flex; align-items:center; gap:0.625rem; margin-bottom:0.625rem; }
.forum-live-badge { flex-shrink:0; padding:0.3125rem 0.5625rem; border-radius:0.375rem; background:#ff163b; font-size:0.75rem; font-weight:800; }
.forum-live-heading h2 { flex:1; min-width:0; margin:0; font-size:1rem; line-height:1.4; font-weight:700; overflow-wrap:anywhere; }
.forum-live-more { flex-shrink:0; color:#e7e9f0; font-size:0.8125rem; }
.forum-live-video { 
  position:relative; aspect-ratio:16 / 9; max-height:var(--forum-video-max-height,calc(100svh - 26.25rem)); margin-inline:auto; 
  overflow:hidden; border-radius:0; background:#000; 
}
.forum-live-collapse { overflow:hidden; transition:height 0.65s cubic-bezier(0.4, 0, 0.2, 1); }
.forum-live-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.forum-live-news { display:flex; align-items:center; gap:1rem; margin-top:1rem; padding-top:0.875rem; border-top:0.0625rem solid #ffffff20; font-size:0.8125rem; }
.forum-live-news-label { display:flex; align-items:center; flex-shrink:0; gap:0.4375rem; color:#d4d7e2; }
.forum-live-news-label i { width:0.375rem; height:0.375rem; border-radius:50%; background:#ff4160; }
.forum-live-ticker { flex:1; min-width:0; overflow:hidden; }
.forum-live-ticker a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; }
.forum-live-ticker a[hidden] { display:none; }
.forum-live-news-more { flex-shrink:0; color:#d4d7e2; }
.forum-live a:focus-visible { outline:0.125rem solid #fff; outline-offset:0.1875rem; }
@media (max-width:40rem) {
  
  .center-wrap.main0001 {padding-top: 0}
  .center-wrap.main0001.has-forum-live {padding-top:0}
  .forum-live-content {padding-top: 1.5rem; background:#fff;}  
  .forum-live { margin-bottom:1.5rem; } 
  .forum-live-panel { padding:0.75rem; border:0; border-radius:0; box-shadow:none; } 
  /*.forum-live-toggle, .forum-live-news-more { display:none; } */
  .forum-live.is-collapsed { margin-bottom:0; } 
  .forum-live-heading { flex-wrap:wrap; gap:0.5rem; margin-bottom:0.5rem; } 
  .forum-live-badge { padding:0.25rem 0.4375rem; font-size:0.8125rem; } 
  .forum-live-heading h2 { font-size:0.875rem; } 
  .forum-live-more { margin-left:auto; font-size:0.75rem; } 
  .forum-live-video { border-radius:0; } 
  .forum-live-news { flex-wrap:wrap; gap:0.625rem; border-top:0; font-size:0.75rem; } 
  .forum-live-ticker { flex-basis:calc(100% - 8.125rem); } 
  .forum-live-news-more { margin-left:auto; }
}
@media (prefers-reduced-motion:reduce) { 
  .center-wrap.main0001, .forum-live-collapse, .forum-live, .forum-live-toggle { transition:none; } 
  .forum-live-toggle[aria-expanded="false"] .ico-youtube { animation:none; } 
}