@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#080808;--panel:#141311;--cream:#f3ead7;--muted:#9c958a;--red:#d7352c;--gold:#d8b76a;--line:rgba(243,234,215,.15);--shadow:0 24px 70px #0009}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#64141655,transparent 35%),var(--bg);color:var(--cream);font-family:'Noto Sans KR',sans-serif;min-height:100vh}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.shell{min-height:100vh;padding-bottom:105px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#080808dd;backdrop-filter:blur(18px);z-index:30}.topbar:before{content:'NOW SHOWING';position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:var(--gold)}.brand{font:29px 'DM Serif Display';cursor:pointer}.brand-dot{color:var(--red)}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);background:#711719;display:grid;place-items:center;font-size:12px;font-weight:800}.page{max-width:1160px;margin:auto;padding:54px 24px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:800;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(48px,7vw,88px)/.95 'DM Serif Display','Noto Sans KR';letter-spacing:-3px;margin:14px 0 24px}.sub{font-size:15px;color:var(--muted);line-height:1.8}.hero{position:relative;min-height:530px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;margin:-54px -24px 58px;padding:100px 48px 48px;overflow:hidden;background:linear-gradient(90deg,#000f,#0009 55%,transparent),radial-gradient(circle at 78% 34%,#c02b25,transparent 26%),linear-gradient(135deg,#251010,#080808 65%)}.hero:before{content:'REELATION  ·  A FILM ABOUT YOUR PEOPLE  ·  REELATION  ·  A FILM ABOUT YOUR PEOPLE';position:absolute;top:24px;left:0;width:100%;padding:11px 0;border-block:1px solid #d8b76a66;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:3px;white-space:nowrap;text-align:center}.hero:after{content:'R';position:absolute;right:3%;top:7%;font:420px/1 'DM Serif Display';color:#fff0009;transform:rotate(6deg)}.hero>div{position:relative;z-index:2}.hero h1{font-size:clamp(58px,8vw,104px);text-shadow:0 12px 42px #000}.count{font:130px/.75 'DM Serif Display';color:var(--gold);text-align:right}.count small{display:block;font:700 9px 'Noto Sans KR';letter-spacing:3px;color:var(--cream);margin-top:18px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:2px;padding:15px 22px;font:800 12px inherit;cursor:pointer;background:var(--cream);color:#080808;transition:.25s;text-transform:uppercase}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d7352c44}.btn.alt{background:transparent;color:var(--cream);border-color:#f3ead766}.btn.red{background:var(--red);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;margin:58px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-head h2{font:400 34px 'DM Serif Display','Noto Sans KR';letter-spacing:-1px;margin:0}.link{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1px;text-decoration:none;cursor:pointer}.link:after{content:'  →'}.main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.poster{aspect-ratio:2/3;min-height:330px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:var(--shadow);transition:.3s;overflow:hidden;position:relative;isolation:isolate}.poster:hover{transform:translateY(-8px) rotate(-.4deg)}.poster:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e,transparent 60%),radial-gradient(circle at 60% 25%,#ffffff44,transparent 18%)}.poster:after{content:'✦';position:absolute;right:18px;top:16px;color:#fff9}.poster:nth-child(1){background:linear-gradient(145deg,#db3a31,#671217)}.poster:nth-child(2){background:linear-gradient(145deg,#b99c52,#332818)}.poster:nth-child(3){background:linear-gradient(145deg,#38516f,#101925)}.poster:nth-child(4){background:linear-gradient(145deg,#3b3b3b,#090909)}.poster .label{font-size:9px;letter-spacing:2px;font-weight:800}.poster h3{font:400 30px/1.1 'DM Serif Display','Noto Sans KR';margin:0}.poster h3 small{font:600 11px 'Noto Sans KR';color:#ffffffaa}.poster .score{font:52px 'DM Serif Display'}.rank-card{background:var(--panel);border:1px solid var(--line);padding:8px 24px;box-shadow:var(--shadow)}.rank-row{display:grid;grid-template-columns:56px 1fr auto 70px;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.2s}.rank-row:hover{padding-left:10px;background:linear-gradient(90deg,#d7352c18,transparent)}.rank-row:last-child{border:0}.rank-num{font:34px 'DM Serif Display';color:var(--gold)}.role{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.scorebar{height:2px;background:#312f2b;margin-top:9px;max-width:280px}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}.score-big{font:30px 'DM Serif Display'}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre{border:1px solid var(--line);padding:24px;min-height:210px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;background:#141311;position:relative;overflow:hidden;transition:.25s}.genre:before{content:'';position:absolute;width:110px;height:110px;border:1px solid #d8b76a33;border-radius:50%;right:-40px;top:-35px}.genre:hover{border-color:var(--gold);transform:translateY(-4px)}.genre .arrow{align-self:flex-end;font-size:24px;color:var(--gold)}.genre h3{font:29px 'DM Serif Display'}.all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.person{border:1px solid var(--line);padding:20px;cursor:pointer;background:#ffffff07;transition:.2s}.person:hover{background:var(--cream);color:#080808}.person b{display:block;font:500 22px 'DM Serif Display','Noto Sans KR'}.person span{font-size:11px;color:var(--muted)}.bottomnav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));height:70px;background:#121110f2;border:1px solid #d8b76a55;display:flex;justify-content:space-around;align-items:center;z-index:40;backdrop-filter:blur(20px);box-shadow:0 18px 60px #000}.navitem{border:0;background:none;color:#77736c;font:700 10px inherit;letter-spacing:.7px;cursor:pointer;text-transform:uppercase}.navitem.active{color:var(--gold)}.navitem i{display:block;font-style:normal;font-size:19px;margin-bottom:5px}.form-wrap{max-width:700px;margin:auto}.back{border:0;background:none;color:var(--gold);font-size:25px;cursor:pointer;padding:0;margin-bottom:36px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:34px}.choice button{padding:18px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font-weight:700;cursor:pointer}.choice button.active{background:var(--red);border-color:var(--red)}.field{margin:20px 0}.field label{display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--gold);margin-bottom:8px;text-transform:uppercase}.field input,.field select{width:100%;color:var(--cream);border:0;border-bottom:1px solid #645f56;background:transparent;padding:14px 4px;font:500 16px inherit;outline:none;color-scheme:dark}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submit{width:100%;margin-top:28px}.detail-hero{position:relative;background:linear-gradient(110deg,#1a1917,#080808);border:1px solid var(--line);padding:52px;min-height:340px;display:grid;grid-template-columns:1fr auto;align-items:end;overflow:hidden}.detail-hero:after{content:'CAST';position:absolute;right:-20px;top:-48px;font:160px 'DM Serif Display';color:#ffffff08}.detail-hero h1{font-size:72px}.mega-score{font:118px/.75 'DM Serif Display';color:var(--gold)}.filmography{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.film{background:var(--panel);padding:24px;min-height:180px}.film b{font:500 23px 'DM Serif Display','Noto Sans KR';display:block;margin:28px 0 10px}.stats{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.stat{padding:18px 10px;border-top:2px solid var(--red);background:var(--panel)}.stat b{font:34px 'DM Serif Display';color:var(--gold)}.stat small{display:block;color:var(--muted);font-size:9px}.narrative{background:linear-gradient(135deg,#c7a85d,#80652d);color:#090909;padding:36px;max-width:800px;line-height:1.9;box-shadow:var(--shadow)}.tabs{display:flex;gap:8px;overflow:auto;margin:26px 0;padding-bottom:5px}.tab{white-space:nowrap;border:1px solid var(--line);padding:10px 16px;background:var(--panel);color:var(--muted);cursor:pointer}.tab.active{background:var(--red);border-color:var(--red);color:white}.notice{padding:30px;border:1px dashed #d8b76a66;color:var(--muted);text-align:center;background:#d8b76a0a}.empty{padding:80px 20px;text-align:center}.toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%,20px);background:var(--cream);color:#111;padding:13px 20px;opacity:0;transition:.25s;z-index:60;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.invite-card{background:linear-gradient(135deg,#b82722,#5f1014);padding:36px;border:1px solid #fff3}.invite-url{background:#100b0b;border:1px solid #fff3;padding:16px;margin:22px 0;font-size:12px;word-break:break-all}.danger{color:#e75d52}.onboard{min-height:100vh;background:#090909;display:grid;place-items:center;padding:24px}.onboard-card{width:min(620px,100%)}.adsbygoogle{max-width:1160px;margin:30px auto 120px!important;min-height:90px}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:590px;padding:100px 28px 34px}.count{text-align:left;font-size:90px}.count small{display:inline;margin-left:10px}.main-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.poster{min-height:340px}.all-grid{grid-template-columns:1fr 1fr}.filmography{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(4,1fr)}.detail-hero{padding:32px}.detail-hero h1{font-size:52px}.mega-score{font-size:76px}.rank-row{grid-template-columns:42px 1fr auto}.rank-row .role{display:none}}
@media(max-width:480px){.page{padding:36px 16px}.topbar{padding:0 18px}.topbar:before{display:none}.hero{margin:-36px -16px 48px;min-height:560px}.hero h1{font-size:58px}.main-grid{gap:9px}.poster{min-height:260px;padding:16px}.poster h3{font-size:23px}.poster .score{font-size:40px}.genre-grid{gap:8px}.genre{min-height:170px;padding:18px}.genre h3{font-size:22px}.all-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;min-height:360px}.mega-score{margin-top:25px}.stats{grid-template-columns:repeat(2,1fr)}.rank-card{padding:5px 15px}.rank-row{gap:10px}.film{padding:18px}.bottomnav{bottom:10px}}

/* KITSCH FANCY — cinema scrapbook edition */
:root{--bg:#f6f0ff;--panel:#fffaf2;--cream:#17151b;--muted:#716a78;--red:#ff4f73;--gold:#7057ff;--line:#17151b;--shadow:7px 8px 0 #17151b}html{background:var(--bg)}body{background:radial-gradient(circle at 8% 10%,#ff87a733,transparent 24%),radial-gradient(circle at 90% 20%,#85ff9e44,transparent 25%),linear-gradient(120deg,#fff9d9,#f3edff 52%,#e8f9ff);color:#17151b;background-attachment:fixed}body:after{opacity:.07}.shell{padding-bottom:112px}.topbar{height:72px;background:#fffaf2eF;border-bottom:2px solid #17151b;padding-top:0}.topbar:before{content:'★ NOW CASTING ★';color:#ff4f73;font-weight:900}.brand{font-size:31px;transform:rotate(-2deg);color:#17151b;text-shadow:2px 2px 0 #9cffb1}.brand-dot{color:#ff4f73}.avatar{background:#7057ff;color:#fff;border:2px solid #17151b;box-shadow:3px 3px 0 #17151b}.page{padding-top:44px}.eyebrow{color:#7057ff;font-weight:900;letter-spacing:2px}.hero{min-height:500px;margin:-44px -24px 56px;padding:104px 50px 45px;border-bottom:2px solid #17151b;background:radial-gradient(circle at 84% 38%,#fffc83 0 12%,transparent 12.5%),radial-gradient(circle at 78% 47%,#85f59f 0 24%,transparent 24.5%),linear-gradient(120deg,#ff91ac 0 51%,#ff5f82 51% 58%,#ffb4c7 58%);box-shadow:inset 0 -12px 0 #17151b}.hero:before{background:#17151b;color:#fff57a;border:0;transform:rotate(-1deg);font-weight:900}.hero:after{content:'★';font-family:inherit;font-size:310px;color:#ffffff77;right:7%;top:19%;transform:rotate(12deg)}.hero h1{color:#17151b;font-family:'Noto Sans KR';font-weight:900;letter-spacing:-5px;text-shadow:4px 4px 0 #fffaf2;max-width:680px}.hero .sub{color:#332b38;font-weight:600}.count{color:#17151b;text-shadow:4px 4px 0 #fff57a;transform:rotate(4deg)}.count small{color:#17151b;background:#fffaf2;display:inline-block;padding:8px 12px;border:2px solid #17151b;box-shadow:3px 3px 0 #17151b}.btn{border:2px solid #17151b;border-radius:999px;background:#fff57a;color:#17151b;box-shadow:4px 4px 0 #17151b;font-size:12px}.btn:hover{box-shadow:1px 1px 0 #17151b;transform:translate(3px,3px)}.btn.red{background:#ff4f73;color:#fff}.btn.alt{background:#fffaf2;color:#17151b;border-color:#17151b}.section-head{border-bottom:2px solid #17151b}.section-head h2{font-family:'Noto Sans KR';font-size:29px;font-weight:900;letter-spacing:-2px}.section-head h2:before{content:'✦ ';color:#ff4f73}.link{color:#7057ff;font-weight:900}.main-grid{gap:18px}.poster{border:2px solid #17151b;border-radius:18px;box-shadow:7px 8px 0 #17151b;color:#17151b;transform-origin:center}.poster:hover{transform:translateY(-7px) rotate(2deg);box-shadow:10px 14px 0 #17151b}.poster:before{background:linear-gradient(0deg,#fffaf2dd,transparent 60%),radial-gradient(circle at 67% 24%,#ffffff99,transparent 20%)}.poster:after{content:'★';color:#17151b}.poster:nth-child(1){background:linear-gradient(145deg,#ff6c8f,#ffb2c5)}.poster:nth-child(2){background:linear-gradient(145deg,#fff06b,#ffc85c)}.poster:nth-child(3){background:linear-gradient(145deg,#70b8ff,#a8d6ff)}.poster:nth-child(4){background:linear-gradient(145deg,#8cf5a5,#c6ff82)}.poster .label{display:inline-block;background:#fffaf2;border:2px solid #17151b;border-radius:999px;padding:7px 10px;width:max-content;color:#17151b}.poster h3{font-family:'Noto Sans KR';font-weight:900;letter-spacing:-1px}.poster h3 small{color:#413a45}.poster .score{font-family:'DM Serif Display';color:#7057ff;text-shadow:2px 2px 0 #fff}.rank-card{background:#fffaf2;border:2px solid #17151b;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.rank-row{border-bottom:2px dashed #c5bccb}.rank-row:hover{background:#fff4a8;padding-left:12px}.rank-num{color:#ff4f73;font-weight:900}.scorebar{height:8px;background:#ded6e5;border:1px solid #17151b;border-radius:99px;overflow:hidden}.scorebar i{background:linear-gradient(90deg,#ff4f73,#ffdc61,#83ef9b)}.score-big{color:#7057ff;font-weight:700}.role{color:#716a78;font-weight:800}.genre-grid{gap:16px}.genre{border:2px solid #17151b;border-radius:20px;box-shadow:5px 6px 0 #17151b;background:#fffaf2;transition:.2s}.genre:nth-child(1){background:#ffd1dc}.genre:nth-child(2){background:#c9f8d2}.genre:nth-child(3){background:#c9e5ff}.genre:nth-child(4){background:#fff39b}.genre:before{border:3px dotted #17151b88}.genre:hover{border-color:#17151b;box-shadow:2px 2px 0 #17151b;transform:translate(3px,4px) rotate(-1deg)}.genre h3{font-family:'Noto Sans KR';font-weight:900}.genre .arrow{color:#ff4f73}.person{border:2px solid #17151b;border-radius:16px;background:#fffaf2;box-shadow:4px 4px 0 #17151b}.person:nth-child(3n+1){transform:rotate(-1deg)}.person:nth-child(3n+2){transform:rotate(1deg)}.person:hover{background:#7057ff;color:#fff;transform:translateY(-4px) rotate(0)}.person b{font-family:'Noto Sans KR';font-weight:900}.bottomnav{background:#fffaf2f5;color:#17151b;border:2px solid #17151b;border-radius:24px;box-shadow:6px 7px 0 #17151b}.navitem{color:#8b8390}.navitem.active{color:#7057ff}.navitem.active i{background:#fff06b;border:2px solid #17151b;border-radius:50%;transform:rotate(-8deg)}.form-wrap{background:#fffaf2;border:2px solid #17151b;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.back{color:#ff4f73}.choice button{border:2px solid #17151b;border-radius:14px;background:#fff}.choice button.active{background:#7057ff;border-color:#17151b;color:#fff;box-shadow:4px 4px 0 #17151b}.field label{color:#7057ff}.field input,.field select{color:#17151b;border-bottom:2px solid #17151b;color-scheme:light}.detail-hero{background:linear-gradient(120deg,#7057ff,#9a86ff 55%,#ff8fa9);border:2px solid #17151b;border-radius:26px;box-shadow:var(--shadow);color:#fff}.detail-hero:after{color:#ffffff18}.detail-hero h1{font-family:'Noto Sans KR';font-weight:900}.mega-score{color:#fff575;text-shadow:4px 4px 0 #17151b}.filmography{border:2px solid #17151b;border-radius:20px;overflow:hidden;background:#17151b;box-shadow:var(--shadow)}.film{background:#fffaf2}.film:nth-child(1){background:#ffd1dc}.film:nth-child(2){background:#c9f8d2}.film:nth-child(3){background:#c9e5ff}.film:nth-child(4){background:#fff39b}.film b{font-family:'Noto Sans KR';font-weight:900}.stat{border:2px solid #17151b;border-top:8px solid #ff4f73;border-radius:14px;background:#fffaf2;box-shadow:3px 3px 0 #17151b}.stat:nth-child(2n){border-top-color:#7057ff}.stat:nth-child(3n){border-top-color:#7bea94}.stat b{color:#7057ff}.narrative{background:#fff075;border:2px solid #17151b;border-radius:20px;box-shadow:var(--shadow)}.tab{border:2px solid #17151b;border-radius:999px;background:#fffaf2;color:#17151b;font-weight:800}.tab.active{background:#7057ff;border-color:#17151b;color:#fff;box-shadow:3px 3px 0 #17151b}.notice{border:2px dashed #7057ff;border-radius:18px;background:#fffaf2;color:#716a78}.invite-card{background:linear-gradient(135deg,#ff6f91,#ffb6c7);color:#17151b;border:2px solid #17151b;border-radius:24px;box-shadow:var(--shadow)}.invite-url{background:#fffaf2;color:#17151b;border:2px dashed #17151b;border-radius:12px}.toast{background:#17151b;color:#fff;border:2px solid #fff57a;border-radius:999px}.adsbygoogle{background:#fffaf2;border-radius:18px}
@media(max-width:820px){.hero{background:radial-gradient(circle at 82% 35%,#fff57a 0 13%,transparent 13.5%),linear-gradient(145deg,#ff8fab,#ff6387)}.main-grid{gap:13px}.form-wrap{padding:28px}}
@media(max-width:480px){.page{padding:30px 15px}.hero{margin:-30px -15px 44px;padding:94px 21px 34px;min-height:540px;border-radius:0}.hero h1{font-size:54px;line-height:.93}.hero:after{font-size:230px;right:-5%}.hero .actions{gap:8px}.hero .btn{padding:13px 17px}.main-grid{grid-template-columns:1fr 1fr}.poster{min-height:250px;border-radius:15px}.poster .label{font-size:7px;padding:5px 7px}.poster h3{font-size:22px}.genre{border-radius:15px}.form-wrap{border-width:0;border-radius:0;box-shadow:none;padding:30px 18px;margin:-30px -15px}.detail-hero{border-radius:18px}.bottomnav{border-radius:20px}}

/* EDITORIAL CAST CARDS — character art edition */
.cast-art{background-size:600% 200%;background-repeat:no-repeat;background-color:#ddd;flex:0 0 auto;filter:brightness(var(--branch-light,1)) contrast(var(--branch-contrast,1))}.pillar-stem-0{background-image:url('assets/day-pillar-stem-0-v1.jpg')}.pillar-stem-1{background-image:url('assets/day-pillar-stem-1-v1.jpg')}.pillar-stem-2{background-image:url('assets/day-pillar-stem-2-v1.jpg')}.pillar-stem-3{background-image:url('assets/day-pillar-stem-3-v1.jpg')}.pillar-stem-4{background-image:url('assets/day-pillar-stem-4-v1.jpg')}.pillar-stem-5{background-image:url('assets/day-pillar-stem-5-v1.jpg')}.pillar-stem-6{background-image:url('assets/day-pillar-stem-6-v1.jpg')}.pillar-stem-7{background-image:url('assets/day-pillar-stem-7-v1.jpg')}.pillar-stem-8{background-image:url('assets/day-pillar-stem-8-v1.jpg')}.pillar-stem-9{background-image:url('assets/day-pillar-stem-9-v1.jpg')}.pillar-col-0{background-position-x:0}.pillar-col-1{background-position-x:20%}.pillar-col-2{background-position-x:40%}.pillar-col-3{background-position-x:60%}.pillar-col-4{background-position-x:80%}.pillar-col-5{background-position-x:100%}.gender-male{background-position-y:0}.gender-female{background-position-y:100%}.branch-0{--branch-light:1;--branch-contrast:1}.branch-1{--branch-light:1.02;--branch-contrast:1.01}.branch-2{--branch-light:.98;--branch-contrast:1.03}.branch-3{--branch-light:1.04;--branch-contrast:.98}.branch-4{--branch-light:.96;--branch-contrast:1.05}.branch-5{--branch-light:1.03;--branch-contrast:1.02}.branch-6{--branch-light:.99;--branch-contrast:1.06}.branch-7{--branch-light:1.05;--branch-contrast:.97}.branch-8{--branch-light:.97;--branch-contrast:1.04}.branch-9{--branch-light:1.01;--branch-contrast:1.03}.branch-10{--branch-light:.95;--branch-contrast:1.07}.branch-11{--branch-light:1.04;--branch-contrast:1}
.main-grid{gap:22px}.poster{aspect-ratio:3/4;min-height:390px;padding:18px;border-radius:26px;box-shadow:0 18px 45px #4d356b28,8px 9px 0 #17151b;background:#fff!important}.poster .cast-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.poster:before{z-index:1;background:linear-gradient(180deg,transparent 42%,rgba(11,9,16,.18) 58%,rgba(11,9,16,.94) 100%)}.poster:after{z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff57a;border:2px solid #17151b;color:#17151b}.poster:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 26px 60px #7057ff30,11px 13px 0 #17151b}.poster:hover .cast-art{transform:scale(1.055)}.poster .label,.poster-copy{position:relative;z-index:3}.poster .label{background:#fffaf2e8;backdrop-filter:blur(8px);box-shadow:2px 3px 0 #17151b}.poster-copy{display:flex;align-items:end;justify-content:space-between;color:#fff;text-shadow:0 2px 18px #000}.poster-copy h3{font-size:31px;margin:0}.poster-copy .score{color:#fff57a;text-shadow:2px 3px 0 #17151b;font-size:56px;line-height:.8}
.rank-card{padding:10px 18px;background:rgba(255,250,242,.82);backdrop-filter:blur(18px)}.rank-row{grid-template-columns:44px 58px 1fr auto 58px;gap:16px;padding:15px 8px}.rank-row>.cast-art{width:58px;height:66px;border:2px solid #17151b;border-radius:15px;box-shadow:3px 3px 0 #17151b}.rank-row b{font-size:17px}.rank-num{font-family:'Noto Sans KR';font-size:28px;font-weight:900;font-style:italic}.score-big{font-family:'Noto Sans KR';font-size:27px;font-weight:900}
.all-grid{grid-template-columns:repeat(2,1fr);gap:18px}.person{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:17px;padding:10px;border-radius:22px;background:rgba(255,250,242,.86);box-shadow:0 12px 28px #4d356b1a,5px 6px 0 #17151b;overflow:hidden}.person>.cast-art{width:82px;height:92px;border:2px solid #17151b;border-radius:15px}.person b{font-size:22px}.person span{display:block;margin-top:6px;font-weight:800}.person>i{font-style:normal;font-size:22px;width:38px;height:38px;display:grid;place-items:center;border:2px solid #17151b;border-radius:50%;background:#fff57a}.person:hover{background:#fff;color:#17151b;transform:translateY(-5px) rotate(0);box-shadow:0 18px 38px #7057ff25,7px 9px 0 #17151b}
.genre{min-height:230px;background:linear-gradient(145deg,#fff,#fffaf2);box-shadow:0 14px 30px #4d356b16,5px 6px 0 #17151b}.genre h3{font-size:clamp(22px,2.2vw,32px)}.genre .arrow{width:46px;height:46px;display:grid;place-items:center;background:#17151b;color:#fff;border-radius:50%}
.detail-hero{background:radial-gradient(circle at 84% 18%,#fff57a 0 10%,transparent 10.5%),linear-gradient(125deg,#6f55ff,#9e83ff 52%,#ff7ea2);box-shadow:0 24px 60px #7057ff35,8px 9px 0 #17151b}.film{transition:.2s}.film:hover{transform:translateY(-5px);box-shadow:0 12px 25px #17151b22;position:relative;z-index:2}.stat{transition:.2s}.stat:hover{transform:translateY(-5px) rotate(-1deg)}
@media(max-width:820px){.poster{min-height:360px}.rank-row{grid-template-columns:38px 54px 1fr 54px}.rank-row>.cast-art{width:54px;height:62px}.all-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.main-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-15px;padding:4px 15px 18px;gap:14px}.poster{flex:0 0 74vw;min-height:410px;scroll-snap-align:center}.poster-copy h3{font-size:29px}.rank-card{padding:6px 9px}.rank-row{grid-template-columns:32px 50px 1fr 46px;gap:9px}.rank-row>.cast-art{width:50px;height:58px;border-radius:12px}.rank-row .score-big{font-size:22px}.all-grid{grid-template-columns:1fr}.person{grid-template-columns:72px 1fr auto}.person>.cast-art{width:72px;height:82px}}

/* IA v2 — movie first / visual casting board / complete ranking */
.reel-page{max-width:1240px}.movie-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(30px,6vw,90px);align-items:center;padding:52px clamp(28px,5vw,74px);margin:0 0 80px;border:2px solid #17151b;border-radius:34px;background:radial-gradient(circle at 12% 15%,#fff57a 0 7%,transparent 7.4%),linear-gradient(135deg,#ffeff5,#efe9ff 48%,#dffff0);box-shadow:0 30px 80px #6d4c9226,10px 12px 0 #17151b;overflow:hidden;position:relative}.movie-hero:before{content:'REELATION · ORIGINAL · REELATION · ORIGINAL ·';position:absolute;inset:auto 0 0;background:#17151b;color:#fff57a;padding:10px;text-align:center;font-size:9px;letter-spacing:4px;font-weight:900;white-space:nowrap}.movie-copy h1{font-family:'Noto Sans KR';font-weight:900;font-size:clamp(54px,6.7vw,92px);letter-spacing:-6px;margin:20px 0;text-shadow:4px 4px 0 #fff}.movie-genre{display:inline-block;background:#7057ff;color:#fff;padding:9px 15px;border:2px solid #17151b;border-radius:999px;box-shadow:3px 3px 0 #17151b;font-weight:900}.main-character-copy{margin:30px 0;max-width:520px}.main-character-copy>span{font-size:9px;letter-spacing:3px;font-weight:900;color:#ff4f73}.main-character-copy>b{display:block;font-size:21px;margin:8px 0}.main-character-copy p{color:#615969;line-height:1.7}.movie-poster{height:540px;position:relative;border:2px solid #17151b;border-radius:28px;overflow:hidden;box-shadow:10px 12px 0 #17151b;transform:rotate(2deg);background:#ff4f73}.movie-poster .cast-art{position:absolute;inset:0;width:100%;height:100%}.movie-poster:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#17151bee)}.movie-poster strong,.movie-poster small,.poster-stamp{position:absolute;z-index:2}.movie-poster strong{left:24px;bottom:48px;color:#fff;font-size:48px;font-weight:900}.movie-poster small{left:26px;bottom:25px;color:#fff57a;font-weight:800}.poster-stamp{top:18px;left:18px;background:#fff57a;border:2px solid #17151b;border-radius:999px;padding:7px 12px;font-size:9px;font-weight:900;letter-spacing:2px}.reel-section{margin:90px 0}.section-note,.participant-count{font-size:12px;font-weight:900;background:#fff57a;border:2px solid #17151b;border-radius:999px;padding:8px 13px}.casting-stage{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:72px;gap:14px;padding:26px;border:2px solid #17151b;border-radius:30px;background:linear-gradient(145deg,#17151b,#322945);box-shadow:10px 12px 0 #7057ff;grid-auto-flow:dense}.casting-card{position:relative;border:2px solid #17151b;border-radius:20px;overflow:hidden;background:#fffaf2;box-shadow:4px 5px 0 #09080b;cursor:pointer;transition:.25s;padding:13px;display:flex;align-items:end}.casting-card:hover{transform:translateY(-5px) rotate(1deg);z-index:5}.casting-card .cast-art{position:absolute;inset:0;width:100%;height:100%}.casting-card:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#0e0c13e8)}.casting-card>div:last-child,.cast-tier{position:relative;z-index:2;color:#fff}.casting-card>div:last-child{width:100%}.casting-card b{display:block;font-size:clamp(17px,2vw,29px);font-weight:900}.casting-card small{display:block;font-size:8px;letter-spacing:1px;color:#fff57a;margin-top:3px}.cast-tier{position:absolute;left:11px;top:11px;background:#fff57a;color:#17151b;border:2px solid #17151b;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.casting-card.main-character{grid-column:span 6;grid-row:span 6;border-radius:26px}.casting-card.main-character b{font-size:42px}.casting-card.tier-main{grid-column:span 3;grid-row:span 4}.casting-card.tier-supporting{grid-column:span 3;grid-row:span 3}.casting-card.tier-featured,.casting-card.tier-cameo{grid-column:span 2;grid-row:span 2;background:#ffef83;align-items:center}.casting-card.tier-cameo{background:#ff83a5;transform:rotate(-2deg)}.casting-card.tier-featured:after,.casting-card.tier-cameo:after{display:none}.casting-card.tier-featured>div:last-child,.casting-card.tier-cameo>div:last-child{color:#17151b}.ranking-section .rank-card{max-width:900px}.ranking-definition{color:#716a78;margin:-8px 0 24px;max-width:600px;line-height:1.7}
@media(max-width:820px){.movie-hero{grid-template-columns:1fr;min-height:auto;padding:38px 28px 70px}.movie-poster{height:470px;max-width:440px;width:100%;justify-self:center}.casting-stage{grid-template-columns:repeat(8,1fr)}.casting-card.main-character{grid-column:span 5}.casting-card.tier-main{grid-column:span 3}.casting-card.tier-supporting{grid-column:span 3}.casting-card.tier-featured,.casting-card.tier-cameo{grid-column:span 2}}
@media(max-width:520px){.reel-page{padding-inline:13px}.movie-hero{margin-inline:0;border-radius:24px;padding:30px 20px 64px;box-shadow:6px 7px 0 #17151b}.movie-copy h1{font-size:49px;letter-spacing:-4px}.movie-poster{height:390px;border-radius:22px}.movie-poster strong{font-size:40px}.reel-section{margin:68px 0}.section-note{display:none}.casting-stage{grid-template-columns:repeat(4,1fr);grid-auto-rows:62px;padding:12px;gap:9px;border-radius:22px}.casting-card.main-character{grid-column:span 4;grid-row:span 5}.casting-card.main-character b{font-size:34px}.casting-card.tier-main{grid-column:span 2;grid-row:span 4}.casting-card.tier-supporting{grid-column:span 2;grid-row:span 3}.casting-card.tier-featured,.casting-card.tier-cameo{grid-column:span 2;grid-row:span 2}.participant-count{font-size:10px}.ranking-definition{font-size:13px}}
.unknown-time{display:flex!important;align-items:center;gap:9px;width:max-content;margin-top:13px!important;padding:9px 13px;border:2px solid #17151b;border-radius:999px;background:#fff57a;color:#17151b!important;cursor:pointer;box-shadow:3px 3px 0 #17151b}.unknown-time input{width:18px!important;height:18px;margin:0;accent-color:#7057ff}.field input:disabled{opacity:.35;cursor:not-allowed}
.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}