/* v64: approved theater shell around the unchanged main opening scenes. */
@font-face{font-family:TheaterBold;src:url('/assets/fonts/sparta-korean-bold.woff') format('woff');font-weight:700 950;font-display:swap}
.sp-platform.sp-theater-page{max-width:none;width:100%;margin:0;padding:0;color:#08113b;background:#fffdf6}
.sp-theater-page>div{width:100%}
.sp-theater-page .theater{--ink:#08113b;--gold:#d6a128;--blue:#063cff;font-family:TheaterBold,TheaterComplete,SpartaMeme,Arial,sans-serif;font-weight:800;background:#fffbed url('/assets/theater-v64/background.webp') center top/100% 100% no-repeat;overflow-wrap:anywhere;isolation:isolate}
.sp-theater-page .theater *{box-sizing:border-box}
.sp-theater-page .theater [hidden]{display:none!important}
.sp-theater-page .theater :where(button,input,a){font:inherit}
.sp-theater-page .theater :where(h1,h2,h3,p){margin:0}
.sp-theater-page .theater :where(h1,h2,h3){font-family:inherit}
.sp-theater-page .theater :where(button,a){touch-action:manipulation}
.sp-theater-page .theater button{cursor:pointer}
.sp-theater-page .theater button:disabled{cursor:default}
.sp-theater-page .theater a{color:inherit;text-decoration:none}
.sp-theater-page .theater :focus-visible{outline:3px solid #2754ff;outline-offset:3px}
.sp-theater-page .theater .th-banner{position:relative;height:clamp(178px,14.2vw,250px);overflow:hidden;display:grid;place-items:center;border-bottom:3px solid #cfaa55;background:linear-gradient(90deg,transparent 15%,#fffbea99 38%,#fffbea99 62%,transparent 85%)}
.theater .th-banner-copy{position:relative;z-index:1;width:52%;text-align:center;padding:8px 0 10px}
.theater .th-banner-copy>p:first-child{font-family:TheaterComplete,Arial,sans-serif;font-size:clamp(12px,1.1vw,18px);font-weight:900;letter-spacing:.03em;color:#083bff}
.theater .th-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:3px 0}
.theater .th-heading h1{font-size:clamp(49px,5.5vw,90px);line-height:1.13;letter-spacing:-.055em;-webkit-text-stroke:1px currentColor;color:#08113b}
.theater .th-laurel{width:28px;height:54px;color:#d6a128;flex-shrink:0}
.theater .th-heading .th-laurel{height:clamp(62px,6.6vw,103px);width:clamp(28px,3vw,47px)}
.theater .th-heading .th-laurel:last-child,.theater .th-episodes h2 .th-laurel:last-child{transform:scaleX(-1)}
.theater .th-banner .th-tagline{font-size:clamp(14px,1.6vw,24px);line-height:1.35;color:#083bff}
.theater .th-anchor,.theater .th-strategist{position:absolute;object-fit:contain;object-position:top;z-index:0;pointer-events:none;max-width:none}
.theater .th-anchor{width:clamp(220px,21vw,320px);height:auto;left:13%;top:8px}
.theater .th-strategist{width:clamp(305px,29vw,455px);height:auto;right:9.5%;top:0}
.theater .th-shell{position:relative;width:min(1760px,88%);margin:0 auto;padding:10px 14px 18px;background:#fffefbef;display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);grid-template-areas:'player episodes' 'meta meta' 'tabs tabs' 'upcoming upcoming';gap:12px}
.theater .th-shell>*{min-width:0}
.theater .th-player{grid-area:player;position:relative;align-self:start;background:#091333;border:2px solid #08113b;outline:1px solid #d6a128;outline-offset:3px;border-radius:12px;overflow:hidden}
.theater .th-screen{position:relative;aspect-ratio:8/3;background:#12358a;overflow:hidden;isolation:isolate}
.theater .th-screen>[data-th-custom-video],.theater .th-video-poster{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.theater .th-video-poster img{width:100%;height:100%;object-fit:contain}
.theater .has-started .th-video-poster{display:none}
.theater .th-main-stage{display:none;position:absolute;inset:0;direction:ltr}
.theater .th-original-main .th-main-stage{display:block}
.theater .th-original-main .th-screen{aspect-ratio:1536/388}
.theater .th-original-main .th-video-poster,.theater .th-original-main .th-bubbles{display:none}
.theater .th-main-stage .opening-slide{width:100%;height:100%;aspect-ratio:1536/388}
.theater .th-main-stage .opening-announcement,.theater .th-main-stage .opening-caption{display:none}
.theater .th-main-stage .opening-copy-svg{font-family:var(--sparta-display,SpartaMeme),TheaterBold,TheaterComplete,Arial,sans-serif}
.theater .th-main-stage .scene-speech{direction:ltr}
.theater .th-main-stage .scene-speech[dir=rtl]{direction:rtl}
.theater .th-hide-main-captions .opening-copy-svg>g:last-child,.theater .th-hide-main-captions .scene-speech,.theater .th-hide-main-captions .scene-impact{visibility:hidden}
.theater .th-big-play{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:3px solid #ffebb0;outline:2px solid #916215;background:linear-gradient(145deg,#ffed9a,#e7ad2a);color:#08113b;box-shadow:0 3px 7px #10266055;z-index:5;padding:0}
.theater .th-big-play svg{width:42px;height:42px;margin-left:5px}
.theater .is-playing .th-big-play{opacity:0;pointer-events:none}
.theater .th-controls{background:linear-gradient(#15294e,#07102c);color:white;min-height:42px;display:flex;align-items:center;gap:10px;padding:3px 13px;direction:ltr}
.theater .th-controls button{border:0;background:none;color:inherit;display:grid;place-items:center;width:32px;min-height:34px;height:34px;padding:4px;border-radius:5px;flex-shrink:0}
.theater .th-controls svg{width:24px;height:24px}
.theater .th-controls button[aria-pressed=false]{opacity:.48}
.theater .th-time{font:700 12px/1 Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.theater .th-controls input[type=range]{min-width:32px;flex:1;width:0;accent-color:#f5ca53;height:24px;cursor:pointer}
.theater .th-silent{display:none}
.theater .th-bubbles{position:absolute;inset:0;pointer-events:none;direction:ltr;z-index:3}
.theater .th-bubble{position:absolute;left:43%;top:7%;display:block;width:max-content;max-width:29%;padding:8px 16px;background:#fffdf7;color:#08113b;border:2px solid #17213b;border-radius:22px;text-align:center;font-size:clamp(13px,1.4vw,22px);line-height:1.2;font-weight:900;box-shadow:inset 0 0 0 3px #fffdf7,inset 0 0 0 4px #e4c578;text-wrap:balance;transform:translateX(-50%)}
.theater .th-bubble:after{content:'';position:absolute;left:18%;top:calc(100% - 3px);width:13px;height:18px;border-left:2px solid #18213c;border-bottom:2px solid #18213c;background:#fffdf7;transform:skewX(-22deg);clip-path:polygon(0 0,100% 0,0 100%)}
.theater .th-bubble-right{left:84%;top:5%}.theater .th-bubble-center{left:55%;max-width:40%}
.theater .th-video-message{position:absolute;inset:0;display:flex;gap:16px;flex-direction:column;justify-content:center;align-items:center;background:#fff8e7ed;color:#08113b;z-index:8;padding:24px;text-align:center}
.theater .th-video-message button{padding:10px 22px;border:2px solid #08113b;background:#ffdb77;border-radius:8px}
.theater .th-empty-player{grid-area:player;padding:70px 20px;text-align:center;border:2px solid #132450;border-radius:12px}
.theater .th-episodes{grid-area:episodes;align-self:stretch;min-height:0;max-height:calc((min(1760px,88vw) - 270px)/3.9588 + 34px);background:#fffdf7;border:1px solid #d9b96f;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.theater .th-episodes>h2{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#172b57,#0b163e);color:white;font-size:clamp(15px,1.35vw,22px);line-height:1.25;padding:4px 8px;min-height:34px}
.theater .th-episodes h2 .th-laurel{width:15px;height:25px}
.theater .th-episode-list{display:grid;grid-auto-rows:minmax(0,1fr);gap:6px;padding:6px;flex:1;min-height:0;overflow:auto}
.theater .th-episode{display:grid;grid-template-columns:43% minmax(0,1fr);gap:10px;align-items:center;background:#fffdf7;border:1px solid #d7dce3;border-radius:7px;padding:4px;min-height:55px;transition:border-color .15s,background .15s}
.theater .th-episode[aria-current]{border:2px solid #e4ac27;padding:3px;background:#fffae9;box-shadow:inset 0 0 0 1px #ffe9a6}
.theater .th-thumb{position:relative;align-self:stretch;min-height:45px;border-radius:4px;overflow:hidden;background:#eac15f}
.theater .th-thumb picture,.theater .th-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.theater .th-thumb-play{display:none}
.theater .th-duration{position:absolute;bottom:3px;right:3px;background:#081426e6;color:white;font:700 10px Arial,sans-serif;padding:3px 5px;border-radius:4px;direction:ltr}
.theater .th-episode-copy{min-width:0;padding:3px 0}
.theater .th-number{font-family:Arial,sans-serif;font-size:13px;font-weight:800;color:#b78518}
.theater .th-episode h3{font-size:clamp(14px,1.3vw,22px);line-height:1.25;font-weight:900;letter-spacing:-.025em;-webkit-text-stroke:.25px currentColor}
.theater .th-episode-copy p{display:none}
.theater .th-filter-empty{padding:25px;font-size:14px;text-align:center;grid-row:1/-1;align-self:center}
.theater .th-meta{grid-area:meta;display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:9px 16px;padding:2px 2px 0;align-items:center}
.theater .th-prologue{color:#063cff;font-size:15px;line-height:1.25}
.theater .th-meta h2{font-size:clamp(28px,2.9vw,44px);font-weight:950;line-height:1.15;letter-spacing:-.035em;margin-top:3px;-webkit-text-stroke:.6px currentColor}
.theater .th-actions{display:flex;gap:8px;align-items:stretch}
.theater .th-action{display:flex;gap:8px;align-items:center;justify-content:center;border:1.5px solid #142756;border-radius:6px;background:#fffefa;color:#0a205c;padding:10px 14px;font-size:14px;line-height:1.25;min-height:44px;min-width:100px}
.theater .th-action svg{width:22px;height:22px;flex-shrink:0}
.theater .th-action.th-gold{background:linear-gradient(#ffefa1,#e9b73e);color:#09112a;border:2px solid #152345;min-width:130px}
.theater .th-action:disabled{opacity:1;cursor:default;color:#8a93a9;background:#edf0f4;border-color:#b6bdcb;box-shadow:none}
.theater .th-action[data-th-action=next]{flex-direction:row-reverse}
.theater .th-share-status{grid-column:1/-1;font-size:13px;color:#234398}
.theater .th-share-status:empty{display:none}
.theater .th-share-url{grid-column:1/-1;width:100%;border:1px solid #20316a;padding:10px;border-radius:6px}
.theater .th-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #c9d1dd;border-radius:8px;overflow:hidden;background:#fffdf8;padding:0;min-height:38px}
.theater .th-tabs button{position:relative;border:0;background:transparent;color:#0d225a;padding:8px 9px;line-height:1.2;font-size:14px;min-height:38px}
.theater .th-tabs button+button:before{content:'';position:absolute;left:0;top:25%;height:50%;border-left:1px solid #c9d1dd}
.theater .th-tabs button[aria-pressed=true]{background:linear-gradient(#183368,#0b173b);color:white;border:2px solid #e7c653;border-radius:7px;padding:6px 7px}
.theater .th-tabs button[aria-pressed=true]:before{display:none}
.theater .th-upcoming{grid-area:upcoming}
.theater .th-upcoming-title{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.theater .th-upcoming-title .th-laurel{width:19px;height:31px}
.theater .th-upcoming-title h2{font-size:26px;color:#081c75;line-height:1.2;white-space:normal}
.theater .th-upcoming-title p{font-size:12px;color:#142764}
.theater .th-upcoming-title>span{flex:1;border-top:1px solid #d9aa38;margin-left:5px}
.theater .th-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theater .th-coming{position:relative;border:1px solid #cdd4e2;border-radius:7px;overflow:hidden;background:#fffefa;display:flex;flex-direction:column}
.theater .th-coming-art{position:relative;aspect-ratio:3.25;overflow:hidden}
.theater .th-coming-art picture,.theater .th-coming-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.theater .th-planned{position:absolute;right:8px;top:8px;background:#0a1c45;border:1px solid #fff;border-radius:18px;padding:4px 11px;color:white;font-size:11px;line-height:1.25}
.theater .th-coming-copy{padding:6px 12px 8px}
.theater .th-coming h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;-webkit-text-stroke:.25px currentColor}
.theater .th-coming p{font-size:13px;line-height:1.35;color:#435f8d;margin-top:2px;font-family:TheaterComplete,Arial,sans-serif}
html:not([lang=ko]) .theater{font-family:TheaterComplete,TheaterBold,Arial,sans-serif}
html:not([lang=ko]) .theater .th-heading h1{font-size:clamp(30px,4.1vw,65px)}
html:not([lang=ko]) .theater .th-meta h2{font-size:clamp(23px,2.3vw,36px)}
.theater[dir=rtl] .th-heading,.theater[dir=rtl] .th-actions{direction:rtl}
.site-header a[data-theater-nav][aria-current=page]{color:#063cff;border-bottom:2px solid #063cff}
body:has(.sp-theater-page) .mobile-news{display:none}
.theater .th-player:fullscreen,.theater .th-player.th-expanded{display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;outline:0;border-radius:0;width:100%;height:100dvh;background:#020714}
.theater .th-player.th-expanded{position:fixed;inset:0;z-index:10000}
body.th-expanded-player{overflow:hidden}
.theater .th-player:is(:fullscreen,.th-expanded) .th-screen{width:100%;height:auto;max-height:calc(100dvh - 54px);aspect-ratio:8/3;max-width:calc((100dvh - 54px)*2.66667)}
.theater .th-player.th-original-main:is(:fullscreen,.th-expanded) .th-screen{aspect-ratio:1536/388;max-width:calc((100dvh - 54px)*3.95876)}
.theater .th-player:is(:fullscreen,.th-expanded) .th-controls{width:100%;min-height:54px}
@media(min-width:801px) and (max-width:1150px){
 .theater .th-shell{width:92%;padding-inline:10px;grid-template-columns:minmax(0,3fr) minmax(205px,1fr);gap:10px}
 .theater .th-actions{gap:5px}.theater .th-action{min-width:65px;padding:9px;font-size:12px}.theater .th-action.th-gold{min-width:92px}
 .theater .th-big-play{width:58px;height:58px}.theater .th-big-play svg{width:32px;height:32px}
 .theater .th-anchor{left:7%;width:230px}.theater .th-strategist{right:4%;width:320px}
 .theater .th-episode{gap:6px}.theater .th-episode h3{font-size:13px}.theater .th-coming h3{font-size:17px}
 .theater .th-episodes{max-height:calc((92vw - 245px)/3.9588 + 34px)}
}
@media(max-width:800px){
 .sp-theater-page .theater{background:#fff}
 .sp-theater-page .theater .th-banner{height:clamp(118px,28vw,205px);background:url('/assets/theater-v64/background.webp') center top/100% auto no-repeat;border-bottom:2px solid #c89531}
 .theater .th-banner-copy{width:69%;align-self:start;padding:10px 0 12px}
 .theater .th-banner-copy>p:first-child{font-size:clamp(10px,2.25vw,16px);letter-spacing:0}
 .theater .th-heading{gap:2px;margin:4px 0}
 .theater .th-heading h1{font-size:clamp(35px,8.25vw,59px);line-height:1.1;-webkit-text-stroke:.6px currentColor}
 .theater .th-heading .th-laurel{width:clamp(15px,3.3vw,26px);height:clamp(40px,8.3vw,66px)}
 .theater .th-banner .th-tagline{font-size:clamp(10px,2.8vw,18px);line-height:1.25;max-width:92%;margin:auto}
 .theater .th-anchor{display:block;width:29%;height:auto;left:-1%;top:29%;}
 .theater .th-strategist{display:block;width:38%;height:auto;right:-3%;top:27%}
 .theater .th-shell{width:96%;display:flex;flex-direction:column;gap:10px;padding:12px 3px 10px;background:white}
 .theater .th-player{width:100%;border:2px solid #fff;outline:2px solid #d6a128;outline-offset:1px;border-radius:10px;margin:0 0 3px}
 .theater .th-screen{aspect-ratio:2/1}
 .theater .th-original-main .th-screen,.theater .th-main-stage .opening-slide{aspect-ratio:1024/820}
 .theater .th-main-stage .opening-picture img{aspect-ratio:1024/820}
 .theater .th-big-play{width:52px;height:52px;top:78%;border-width:2px;outline-width:1px;background:#f1c24ded}
 .theater .th-big-play svg{width:29px;height:29px}
 .theater .th-controls{min-height:38px;padding:3px 8px;gap:6px}.theater .th-controls button{width:29px;min-height:32px;height:32px;padding:4px}.theater .th-controls svg{width:22px;height:22px}.theater .th-time{font-size:11px}
 .theater .th-bubble{font-size:clamp(11px,3.3vw,17px);padding:6px 10px;border-width:1.5px;max-width:32%}
 .theater .th-meta{display:block;padding:0 5px}.theater .th-prologue{font-size:14px}.theater .th-meta h2{font-size:clamp(29px,7.2vw,43px);margin:3px 0 9px;line-height:1.15}
 .theater .th-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .theater .th-action{min-width:0!important;min-height:42px;font-size:14px;padding:9px 6px;border-radius:6px;gap:7px}
 .theater .th-action svg{width:21px;height:21px}.theater .th-action[data-th-action=restart]{grid-row:2;grid-column:1}.theater .th-action[data-th-action=share]{grid-row:2;grid-column:2}
 .theater .th-share-status{font-size:12px;margin-top:5px}
 .theater .th-tabs{min-height:38px;margin-inline:5px;border-radius:7px}.theater .th-tabs button{min-height:38px;font-size:12px;padding:6px 3px}.theater .th-tabs button[aria-pressed=true]{background:linear-gradient(#1949ff,#07239d);padding:4px 1px}
 .theater .th-episodes{border:0;background:none;overflow:visible;border-radius:0;max-height:none;margin:0 5px}
 .theater .th-episodes>h2{display:none}
 .theater .th-episode-list{display:flex;flex-direction:column;padding:0;gap:7px;max-height:none;overflow:visible}
 .theater .th-episode{grid-template-columns:46% minmax(0,1fr);gap:12px;padding:3px;border:1px solid #dce2eb;border-radius:8px;min-height:64px;background:white}
 .theater .th-episode[aria-current]{padding:2px}.theater .th-thumb{min-height:55px;aspect-ratio:2.56}
 .theater .th-duration{font-size:9px;padding:2px 4px}.theater .th-episode-copy{padding:3px 3px 3px 0}.theater .th-number{font-size:12px}
 .theater .th-episode h3{font-size:clamp(15px,4vw,22px);line-height:1.25}.theater .th-episode-copy p{display:none}
 .theater .th-upcoming{margin:0 5px}.theater .th-upcoming-title{gap:5px;margin-bottom:7px;flex-wrap:wrap}.theater .th-upcoming-title .th-laurel{width:16px;height:27px}.theater .th-upcoming-title h2{font-size:23px;color:#063cff}.theater .th-upcoming-title p{flex:1;min-width:80px;font-size:10px;line-height:1.35}.theater .th-upcoming-title>span{display:none}
 .theater .th-upcoming-grid{display:flex;flex-direction:column;gap:7px}
 .theater .th-coming{display:grid;grid-template-columns:38% minmax(0,1fr);gap:8px;align-items:stretch;border-color:#dce2eb;border-radius:7px;min-height:65px}
 .theater .th-coming-art{grid-column:1;grid-row:1;aspect-ratio:auto;min-height:64px;align-self:stretch;overflow:hidden}
 .theater .th-coming-art picture,.theater .th-coming-art img{height:100%;object-position:center}
 .theater .th-coming-copy{grid-column:2;grid-row:1;padding:7px 7px 22px 0;align-self:center;min-width:0}
 .theater .th-coming h3{font-size:clamp(14px,3.8vw,20px);line-height:1.2}.theater .th-coming p{font-size:11px;line-height:1.3;margin-top:3px}
 .theater .th-planned{top:auto;bottom:5px;right:7px;max-width:58%;font-size:9px;line-height:1.1;padding:3px 7px;border:0}
 .theater[dir=rtl] .th-coming-copy{padding:7px 0 22px 7px}.theater[dir=rtl] .th-planned{right:auto;left:7px}
 html:not([lang=ko]) .theater .th-heading h1{font-size:clamp(24px,5.8vw,43px)}
 html:not([lang=ko]) .theater .th-meta h2{font-size:clamp(24px,6vw,36px)}
 html:not([lang=ko]) .theater .th-tabs button{font-size:11px}
 .theater .th-player:is(:fullscreen,.th-expanded) .th-screen{aspect-ratio:2/1;max-width:calc((100dvh - 54px)*2)}
 .theater .th-player.th-original-main:is(:fullscreen,.th-expanded) .th-screen{aspect-ratio:1024/820;max-width:calc((100dvh - 54px)*1.24878)}
}
@media(prefers-reduced-motion:reduce){.sp-theater-page .theater *{scroll-behavior:auto!important;transition:none!important}}