/* 소개·시리즈·보도 자료 페이지(빌드가 만듦 — tools/exposure.mjs) */
:root{--bg:#090c13;--panel:#111827;--line:rgba(232,220,196,.14);--fg:#efe9de;--fg2:#cfc8bb;--mut:#98a2b3;--gold:#e3b766;--ink:#1c1508;
--sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Noto Sans JP","Noto Sans SC","Noto Sans TC",system-ui,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--sans);overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
.top,main,.langs,footer{max-width:1120px;margin:0 auto;padding:0 16px}
.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:19px;letter-spacing:.02em;text-decoration:none}
.tag{margin:0;color:var(--mut);font-size:13px}
main{padding-top:22px;padding-bottom:8px}
h1{font-size:clamp(23px,5.4vw,36px);line-height:1.25;margin:.2em 0 .5em}
h2{font-size:clamp(18px,3.6vw,24px);margin:1.6em 0 .4em}
h3{font-size:16px;margin:1.4em 0 .4em;color:var(--fg2)}
.lead{color:var(--fg2);margin:.3em 0 1em;max-width:62ch}
.sub,.fine{color:var(--mut);font-size:13.5px;max-width:70ch}
.meta{color:var(--gold);font-weight:700;margin:.1em 0 1em;font-size:14.5px}
.intro{max-width:62ch;margin:.3em 0 1.2em}
.crumb{font-size:13px;color:var(--mut);margin:0 0 .6em}
.stores{display:flex;flex-wrap:wrap;gap:10px;margin:1.1em 0 1.4em;padding:0}
.btn{display:inline-block;padding:11px 16px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;border:1px solid var(--line)}
.btn.play{background:var(--gold);color:var(--ink);border-color:transparent}
.btn.ios{background:#f4f1ea;color:#15110a;border-color:transparent}
.btn.fam{background:#163024;color:#b8e6cd}
.btn.soon{background:#171d29;color:var(--mut)}
.feats{list-style:none;padding:0;margin:.6em 0 1.4em;max-width:70ch}
.feats li{position:relative;padding:7px 0 7px 20px;border-bottom:1px solid var(--line)}
.feats li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.grid{list-style:none;padding:0;margin:1em 0 1.6em;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr))}
.grid>li{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.grid a{display:block;color:inherit;text-decoration:none}
.grid img{width:100%;aspect-ratio:9/16;object-fit:cover}
.ct{display:block;padding:9px 10px 11px}
.ct b{display:block;font-size:14px;line-height:1.35}
.ct i{display:block;font-style:normal;color:var(--mut);font-size:12px;margin-top:3px}
.bg{display:inline-block;margin:6px 4px 0 0;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700}
.bg.co{background:#10323a;color:#9fe3ef}
.bg.fa{background:#2b2410;color:#f0d79a}
.shot{width:100%;max-width:320px;border-radius:16px;border:1px solid var(--line)}
.langs{padding-top:14px;padding-bottom:4px;border-top:1px solid var(--line)}
.langs p{margin:0 0 6px;color:var(--mut);font-size:13px}
.langs ul,.flinks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px}
footer{padding-top:16px;padding-bottom:28px;border-top:1px solid var(--line);margin-top:18px}
footer .fine{margin:12px 0 0}
body.one .grid{grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr))}
.grid.shots{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}
.grid.shots img{aspect-ratio:auto;object-fit:contain}
@media (prefers-reduced-motion:no-preference){a{transition:opacity .15s}a:hover{opacity:.82}}