@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#101014;--paper:#f3eddf;--red:#ff4c38;--acid:#dbff4f;--pink:#ffb0c8;background:var(--ink);color:var(--paper);font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.club{min-height:100vh;overflow:hidden}.club-nav{border-bottom:1px solid #f3eddf2e;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,100% - 48px);margin:auto;padding:23px 0;display:grid}.wordmark{color:var(--paper);letter-spacing:-.08em;font:600 16px/1 DM Mono,monospace;text-decoration:none}.wordmark span{color:var(--red)}.club-nav p{color:#f3eddf80;letter-spacing:.12em;align-items:center;gap:8px;margin:0;font:500 9px/1 DM Mono,monospace;display:flex}.club-nav p i,.stage-status i{background:var(--red);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff4c3824}.club-nav>span{color:#f3eddf6b;justify-self:end;font:500 10px/1 DM Mono,monospace}.show-bill{grid-template-columns:1fr 230px;align-items:end;gap:60px;width:min(1080px,100% - 48px);margin:auto;padding:78px 0 64px;display:grid;position:relative}.bill-kicker{color:var(--pink);letter-spacing:.12em;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:-38px;font:500 10px/1 DM Mono,monospace;display:flex}.show-bill h1{letter-spacing:-.085em;margin:0;font-size:clamp(58px,8vw,112px);line-height:.94}.show-bill h1 em{color:var(--red);font-style:normal}.performer-card{border-top:1px solid #f3eddf57;border-bottom:1px solid #f3eddf57;padding:17px 0}.performer-card small{color:#f3eddf6b;font:500 9px/1 DM Mono,monospace}.performer-card strong{letter-spacing:-.06em;margin-top:9px;font-size:27px;display:block}.performer-card p{color:#f3eddf7a;margin:10px 0 0;font-size:11px;line-height:1.65}.stage{border-top:2px solid var(--paper);border-bottom:2px solid var(--paper);background:#070709;place-items:center;min-height:650px;padding:80px 24px;display:grid;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";z-index:2;background:repeating-linear-gradient(90deg,#5c1420 0 35px,#2b0910 36px 66px);width:20%;transition:transform .9s cubic-bezier(.7,0,.2,1);position:absolute;top:0;bottom:0}.stage:before{left:0}.stage:after{right:0;transform:scaleX(-1)}.stage.is-live:before{transform:translate(-72%)}.stage.is-live:after{transform:translate(72%)scaleX(-1)}.spotlight{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.3;background:linear-gradient(#fff9dd3d,#fff9dd08);width:740px;height:930px;transition:opacity .6s;position:absolute;top:-330px;left:50%;transform:translate(-50%)}.is-live .spotlight{opacity:1}.stage-status{color:#f3eddf73;letter-spacing:.14em;align-items:center;gap:9px;font:500 9px/1 DM Mono,monospace;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%)}.microphone{opacity:.38;width:70px;height:240px;position:absolute;bottom:50px;left:22%;transform:rotate(-3deg)}.microphone span{border:3px solid var(--paper);background:repeating-linear-gradient(0deg,#0000 0 6px,#f3eddf66 7px 9px);border-radius:50%;width:34px;height:65px;margin:auto;display:block}.microphone i{background:var(--paper);width:3px;height:178px;margin:-3px auto 0;display:block}.curtain-call,.monologue{z-index:3;text-align:center;width:min(820px,100%);position:relative}.curtain-call>p{color:var(--acid);letter-spacing:.1em;margin:0 0 18px;font:500 10px/1 DM Mono,monospace}.curtain-call h2{letter-spacing:-.06em;margin:0;font-size:clamp(28px,4.4vw,55px);line-height:1.2}.curtain-call button{border:2px solid var(--paper);background:var(--red);color:var(--paper);box-shadow:7px 7px 0 var(--paper);margin:38px auto 13px;padding:14px 31px;font-weight:900}.curtain-call small{color:#f3eddf61;font-size:10px;display:block}.line-stack{flex-direction:column;justify-content:flex-end;min-height:360px;display:flex}.line-stack p{letter-spacing:-.045em;margin:0;padding:8px 0;transition:opacity .3s,transform .3s}.past-line{color:#f3eddf38;font-size:clamp(14px,1.3vw,17px)}.current-line{color:var(--paper);font-size:clamp(25px,4vw,49px);font-weight:800;line-height:1.3;transform:translateY(-5px)}.laugh-button,.restart-button{color:#f3eddfa6;background:0 0;border:1px solid #f3eddf73;border-radius:999px;align-items:center;gap:8px;margin-top:38px;padding:10px 18px;display:inline-flex}.laugh-button:hover{border-color:var(--acid);color:var(--acid)}.laugh-button span{min-width:10px;color:var(--acid);font:500 11px/1 DM Mono,monospace}.lab-note{opacity:0;grid-template-columns:220px 1fr;gap:70px;width:min(1080px,100% - 48px);max-height:0;margin:auto;padding:0;transition:opacity .5s,max-height .7s,padding .7s;display:grid;overflow:hidden}.lab-note.is-visible{opacity:1;max-height:700px;padding:92px 0}.note-heading{color:var(--acid);gap:15px;display:flex}.note-heading small{letter-spacing:.12em;font:500 9px/1 DM Mono,monospace}.note-heading h2{color:var(--paper);letter-spacing:-.06em;margin:8px 0 0;font-size:32px}.lab-note dl{border-top:1px solid #f3eddf40;margin:0}.lab-note dl div{border-bottom:1px solid #f3eddf40;grid-template-columns:160px 1fr;gap:25px;padding:20px 0;display:grid}.lab-note dt{color:#f3eddf6b;font-size:10px}.lab-note dd{margin:0;font-size:14px;line-height:1.6}.note-caption{color:#f3eddf66;grid-column:2;margin:-35px 0 0;font-size:11px;line-height:1.7}footer{color:#f3eddf59;letter-spacing:.08em;border-top:1px solid #f3eddf26;justify-content:space-between;padding:25px max(24px,50vw - 590px);font:500 9px/1 DM Mono,monospace;display:flex}@media (max-width:720px){.club-nav{grid-template-columns:1fr 1fr;width:calc(100% - 28px)}.club-nav p{display:none}.show-bill{grid-template-columns:1fr;gap:34px;width:calc(100% - 32px);padding:62px 0 45px}.bill-kicker{grid-column:auto;margin-bottom:-18px}.show-bill h1{font-size:clamp(54px,17vw,82px)}.performer-card{width:70%}.stage{min-height:600px;padding:70px 18px}.stage:before,.stage:after{width:25%}.microphone{display:none}.line-stack{min-height:380px}.current-line{font-size:27px}.lab-note{grid-template-columns:1fr;gap:35px;width:calc(100% - 36px)}.lab-note.is-visible{padding:68px 0}.lab-note dl div{grid-template-columns:1fr;gap:7px}.note-caption{grid-column:1;margin:0}footer{text-align:center;flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}