/* SCENE: readable, quiet layouts centered on the work. */
:root{--bg:#17181c;--surface:#202126;--line:#ffffff14;--muted:#a7a6b1;--gutter:clamp(20px,4vw,64px)}
.page-body{max-width:1560px;padding-top:30px}
.topbar{gap:28px;background:#17181cf5;backdrop-filter:blur(12px)}
.ct-strip{min-height:36px;font-size:12px}
.scene-browse-intro{display:flex;align-items:baseline;gap:20px;margin:0 0 24px}
.scene-browse-intro h1{font-size:24px;letter-spacing:-.045em;margin:0}
.scene-browse-intro p{font-size:13px;color:#aaa8b4}
.scene-viewing-guide{margin-left:auto;font-size:12px;white-space:nowrap}
.scene-home-collections{grid-template-columns:minmax(0,1fr);gap:34px;min-width:0}
.scene-home-collections>*,.scene-home-header{min-width:0;max-width:100%}
.scene-recent-updates{margin:0 0 28px}.scene-recent-updates .section-heading{margin-bottom:13px}.scene-recent-updates .section-title{font-size:19px}
.scene-update-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);grid-template-rows:138px;gap:14px;list-style:none;margin:0;padding:0 0 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#48434f transparent}.scene-update-list:focus-visible{outline:1px solid #a984de;outline-offset:5px}
.scene-update-card{box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:74px 26px;gap:8px 12px;min-width:0;height:138px;padding:13px;border:1px solid #ffffff0b;border-radius:6px;background:#202126;scroll-snap-align:start}.scene-update-card:hover{border-color:#b590e329}.scene-update-poster{display:block;width:52px;height:74px;overflow:hidden;border-radius:3px;background:#191a1f}.scene-update-poster img{display:block;width:100%;height:100%;object-fit:contain}.scene-update-poster-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:24px;font-weight:600;color:#9181a9;background:#29242f}
.scene-update-work{min-width:0;overflow:hidden}.scene-update-position{display:block;color:#c4a8ed;font-size:10px;font-weight:600;line-height:14px;margin-bottom:3px;white-space:nowrap}.scene-update-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#e8e4ef;text-decoration:none;font-size:13px;font-weight:600;line-height:19px;overflow-wrap:anywhere}.scene-update-title:hover{color:#d5c0ff}.scene-update-episode-title{display:block;margin-top:2px;font-size:11px;line-height:15px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-update-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.scene-update-meta time{font-size:10px;color:#8e8d99;white-space:nowrap;font-variant-numeric:tabular-nums}.scene-update-watch{color:#d5c0ff;text-decoration:none;font-size:11px;white-space:nowrap;display:inline-flex;align-items:center;min-height:26px}.scene-update-watch:hover{text-decoration:underline}
.scene-catalog-section{margin-bottom:36px}
.section-heading{margin-bottom:18px}.section-title{font-size:22px}.section-subtitle{font-size:12px;margin-top:5px}
.scene-story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 22px}
.scene-story-row{grid-template-columns:none;grid-auto-columns:calc((100% - 88px)/5);gap:22px;scrollbar-width:thin}
.poster-wrap{border-radius:5px;background:#202126;box-shadow:inset 0 0 0 1px #ffffff08}
.poster-image{object-fit:contain;object-position:center;background:#202126}
.story-card:hover .poster-image{transform:none}
.card-info{padding:13px 0 0}.story-title{font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;display:block;-webkit-line-clamp:unset;min-height:0;margin:0 0 6px}
.story-creator{font-size:12px;color:#aaa8b5}.story-meta,.scene-card-access{font-size:11px;color:#8e8d99}
.scene-work-title-line{display:block;line-height:1.45;margin:0 0 6px}.scene-work-title-line>h1,.scene-work-title-line>h2,.scene-work-title-line>h3{display:inline;margin:0}.scene-title-ai-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 5px;border:1px solid #b58ce333;border-radius:3px;color:#c4a8e6;background:#a36dd414;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:0;white-space:nowrap}.scene-creator-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;font-size:12px;line-height:1.7;color:#aaa8b5;margin:0 0 4px}.scene-creator-name{overflow-wrap:anywhere}.scene-creator-recognition{position:static;display:inline-block;padding:1px 5px;border:1px solid #ae81e03d;border-radius:3px;color:#cbb2eb;background:#9e69d316;font-size:9px;font-weight:500;line-height:1.5;white-space:nowrap;animation:scene-inline-grant-glow 2.4s ease-in-out infinite}.scene-work-creator-line{margin:10px 0 16px;font-size:13px}.sc-title-line{margin-bottom:20px}.sc-creator-line{margin-bottom:18px}.sc-dialog-creator-line{margin:16px 0 0}.sc-copy .scene-title-ai-badge,.scene-work-copy .scene-title-ai-badge{font-size:10px}.sc-title-line h2{margin:0}.scene-work-copy .scene-work-title-line{margin-bottom:0}@keyframes scene-inline-grant-glow{0%,100%{border-color:#ae81e03d}50%{border-color:#c4a0f28a}}
@media(max-width:650px){.sc-title-line{grid-column:1;grid-row:3;margin:8px 0 14px;align-self:start}.sc-creator-line{grid-column:1;grid-row:4;font-size:11px;margin-bottom:16px;align-self:start}.scene-title-ai-badge,.sc-copy .scene-title-ai-badge{font-size:9px}.scene-creator-recognition{font-size:8px;padding-inline:4px}}@media(prefers-reduced-motion:reduce){.scene-creator-recognition{animation:none}}
.scene-card-peek{display:none}.scene-title-link,.scene-title-play{color:inherit;text-decoration:none}.scene-title-link:hover,.scene-title-play:hover{color:#d5c0ff}
.sc-showcase{margin:0 0 34px;border:1px solid #ffffff0d;background:#1d1e24;border-radius:7px}
.sc-slide{min-height:530px;padding:42px 46px 80px;align-items:center}
.sc-copy{width:43%;max-width:560px}.sc-copy h2{font-size:clamp(30px,3.4vw,50px);line-height:1.23;letter-spacing:-.045em;margin-bottom:20px}
.sc-description{-webkit-line-clamp:4;font-size:14px;line-height:1.85;color:#c1becb}
.sc-meta{font-size:12px}.sc-eyebrow{color:#c2a9ef;font-size:11px;margin-bottom:14px}
.sc-art{inset:22px 24px 22px 49%;width:auto;height:auto}.sc-art img{object-fit:contain;width:100%;height:100%;border-radius:3px}
.sc-backdrop img{filter:blur(36px);opacity:.18}.sc-slide:after{background:linear-gradient(90deg,#1b1c22fa 0%,#1b1c22ec 31%,#1b1c2266 58%,#1b1c2200 100%)}
.sc-controls{left:46px;width:calc(43% - 12px);bottom:22px}.sc-toggle{border-color:#ffffff20;background:transparent}
.sc-copy>.text-link{display:inline-flex;margin-left:16px;align-items:center;min-height:42px}
.scene-continue-card>div{min-width:0;flex:1}.scene-continue-card strong,.scene-continue-card span{display:block}.scene-continue-card span{font-size:12px;color:#aaa6b5;margin-top:5px}.scene-continue-card>b{font-size:12px;color:#c8b4e8;margin-left:auto}
.scene-home-header .ct-home-hero{max-height:none}.scene-creator-invite{padding:28px 0;border-top:1px solid var(--line);margin-top:34px}
.scene-work-detail{grid-template-columns:245px minmax(0,1fr);gap:42px}.scene-work-copy h1{max-width:24ch}.scene-work-description{font-size:15px}
.scene-work-watch-actions{margin:22px 0 0}.scene-work-resume{font-size:13px;line-height:1.6;color:#c5b2e5;margin:0 0 10px}.scene-work-watch-actions .button-row{margin-top:0}
.scene-watch-episodes{border-radius:5px}.scene-episode-list .episode-row{min-height:78px}
.scene-continue-section{margin:0 0 32px}.scene-continue-grid,.scene-continue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.scene-continue-card{display:flex;align-items:center;gap:16px;background:#202126;border:1px solid var(--line);border-radius:5px;padding:14px;min-width:0}.scene-continue-card:hover{border-color:#a481d95c}
.scene-continue-card img{width:64px;height:88px;object-fit:contain;background:#17181c;border-radius:3px;flex-shrink:0}
.scene-continue-card strong{font-size:14px;line-height:1.45}.scene-continue-card p,.scene-continue-card small{font-size:12px;color:#aaa6b5}.scene-continue-card progress{display:block;width:100%;height:3px;accent-color:#a57be3;margin-top:10px}
.scene-language{display:flex;align-items:center;gap:5px;position:relative;color:#bcb9c8;font-size:12px;white-space:nowrap}.scene-language svg{width:16px;height:16px}.scene-language select{background:#22232a;border:1px solid #ffffff1b;color:#ddd9e7;border-radius:4px;padding:6px 4px;max-width:88px;font-size:12px;min-height:34px}
.scene-language-note{padding:10px 14px;background:#25222e;color:#c5bbd3;font-size:12px;border-left:2px solid #a279e1;margin-bottom:18px}.scene-language-note[hidden]{display:none}
html:not([lang=ko]) .nav-group{gap:18px}html:not([lang=ko]) .nav-item{font-size:13px}html:not([lang=ko]) .topbar{gap:20px}
@media(min-width:1600px){.scene-story-row{grid-auto-columns:calc((100% - 110px)/6)}}
@media(max-width:1150px){.topbar{gap:20px}.nav-group{gap:18px}.search-box{max-width:190px}.scene-story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-story-row{grid-template-columns:none;grid-auto-columns:calc((100% - 66px)/4)}.sc-slide{min-height:470px;padding-left:32px}.sc-copy{width:44%}.sc-controls{left:32px;width:43%}.sc-dots{display:none}.scene-language svg{display:none}}
@media(max-width:850px){.scene-browse-intro{display:block}.scene-browse-intro p{margin-top:7px}.scene-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.scene-story-row{grid-template-columns:none;grid-auto-columns:calc((100% - 32px)/3);gap:16px}.scene-continue-grid,.scene-continue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-language select{max-width:78px}}
@media(max-width:650px){.page-body{padding-top:22px}.scene-browse-intro{margin-bottom:18px}.scene-browse-intro h1{font-size:22px}.scene-browse-intro p{font-size:12px}.topbar{padding-inline:20px;gap:12px}.topbar-actions{gap:12px}.topbar-upload{font-size:11px}.scene-language{margin-left:auto}.scene-language select{max-width:72px;font-size:11px;min-height:30px;padding:4px}.search-box{max-width:none}.scene-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.scene-story-row{grid-template-columns:none;grid-auto-columns:43%;gap:14px}.story-title{font-size:14px}.section-title{font-size:20px}.section-heading{gap:12px}.section-heading .text-link{font-size:11px}.scene-catalog-section{margin-bottom:28px}
 .sc-showcase{margin:0 0 28px;border-radius:6px}.sc-slide{min-height:0;padding:22px 20px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:18px;align-items:start}.sc-copy{display:contents}.sc-copy>*{order:initial;position:relative;z-index:2}.sc-eyebrow{grid-column:1/-1;margin-bottom:12px;font-size:10px}.sc-meta{grid-column:1/-1;grid-row:2;font-size:11px;margin-bottom:12px}.sc-copy h2{grid-column:1;grid-row:3;font-size:clamp(22px,5.3vw,29px);line-height:1.3;margin:8px 0 14px;align-self:start}.sc-art{position:relative;inset:auto;width:100%;height:250px;grid-column:2;grid-row:3/7;margin:0;order:initial}.sc-art img{max-height:250px;object-fit:contain}.sc-description{grid-column:1/-1;grid-row:7;font-size:12px;line-height:1.8;-webkit-line-clamp:3;margin:18px 0 0;max-width:none}.sc-more{grid-column:1/-1;grid-row:8;margin:2px 0 0;justify-self:start;font-size:11px}.sc-creator{grid-column:1;grid-row:4;font-size:11px;margin-bottom:16px;align-self:start}.sc-copy .btn{grid-column:1;grid-row:5;font-size:12px;padding:10px 11px;min-height:42px;align-self:start;justify-self:start}.sc-controls{left:20px;right:20px;bottom:15px;width:auto}.sc-slide:after{background:linear-gradient(90deg,#1b1c22f5,#1b1c2280 70%,#1b1c2240)}.sc-navigation button{width:30px;height:30px}.sc-toggle{font-size:10px}.sc-dots{display:none}
 .scene-work-detail{display:block}.scene-work-poster{float:left;width:118px}.scene-work-copy h1{font-size:26px;max-width:none}.scene-continue-grid,.scene-continue-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.scene-continue-card{min-width:82%;scroll-snap-align:start}.scene-registered-business{padding-bottom:95px}.scene-watch-episodes .episode-row{min-height:72px}.scene-video-shell{margin-inline:-20px}}
@media(max-width:650px){.sc-copy>.text-link{grid-column:1;grid-row:6;align-self:start;justify-self:start;margin:8px 0 0;min-height:30px;font-size:11px}}
@media(max-width:650px){.topbar .scene-language{position:absolute;right:28px;bottom:16px;z-index:1}.topbar .search-box{padding-right:92px}.topbar .scene-language select{background:#282830}.scene-language svg{display:none}}
@media(max-width:380px){.topbar-upload{font-size:10px}.topbar-actions{gap:9px}.scene-language select{max-width:64px}.sc-slide{padding-inline:16px;column-gap:12px}.sc-art{height:220px}.sc-copy h2{font-size:22px}.sc-controls{left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:850px){.scene-viewing-guide{display:inline-block;margin:10px 0 0}}
@media(max-width:850px){.scene-update-list{grid-auto-columns:calc((100% - 14px)/2)}}
@media(max-width:650px){.scene-recent-updates{margin-bottom:24px}.scene-update-list{grid-auto-columns:min(86%,330px);gap:12px}}

/* Popular works retain their actual order in a dedicated top-ten poster grid. */
.scene-ranked-section .scene-ranked-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 26px}.scene-ranked-card .scene-card-link{position:relative}.scene-rank-number{position:absolute;left:-13px;bottom:-9px;z-index:4;pointer-events:none;font-size:clamp(80px,8vw,122px);font-weight:850;line-height:.9;letter-spacing:-.09em;font-family:"Arial Black",Arial,sans-serif;color:#c9a7fb;-webkit-text-stroke:0;text-shadow:1px 1px 0 #aa7bd5,2px 2px 0 #9362be,3px 3px 0 #7d4da7,4px 4px 0 #653b8b,5px 6px 0 #46265f,7px 10px 12px #0009;font-variant-numeric:tabular-nums}.scene-ranked-card .card-info{position:relative;z-index:5;padding-top:17px}.scene-ranked-card .scene-work-recognition{top:70px;bottom:auto}.scene-ranked-card .poster-image{object-fit:contain}.scene-ranked-card .scene-release-badges,.scene-ranked-card .card-badges{z-index:5}@media(max-width:850px){.scene-ranked-section .scene-ranked-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.scene-rank-number{font-size:94px}}@media(max-width:650px){.scene-ranked-section .scene-ranked-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.scene-rank-number{font-size:86px;left:-9px;bottom:-6px}}

.scene-ranking-swipe-hint{display:none}
@media(max-width:650px){.scene-ranked-section .scene-ranked-grid{grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:43%;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:12px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9b71cb #ffffff08;margin-inline:-12px;padding:8px 12px 22px}.scene-ranked-section .scene-ranked-card{min-width:0;scroll-snap-align:start}.scene-ranked-card .scene-rank-number{font-size:clamp(58px,17vw,68px);left:-7px;bottom:-5px}.scene-ranking-swipe-hint{display:inline;margin-left:10px;color:#b6a4cc;font-size:11px;font-weight:400}}

/* A brief competition announcement leaves the catalog first. */
@media(max-width:650px){.ct-strip{min-height:32px;padding:6px 12px;gap:10px;font-size:11px}.ct-strip>span:last-child{display:none}}

/* The home campaign sits immediately under the main navigation. */
body[data-view="home"] .ct-strip{display:none}
.scene-home-header{margin-bottom:28px}
@media(max-width:650px){.scene-home-header{margin-bottom:18px}}

.scene-home-header:empty{display:none}