:root{--broadcast-bar-height:72px}
.broadcast-heading{box-sizing:border-box;isolation:isolate;position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:10px 20px;color:#fff;background:radial-gradient(ellipse at 85% 0%,#513697 0%,transparent 62%),linear-gradient(105deg,#090a14,#17132d 62%,#080b15);border-bottom:1px solid #65509b;font-family:'Pretendard','Noto Sans KR',system-ui,sans-serif;overflow:hidden}
.broadcast-heading .title{font-size:clamp(23px,1.7vw,42px);line-height:1.2;letter-spacing:-.035em;font-weight:850;color:white;margin:0;min-width:0}
.broadcast-heading .broadcast-wordmark{position:relative;display:flex;align-items:center;min-width:0;margin:0;overflow:hidden;flex-shrink:1}
.broadcast-heading .broadcast-wordmark.has-banner{width:min(clamp(200px,20vw,280px),calc(50px * var(--wordmark-aspect,6)));aspect-ratio:var(--wordmark-aspect,6);height:auto}
.broadcast-heading .broadcast-logo{display:none;width:var(--logo-width,100%);height:var(--logo-height,100%);object-fit:fill}
.broadcast-heading .broadcast-wordmark.has-banner .broadcast-logo{display:block;position:absolute;left:var(--logo-left,0);top:var(--logo-top,0)}
.broadcast-heading .broadcast-wordmark.has-banner .title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.broadcast-heading [hidden]{display:none!important}
#broadcast-heading{position:fixed;inset:0 0 auto;z-index:10000}
#broadcast-heading .live{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:13px;font-weight:750;letter-spacing:1px;padding:5px 10px;border:1px solid #df48776b;border-radius:5px;color:#ff7ca2;background:#ff548617}
#broadcast-heading .dot{width:7px;height:7px;border-radius:50%;background:#ff405b;animation:broadcast-live-pulse 1.6s ease-in-out infinite}
@keyframes broadcast-live-pulse{0%,100%{opacity:1}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){#broadcast-heading .dot{animation:none}}
body[data-embedded=true] header.broadcast-heading{min-height:40px;padding:7px 20px;background:#0b1020;border-bottom:1px solid #ffffff15}
body[data-embedded=true] header.broadcast-heading::before,
body[data-embedded=true] header.broadcast-heading>.broadcast-wordmark,
body[data-embedded=true] header.broadcast-heading .title,
body[data-embedded=true] header.broadcast-heading #liveBadge{display:none!important}
body[data-embedded=true] header.broadcast-heading .right{margin-left:auto}
@media(max-width:700px){.broadcast-heading{padding:10px 12px;gap:8px}.broadcast-heading .title{font-size:20px}.broadcast-heading .broadcast-wordmark.has-banner{width:min(220px,calc(100vw - 94px),calc(48px * var(--wordmark-aspect,6)));min-width:0}.broadcast-heading .live{font-size:10px!important;padding:4px!important}}