/* 조선궁서체 — 월담이 쓰는 두 서체 중 하나(나머지는 Pretendard).
   라이선스는 static/fonts/chosun/LICENSE.txt. 기기에 없어도 여기서 내려간다. */
@font-face{font-family:'Woldam Chosun Gungseo';src:url("../fonts/chosun/ChosunGs-subset.bd827614d8b5.woff2") format('woff2');font-weight:400;font-style:normal;font-display:swap}
.intro.story-intro{min-height:100svh;background:#151c20!important;display:flex;flex-direction:column;overflow:hidden}.story-intro:before,.story-intro:after{display:none!important}.intro-guide-art{display:block;width:100%;height:54svh;max-height:520px;object-fit:cover;object-position:50% 8%;mask-image:linear-gradient(#000 72%,transparent)}.story-intro .intro-body{position:relative;inset:auto;margin:-28px 0 0;padding:28px 26px 42px;flex:1;background:linear-gradient(transparent,#151c20 28px);width:100%}.story-intro .intro-quote{font:700 24px/1.75 'Woldam Chosun Gungseo',Gungsuh,'궁서',serif;text-wrap:balance;word-break:keep-all;color:#f4ead4;min-height:110px;margin:0 0 24px}.story-intro .vn-who{font:14px/1.6 Pretendard;color:#d4ba83;margin:0 0 15px}.story-intro .vn-sfx{font:15px/1.5 Pretendard;color:#bcb9ae}.story-intro .intro-back,.story-intro .vn-skip{z-index:3;background:#18212299;border-radius:30px}.story-intro .vn-skip{padding:9px 14px}.story-intro .btn{min-height:56px;background:linear-gradient(110deg,#ecd9b1,#caaa77);color:#27382d;font:600 16px/1.6 Pretendard;border-radius:9px}.story-intro .vn-choices{display:grid;gap:10px}
.intro-guide-video{object-position:50% 22%;background:#151c20}
/* 2026-10-15 사용자: 「스크롤 안 되게, 하단부터 채워서 올라오도록」 — 인트로는 딱 한 화면.
   맨 아래 버튼 → 그 위 대사 → 남는 높이는 전부 그림. 폰 높이가 달라도 그림만 줄고 늘어난다.
   (버튼을 fixed 로 붙였더니 그림·글이 원래 높이대로 내려가 대사가 버튼 밑에 깔렸다) */
html:has(.story-intro),body:has(.story-intro){height:100%;overflow:hidden;overscroll-behavior:none}
body:has(.story-intro) main{padding-bottom:0;min-height:0}
.intro.story-intro{height:100vh;height:100dvh;min-height:0}
.story-intro .intro-guide-art{flex:1 1 0;min-height:0;height:auto;max-height:none}
.story-intro .intro-body{flex:0 0 auto;padding:28px 26px calc(18px + env(safe-area-inset-bottom))}
.story-intro .intro-quote{min-height:0;margin:0 0 16px;font-size:clamp(19px,5.6vw,24px)}
.story-intro .vn-choices{display:grid;gap:10px}