/* Main visual and editable live cards — 2026-11-05 */
header{height:106px;padding-inline:max(5vw,24px);background:linear-gradient(#050222b3,transparent)}
header .logo{font-size:38px;line-height:1;letter-spacing:-2px}
header .logo span{font-size:47px}
header .logo small{font-size:9px;letter-spacing:2.5px;margin-top:6px}
.hero.hero-refresh{height:760px;background:radial-gradient(ellipse at 60% 75%,#8b0bce 0,transparent 53%),#050222;isolation:isolate;overflow:hidden;border-bottom:1px solid #b12be45c}
.hero-refresh:after{z-index:2;background:linear-gradient(90deg,#050222ee,transparent 65%),linear-gradient(0deg,#130637 0,transparent 28%);pointer-events:none}
.hero-refresh .hosts{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 38%;transform:none;filter:saturate(1.15);animation:none;z-index:1}
.hero-refresh .hero-copy{top:176px;left:max(5vw,24px)!important;right:auto;width:550px;max-width:none;margin:0;text-align:left;animation:reveal-up .7s both;z-index:4}
.hero-refresh h1{font-size:70px;line-height:1.08;letter-spacing:-3px;font-weight:950;font-style:italic;margin:0 0 25px;text-shadow:0 3px 20px #10012980}
.hero-refresh h1 em{color:#ff2bb9;text-shadow:0 0 25px #fa19b04d}
.hero-refresh .confetti{display:inline-block;font-size:.75em;font-style:normal;vertical-align:middle}
.hero-refresh .hero-copy p{font-size:22px;line-height:1.5;letter-spacing:-.7px;color:#fff;margin:0;text-shadow:0 2px 8px #070122}
.hero-refresh .hero-copy strong{color:#ff68cf;font-weight:800}
.hero-refresh>.live-pill{position:absolute;right:5%;top:32px;z-index:5;border:2px solid #fb4edd;border-radius:30px;padding:10px 18px;color:#ff8ee3;background:#15062eaa;box-shadow:inset 0 0 9px #ec28df55,0 0 12px #ec28df55;font-size:18px;white-space:nowrap}
.hero-refresh .neon-crown{position:absolute;top:100px;left:calc(5% + 190px);width:88px;height:65px;color:#ff96f0;stroke:currentColor;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #f000e8);z-index:4;transform:rotate(-7deg)}
.hero-refresh .fireworks{display:block;inset:0;z-index:3;opacity:.7;background:radial-gradient(circle at 10% 34%,#ff98f7 0 1px,#bb14ff88 3px,transparent 24px),radial-gradient(circle at 38% 14%,#ff98f7 0 1px,#bb14ff88 3px,transparent 18px),radial-gradient(circle at 3% 71%,#ffbfff 0 2px,#fc24ff88 5px,transparent 40px),radial-gradient(circle at 93% 51%,#ff98f7 0 1px,#bb14ff88 3px,transparent 26px);pointer-events:none}
.hero-refresh .neon-heart{position:absolute;z-index:4;color:#ffb5ff;font-size:48px;line-height:1;text-shadow:0 0 3px #fff,0 0 10px #ff00f2,0 0 25px #ff00f2;pointer-events:none}
.hero-refresh .heart-left{left:2%;top:55%;transform:rotate(-20deg)}
.hero-refresh .heart-right{right:4%;top:48%;transform:rotate(18deg)}
.hero-actions{position:absolute;z-index:6;bottom:56px;left:5%;right:5%;display:grid;grid-template-columns:minmax(250px, .95fr) 2.8fr;align-items:center;gap:24px}
.hero-refresh .contact-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0;gap:12px}
.hero-refresh .contact-actions a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:64px;padding:14px 8px;border-radius:17px;font-size:clamp(15px,1.6vw,24px);font-weight:900;overflow-wrap:anywhere;box-shadow:0 0 30px #fd43ed24}
.hero-refresh .contact-actions .kakao{background:#ffe900}
.hero-refresh .contact-actions .telegram{background:#0ba9ed}
.stream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-width:0}
.stream-card{display:grid;grid-template-columns:34% minmax(0,1fr);align-items:center;position:relative;min-height:124px;min-width:0;padding:12px 9px 12px 0;border:2px solid #ff83f4;border-radius:22px;background:linear-gradient(125deg,#a42ac1b8,#351064e8 60%,#560a77ed);box-shadow:inset 0 0 18px #ff56ed66,0 0 8px #ff65ee99,0 0 25px #ea18f84d;transition:transform .2s,box-shadow .2s}
.stream-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 18px #ff56ed88,0 0 14px #ff65eecc,0 0 30px #ea18f880}
.stream-portrait{align-self:stretch;min-height:85px;background-image:url('assets/hosts.png');background-repeat:no-repeat;background-size:auto 240%;background-position:63% 26%;border-radius:70px 70px 12px 12px;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}
.portrait-2,.portrait-4{background-position:91% 26%}
.portrait-3{filter:hue-rotate(-8deg)}
.portrait-4{filter:hue-rotate(8deg)}
.stream-info{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;position:relative;z-index:1}
.stream-title{max-width:100%;font-size:clamp(13px,1.2vw,18px);font-weight:800;text-align:center;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 2px 7px #19002d}
.stream-cta{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:9px 10px;border-radius:30px;background:linear-gradient(180deg,#ff23cb,#e100ae);font-size:clamp(10px,.85vw,14px);font-weight:800;text-align:center;line-height:1.3;box-shadow:0 4px 12px #1e003c66;overflow-wrap:anywhere}
.stream-cta>[aria-hidden]{font-size:.85em;flex-shrink:0}
a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:851px) and (max-width:1100px){
 .hero-actions{left:3%;right:3%;gap:15px;grid-template-columns:245px minmax(0,1fr)}
 .stream-grid{gap:8px}
 .stream-card{grid-template-columns:1fr;padding:8px;min-height:145px;border-radius:17px}
 .stream-portrait{position:absolute;inset:0;opacity:.28;background-size:auto 200%;mask-image:linear-gradient(#000,transparent 90%);-webkit-mask-image:linear-gradient(#000,transparent 90%)}
 .stream-info{gap:15px}.stream-title{font-size:14px}.stream-cta{font-size:11px;padding:8px 6px}
}
@media(max-width:850px){
 header{height:78px;padding:10px 5%;align-items:flex-start}
 header .logo{font-size:26px;letter-spacing:-1px}
 header .logo span{font-size:32px}
 header .logo small{font-size:6.5px;letter-spacing:1.8px;margin-top:5px}
 .hero.hero-refresh{height:auto;min-height:0;aspect-ratio:720/1210;background:radial-gradient(ellipse at 50% 70%,#9507d2 0,#310269 42%,#050222 77%)}
 .hero-refresh:after{background:linear-gradient(0deg,#150536 0,transparent 34%),linear-gradient(180deg,#050222 0,#050222d9 28%,#15063833 43%,transparent 65%);z-index:2}
 .hero-refresh .hosts{inset:30% auto auto 50%;height:66%;width:200%;max-width:none;object-fit:cover;object-position:70% center;transform:translateX(-66%);filter:saturate(1.2);z-index:1}
 .hero-refresh>.live-pill{right:4%;top:24px;font-size:clamp(12px,3.4vw,23px);padding:7px 11px;border-radius:24px}
 .hero-refresh .live-pill i{width:12px;height:12px}
 .hero-refresh .neon-crown{top:6.1%;left:43%;width:14%;height:auto;transform:rotate(-6deg)}
 .hero-refresh .hero-copy{top:13.2%;left:4%!important;right:4%;width:auto;max-width:none;text-align:center;margin:0}
 .hero-refresh h1{font-size:clamp(31px,8.7vw,73px);letter-spacing:-2px;line-height:1.08;margin:0 0 3.5%;font-weight:950}
 .hero-refresh .hero-copy p{font-size:clamp(15px,4.1vw,31px);line-height:1.38;letter-spacing:-.6px;margin:0}
 .hero-refresh .heart-left{left:8%;top:27.5%;font-size:clamp(30px,7vw,50px)}
 .hero-refresh .heart-right{right:8%;top:28.5%;font-size:clamp(30px,7vw,50px)}
 .hero-actions{inset:34% 3% 7%;display:flex;flex-direction:column;justify-content:space-between;gap:0}
 .hero-refresh .contact-actions{gap:10px;padding:0 3%;flex-shrink:0}
 .hero-refresh .contact-actions a{min-height:0;height:12vw;max-height:86px;border-radius:clamp(13px,4vw,27px);font-size:clamp(15px,4.4vw,30px);padding:7px;line-height:1.2}
 .stream-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 10px}
 .stream-card{grid-template-columns:42% minmax(0,1fr);padding:6px 7px 6px 0;min-height:22vw;border-radius:clamp(17px,4vw,28px)}
 .stream-portrait{min-height:0;background-size:auto 240%;background-position:63% 26%}
 .portrait-2,.portrait-4{background-position:91% 26%}
 .stream-info{gap:9px}
 .stream-title{font-size:clamp(12px,3.25vw,23px);line-height:1.35;letter-spacing:-.6px}
 .stream-cta{gap:4px;font-size:clamp(9px,2.3vw,17px);padding:7px 6px;min-height:26px;letter-spacing:-.4px}
 .stats{margin:0 15px}
 .sticky{position:relative;bottom:auto;left:auto;transform:none!important;animation:none;margin:0 auto 20px}
}
@media(max-width:360px){
 .hero.hero-refresh{aspect-ratio:720/1270}
 .hero-refresh .hero-copy{top:14%}
 .hero-refresh h1{font-size:8.6vw}
 .hero-refresh .hero-copy p{font-size:4.05vw}
 .hero-actions{top:35%;bottom:7%}
 .stream-card{min-height:24vw}
 .stream-title{font-size:3.4vw}
 .stream-cta{font-size:2.5vw;padding:6px 4px}
}

/* Three remaining stats after removing the broadcast schedule. */
@media(min-width:851px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:521px) and (max-width:850px){.stats{grid-template-columns:1fr}.stats div{border-right:0}}