@import url('./manin-gift.css');
@import url('./manin-responsive.css');
@import url('./manin-regions.css');
@import url('./manin-scroll.css');
@font-face{font-family:'Manin Brush';src:url('/assets/fonts/manin-v1/YeonSung-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Manin Hanja';src:url('/assets/fonts/manin-v1/LXGWWenKaiTC-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3007,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF}
.manin-intro{--mn-ink:#252c2b;--mn-red:#8f2e24;--mn-paper:#f3eee3;--mn-muted:#666960;--mn-title:'Manin Hanja','Manin Brush',serif;background:var(--mn-paper);color:var(--mn-ink);isolation:isolate;overflow:clip;font-family:'Wanted Sans',sans-serif;line-height:1.8}
.manin-intro *{box-sizing:border-box}.manin-intro [hidden]{display:none!important}.manin-intro h1,.manin-intro h2,.manin-intro h3,.manin-intro p,.manin-intro figure{margin:0}.manin-intro a{color:inherit;text-decoration:none}.manin-intro button{font:inherit;cursor:pointer;color:inherit;border:0;box-shadow:none}.manin-intro button:disabled{cursor:default}.manin-intro :is(a,button):focus-visible{outline:3px solid #a64b32;outline-offset:5px}.manin-intro h2{font:400 clamp(36px,4.1vw,65px)/1.28 var(--mn-title);letter-spacing:-.025em;text-wrap:balance}.manin-intro h3{font:400 clamp(28px,2.6vw,40px)/1.4 var(--mn-title);text-wrap:balance}.manin-intro p{word-break:keep-all;overflow-wrap:anywhere}.manin-intro section[id],.manin-intro header[id]{scroll-margin-top:120px}.manin-intro .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mn-section{width:min(1200px,calc(100% - 96px));margin-inline:auto;padding-block:110px}.mn-kicker{display:block;font:400 17px/1.7 var(--mn-title);letter-spacing:.08em;color:var(--mn-red);margin-bottom:22px}.mn-heading{text-align:center;max-width:800px;margin:0 auto 58px}.mn-heading>p{max-width:610px;margin:25px auto 0;color:var(--mn-muted);font-size:17px;line-height:1.9}.mn-picture{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}.mn-picture img{width:100%;height:100%;object-fit:cover;display:block}.mn-brush{display:inline-flex;align-items:center;justify-content:center;background:var(--mn-brush) center/100% 100% no-repeat!important;color:#fff8e8!important;border:0!important;border-radius:0!important;min-height:67px;min-width:198px;padding:14px 32px;font:400 22px/1.3 var(--mn-title)!important;transition:filter .2s,transform .2s;text-align:center}.mn-brush:hover{filter:brightness(1.14);transform:translateY(-2px)}
.mn-cover{position:relative;min-height:760px;height:min(920px,calc(100svh - 50px));background:#efe8d9;overflow:hidden}.mn-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.mn-cover-inner{position:relative;z-index:1;width:min(1440px,100%);height:100%;min-height:inherit;margin:auto;padding:28px 6% 35px;display:flex;flex-direction:column;align-items:flex-start}.mn-back{font-size:12px;letter-spacing:.03em;border-bottom:1px solid #86877c;padding:2px 0;color:#50594f!important}.mn-cover-copy{width:50%;max-width:610px;margin:auto 0;text-align:center;padding-bottom:20px}.mn-cover-copy>.mn-kicker{font-size:17px;margin-bottom:0}.mn-logo{width:100%;height:auto;display:block;margin:-10px auto -20px;mix-blend-mode:multiply}.mn-summary{font:400 clamp(23px,2.3vw,34px)/1.55 var(--mn-title);margin-bottom:20px!important}.mn-genres{font-size:11px!important;margin:17px auto 0!important;max-width:370px;letter-spacing:.05em;opacity:.8}.mn-cover-foot{display:flex;gap:28px;width:100%;font:400 15px var(--mn-title);letter-spacing:.06em;color:#4e574e}.mn-cover-foot span+span{padding-left:28px;border-left:1px solid #9b9e8c}
.mn-nav{position:sticky;top:0;z-index:8;display:flex;justify-content:center;gap:55px;padding:16px 20px;background:#f3eee3f5;backdrop-filter:blur(12px);border-block:1px solid #c9c6ba}.mn-nav a{display:flex;gap:12px;align-items:center;font:400 19px var(--mn-title);white-space:nowrap}.mn-nav i{font-style:normal;color:var(--mn-red);font-size:23px}.mn-nav a:hover{color:var(--mn-red)}
.mn-prologue{padding-bottom:80px}.mn-opening{text-align:center;max-width:760px;margin:auto auto 80px}.mn-lede{font-size:19px;line-height:2.1;margin:28px auto 0!important;max-width:640px}.mn-feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;margin:65px 0}.mn-feature>.mn-picture{box-shadow:0 15px 32px #26262114}.mn-feature-copy p{font-size:17px;line-height:2.05;white-space:normal}.mn-feature-copy h3{margin-bottom:24px}.mn-feature.is-reversed>.mn-picture{order:2}.mn-feature:first-of-type .mn-picture{aspect-ratio:3/2}.mn-feature .mn-kicker{margin-bottom:20px}.mn-cast-section{background:#202b28;color:#eee9da;position:relative}.mn-cast-section .mn-kicker{color:#d5a58b}.mn-cast-section .mn-heading>p{color:#babeb1}.mn-cast-section:before{content:'';position:absolute;inset:0;background:url('/assets/manin-intro-v2/ink-landscape.webp') 80% 30%/cover;opacity:.04;pointer-events:none}.mn-cast-section>.mn-section{position:relative}.mn-faction-tabs{display:flex;align-items:stretch;justify-content:center;gap:10px;margin-bottom:45px;border-bottom:1px solid #6971695c;overflow-x:auto;padding:8px 0 18px;scrollbar-width:thin;scrollbar-color:#8e9a8a transparent}.mn-faction-tabs button{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px;padding:12px 18px;flex-shrink:0;border-radius:0;font-family:var(--mn-title);position:relative}.mn-faction-tabs i{font:400 40px/1 var(--mn-title);color:#aab4a1;margin-bottom:10px}.mn-faction-tabs span{font-size:19px;white-space:nowrap}.mn-faction-tabs button[aria-selected=true]{background:var(--mn-brush) center/100% 100% no-repeat}.mn-faction-tabs button[aria-selected=true] i{color:#f5e7ce}.mn-faction-copy{display:flex;align-items:baseline;gap:32px;margin:0 0 28px}.mn-faction-copy h3{font-size:30px;flex-shrink:0}.mn-faction-copy p{color:#c0c6ba;font-size:14px}.mn-cast-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.mn-person{display:block;min-width:0}.mn-person .mn-picture{background:#303e36;transition:box-shadow .2s}.mn-person:hover .mn-picture{box-shadow:0 0 0 2px #c7a677}.mn-person-caption{display:flex;justify-content:space-between;gap:8px;padding-top:11px;align-items:center}.mn-person-caption b{font:400 24px var(--mn-title)}.mn-person-caption small{font-size:10px;color:#aebaaa;letter-spacing:.1em}.mn-rail-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}.mn-rail-controls>span{font-size:12px;color:#bbc2b2}.mn-rail-controls .mn-brush{display:none;min-width:72px;min-height:48px;font-size:17px!important;padding:8px 18px}
.mn-world{padding-bottom:100px}.mn-map-tools{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto 10px}.mn-map-tools>p{font-size:13px;color:var(--mn-muted)}.mn-map-tools .mn-brush{min-width:115px;min-height:48px;font-size:18px!important;padding:10px 22px}.mn-map-viewport{overflow:auto;max-width:1000px;margin:auto;scrollbar-width:thin;scrollbar-color:#9a7650 transparent;outline-offset:6px}.mn-map-canvas{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden}.mn-map-canvas>img{width:100%;height:100%;object-fit:cover;display:block}.mn-map-viewport.is-zoomed .mn-map-canvas{width:180%;max-width:none}.mn-map-point{position:absolute;transform:translate(-50%,-50%);width:7%;height:7%;min-width:30px;min-height:30px;background:transparent;border:1px solid transparent!important;border-radius:45%!important;transition:box-shadow .2s,background .2s}.mn-map-point:hover,.mn-map-point[aria-pressed=true]{background:#9c35292e;box-shadow:0 0 0 2px #8e3528,0 0 16px 5px #8e352826}.mn-map-point:focus-visible{outline:3px solid #8e3528!important;outline-offset:3px!important}.mn-map-selection{display:flex;gap:18px;align-items:center;justify-content:center;margin:12px auto 30px;padding:15px 10px;border-block:1px solid #c9c2ae;max-width:1000px}.mn-map-selection>span{font-size:12px;color:var(--mn-muted)}.mn-map-selection strong{font:400 30px var(--mn-title);color:var(--mn-red)}.mn-map-selection a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.mn-region-view{scroll-margin-top:120px;max-width:1100px;margin:auto}.mn-region-view figure{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:45px}.mn-region-view .mn-picture{box-shadow:0 16px 35px #362b1922}.mn-region-view figcaption p{font-size:16px;line-height:1.95;margin-top:20px}.mn-region-view h3{font-size:48px}.mn-world-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:45px;text-align:center}.mn-world-facts dd{font:400 36px var(--mn-title);margin:5px}.mn-world-facts p{font-size:13px}
.mn-modes{padding-top:20px}.mn-modes article{border-top:1px solid #c6bca8;padding:30px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px}.mn-mode-portraits{grid-column:2;display:flex;gap:12px}.mn-mode-portraits .mn-picture{width:28%;aspect-ratio:2/3}.mn-legacy{background:#e9e2d2}.mn-legacy-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:55px}.mn-legacy-layout>.mn-picture{aspect-ratio:3/2}.mn-legacy-copy>p{font-size:17px;margin-top:25px;line-height:1.9}.mn-chapters{display:flex;flex-wrap:wrap;gap:10px 20px;font:400 20px var(--mn-title);margin-top:25px;color:var(--mn-red)}.mn-chapters>span+span:before{content:'·';margin-right:20px;color:#756c57}.mn-usernote{max-width:760px;text-align:center;margin:65px auto 0;padding-top:50px;border-top:1px solid #bfb49b}.mn-usernote>p{font-size:17px;line-height:1.95;margin-top:18px}.mn-usernote-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:25px 0 16px}.mn-usernote small{color:#66624f;font-size:12px}.mn-ending{background:#ede8dc url('/assets/manin-intro-v2/ink-landscape.webp') center bottom/cover;text-align:center}.mn-ending .mn-section{padding-block:100px 75px}.mn-ending h2{font-size:clamp(34px,4vw,60px)}.mn-ending p{margin:20px 0 28px;font:400 24px var(--mn-title)}.mn-ending .mn-kicker{font-size:26px}.mn-release{display:inline-block;font:400 25px var(--mn-title);border-block:1px solid #aaa18b;padding:13px 32px}.mn-top{display:block;width:fit-content;margin:35px auto 0;font-size:12px;border-bottom:1px solid #9b9685}.mn-platform{display:flex;gap:15px;align-items:center;justify-content:center;font-size:16px!important}.mn-platform img{object-fit:contain}
.mn-portrait-dialog{background:var(--mn-paper);color:var(--mn-ink);border:0;max-width:900px;width:calc(100% - 40px);max-height:94svh;padding:22px 28px 30px;overflow:auto;box-shadow:0 25px 120px #0008}.mn-portrait-dialog::backdrop{background:#14201bd9;backdrop-filter:blur(6px)}.mn-portrait-dialog form{display:flex;justify-content:flex-end;margin:0 0 10px}.mn-portrait-dialog .mn-brush{min-width:95px;min-height:45px;font-size:18px!important}.mn-portrait-dialog .mn-picture{max-height:70svh;aspect-ratio:4/3}.mn-portrait-dialog .mn-picture img{object-fit:contain}.mn-portrait-dialog h2{text-align:center;font-size:32px;margin-top:15px}.mn-portrait-dialog p{text-align:center;font-size:13px;margin-top:6px}.manin-intro [data-mn-reveal].is-in-view{animation:mn-arrive .7s ease both}@keyframes mn-arrive{from{opacity:.45;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(min-width:1440px){.mn-cast-rail{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.mn-section{width:calc(100% - 48px);padding-block:75px}.mn-cover{height:760px;min-height:680px}.mn-cover-copy{width:65%;max-width:500px}.mn-cover-art{object-position:42% 50%!important}.mn-cover-inner{padding-inline:5%}.mn-cover-foot{font-size:12px;gap:16px}.mn-cover-foot span+span{padding-left:16px}.mn-feature{gap:30px}.mn-cast-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.mn-faction-tabs{justify-content:flex-start}.mn-faction-tabs button{min-width:90px;padding:10px}.mn-region-view figure{gap:25px;grid-template-columns:1.5fr 1fr}.mn-region-view h3{font-size:38px}.mn-legacy-layout{gap:30px;grid-template-columns:1fr 1fr}.mn-legacy-copy h2{font-size:38px}.mn-nav{gap:30px}}
@media(max-width:600px){.mn-section{width:calc(100% - 36px);padding-block:65px}.mn-cover{height:760px;min-height:0;max-height:none}.mn-cover-art{height:100%;object-position:48% 50%!important;opacity:.95}.mn-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f6f0e599 5%,#f6f0e5c9 26%,#f6f0e599 55%,transparent 88%);pointer-events:none}.mn-cover-inner{padding:22px 20px 28px;z-index:2}.mn-cover-copy{width:100%;max-width:430px;margin:65px auto auto;padding-bottom:0}.mn-logo{margin:-10px auto -14px}.mn-cover-copy>.mn-kicker{font-size:14px}.mn-summary{font-size:27px;line-height:1.5}.mn-genres{font-size:10px!important;max-width:290px}.mn-cover-foot{gap:12px;justify-content:center;flex-wrap:wrap;font-size:11px;background:#f3eee3b8;padding:10px 4px}.mn-cover-foot span+span{padding-left:12px}.mn-cover-foot span:last-child{display:none}.mn-back{font-size:11px}.mn-nav{gap:0;justify-content:space-around;padding:12px 7px}.mn-nav a{gap:7px;font-size:17px}.mn-nav i{font-size:20px}.mn-heading{margin-bottom:32px}.mn-heading>p{font-size:15px;margin-top:20px}.mn-kicker{font-size:14px;letter-spacing:.03em;margin-bottom:18px}.mn-opening{margin-bottom:42px}.mn-lede{font-size:16px;line-height:2.05}.mn-feature{grid-template-columns:1fr;gap:25px;margin:38px 0 55px}.mn-feature.is-reversed>.mn-picture{order:0}.mn-feature-copy p{font-size:16px;line-height:1.95}.mn-feature-copy h3{margin-bottom:18px}.mn-faction-tabs{gap:0;margin-inline:-18px;padding:8px 14px 18px;margin-bottom:25px}.mn-faction-tabs button{min-width:85px;padding:8px 12px}.mn-faction-tabs i{font-size:31px;margin-bottom:8px}.mn-faction-tabs span{font-size:17px}.mn-faction-copy{display:block;margin-bottom:20px}.mn-faction-copy h3{font-size:29px;margin-bottom:9px}.mn-faction-copy p{font-size:13px}.mn-cast-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:0 18px 15px;margin-inline:-18px;scrollbar-width:thin;scrollbar-color:#9eae99 transparent}.mn-person{flex:0 0 82%;scroll-snap-align:center}.mn-person-caption b{font-size:25px}.mn-person-caption small{font-size:11px}.mn-rail-controls .mn-brush{display:inline-flex}.mn-rail-controls{gap:12px;margin-top:16px}.mn-rail-controls>span{font-size:11px}.mn-map-tools>p{font-size:12px}.mn-map-tools .mn-brush{min-width:100px;font-size:16px!important}.mn-map-viewport{margin-inline:-9px}.mn-map-viewport.is-zoomed .mn-map-canvas{width:210%}.mn-map-selection{gap:12px;flex-wrap:wrap;padding:12px 5px;margin-bottom:23px}.mn-map-selection strong{font-size:28px}.mn-map-selection>span,.mn-map-selection a{font-size:11px}.mn-region-view figure{grid-template-columns:1fr;gap:23px}.mn-region-view figcaption{text-align:center}.mn-region-view .mn-kicker{margin-bottom:7px}.mn-region-view figcaption p{margin:10px auto 0;max-width:350px;font-size:15px}.mn-modes article{display:block}.mn-modes article p{margin:12px 0}.mn-mode-portraits{margin-top:18px}.mn-legacy-layout{grid-template-columns:1fr;gap:30px}.mn-legacy-layout>.mn-picture{order:-1}.mn-legacy-copy{text-align:center}.mn-legacy-copy h2{font-size:37px}.mn-legacy-copy>p{font-size:16px}.mn-chapters{justify-content:center;font-size:19px}.mn-usernote{margin-top:38px;padding-top:35px}.mn-usernote>p{font-size:16px}.mn-usernote-links{gap:6px}.mn-usernote-links .mn-brush{min-width:150px;min-height:56px;padding:12px 25px;font-size:19px!important}.mn-usernote small{font-size:11px}.mn-ending .mn-section{padding-block:75px 60px}.mn-ending p{font-size:21px}.mn-portrait-dialog{width:calc(100% - 20px);padding:12px 12px 25px}.mn-portrait-dialog .mn-picture{max-height:65svh}.mn-portrait-dialog h2{font-size:28px}}
.mn-map-layer{position:relative;width:100%;height:100%}.mn-map-layer>img{display:block;width:100%;height:100%;object-fit:cover}.mn-brush,.mn-faction-tabs button[aria-selected=true],.mn-map-point:before{background-size:var(--mn-brush-size,100% 100%)!important;background-position:var(--mn-brush-position,50% 50%)!important}
.mn-image-stats{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:15px}.mn-image-stats p{margin-top:20px;color:var(--mn-muted)}.mn-image-stats>div+div{text-align:center}.mn-image-stats strong{font:400 90px var(--mn-title);color:var(--mn-red)}.mn-image-stats span{display:block}.mn-image-stats dl{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.mn-image-stats dt{font-size:13px}.mn-image-stats dd{margin:0;font-size:20px}@media(max-width:600px){.mn-image-stats{grid-template-columns:1fr;text-align:center}.mn-image-stats strong{font-size:68px}}
.mn-nav{top:var(--mn-header,118px)}.manin-intro section[id],.manin-intro header[id],.mn-region-view{scroll-margin-top:calc(var(--mn-header,118px) + 76px)}.mn-faction-tabs{scroll-margin-top:calc(var(--mn-header,118px) + 85px)}
.manin-intro .mn-ending{border:0;padding:0;color:var(--mn-ink)}.manin-intro .mn-ending:after{content:none}
.manin-intro .work-webtoon{background:var(--mn-paper);color:var(--mn-ink);border:0;padding:40px 18px}.manin-intro .work-webtoon>summary,.manin-intro .webtoon-close{background:var(--mn-brush) center/100% 100% no-repeat;color:#fff8e8;border:0;border-radius:0;min-height:70px;max-width:440px;margin:auto;font:400 23px var(--mn-title);justify-content:center}.manin-intro .work-webtoon>summary::marker{content:''}
.mn-map-point{border-radius:0!important;box-shadow:none!important;background:none!important}.mn-map-point:before{content:'';position:absolute;inset:0;background:var(--mn-brush) center/100% 100% no-repeat;opacity:0;transition:opacity .2s;pointer-events:none}.mn-map-point:hover:before,.mn-map-point[aria-pressed=true]:before{opacity:.5}.mn-map-point[aria-pressed=true]{outline:1px solid #8f2e2466;outline-offset:2px}
.mn-map-point[aria-pressed=true]{outline:0}
.mn-sword-entry img{object-fit:fill!important}
.mn-scroll{position:relative;max-width:1000px;margin:42px auto 48px;isolation:isolate}.mn-scroll-window{clip-path:inset(0)}.mn-scroll-rod{position:absolute;z-index:2;left:-4%;width:108%;height:auto;max-width:none;pointer-events:none;translate:0 -50%;filter:drop-shadow(0 6px 5px #30241438)}.mn-scroll-rod.is-top{top:0}.mn-scroll-rod.is-bottom{top:100%}.mn-scroll.mn-motion-ready:not(.is-in-view) .mn-scroll-window{clip-path:inset(50% 0)}.mn-scroll.mn-motion-ready:not(.is-in-view) .mn-scroll-rod{top:50%}.mn-scroll.mn-motion-ready.is-in-view .mn-scroll-window{animation:mn-scroll-open 1.15s cubic-bezier(.19,.7,.23,1) both}.mn-scroll.mn-motion-ready.is-in-view .mn-scroll-rod.is-top{animation:mn-scroll-top 1.15s cubic-bezier(.19,.7,.23,1) both}.mn-scroll.mn-motion-ready.is-in-view .mn-scroll-rod.is-bottom{animation:mn-scroll-bottom 1.15s cubic-bezier(.19,.7,.23,1) both}
.mn-sword-entry{height:clamp(100px,13vw,170px);position:relative;overflow:hidden;pointer-events:none;isolation:isolate}.mn-sword-entry img{position:absolute;width:min(100%,1300px);height:100%;object-fit:contain;left:50%;translate:-50% 0;opacity:.72}.mn-sword-entry+.mn-section{padding-top:30px}.mn-sword-entry.mn-motion-ready:not(.is-in-view) img{opacity:0}.mn-sword-entry.mn-motion-ready.is-in-view img{animation:mn-qi-cut .85s cubic-bezier(.12,.7,.16,1) both}
.mn-motion-skip .mn-scroll-window{clip-path:inset(0)!important;animation:none!important}.mn-motion-skip .mn-scroll-rod,.mn-motion-skip img{animation:none!important}.mn-motion-skip .mn-scroll-rod.is-top{top:0!important}.mn-motion-skip .mn-scroll-rod.is-bottom{top:100%!important}
@keyframes mn-scroll-open{from{clip-path:inset(50% 0)}to{clip-path:inset(0)}}@keyframes mn-scroll-top{from{top:50%}to{top:0}}@keyframes mn-scroll-bottom{from{top:50%}to{top:100%}}@keyframes mn-qi-cut{0%{clip-path:inset(0 100% 0 0);opacity:0;translate:-57% 0}18%{opacity:1}58%{clip-path:inset(0);translate:-50% 0;opacity:1}100%{clip-path:inset(0);translate:-50% 0;opacity:.72}}
@media(max-width:600px){.mn-scroll{margin:24px 0 30px}.mn-scroll .mn-map-viewport{margin-inline:0}.mn-scroll-rod{left:-3%;width:106%}.mn-sword-entry{height:100px}.mn-sword-entry img{width:130%;max-width:none}.mn-sword-entry+.mn-section{padding-top:18px}}@media(max-width:350px){.mn-summary{font-size:24px}}
@media(prefers-reduced-motion:reduce){.manin-intro *, .manin-intro *:before,.manin-intro *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mn-scroll .mn-scroll-window{clip-path:inset(0)!important}.mn-scroll .mn-scroll-rod.is-top{top:0!important}.mn-scroll .mn-scroll-rod.is-bottom{top:100%!important}.mn-sword-entry img{opacity:.72!important}}

/* Scene layers and viewport-bound browsers: control and result share one stage. */
.manin-intro{--mn-nav-height:62px;background:#162321}
/* Each scene has its own rhythm; the illustration's inline crop is untouched. */
.mn-cover.mn-scene-live .mn-logo{animation:mn-title-ink 1.5s cubic-bezier(.2,.65,.2,1) both}
.mn-cover.mn-scene-live .mn-cover-person{animation:mn-swordbearer 1.5s cubic-bezier(.17,.7,.2,1) both}
.mn-cover.mn-scene-live .mn-cover-art{animation:mn-landscape-breathe 22s ease-in-out infinite alternate}
.mn-battle-scene.mn-scene-live .mn-battle-person{animation:mn-assassin-arrive 1.1s cubic-bezier(.14,.78,.16,1) both}
.mn-battle-scene.mn-scene-live .mn-scene-backdrop{animation:mn-landscape-breathe 18s ease-in-out infinite alternate}
.mn-selection-arrive .mn-person{animation:mn-cast-arrive .48s ease both}
.mn-selection-arrive .mn-person:nth-child(2){animation-delay:55ms}.mn-selection-arrive .mn-person:nth-child(3){animation-delay:110ms}.mn-selection-arrive .mn-person:nth-child(4){animation-delay:165ms}
.mn-region-view.mn-selection-arrive .mn-picture{animation:mn-landscape-arrive .65s ease both}.mn-region-view.mn-selection-arrive figcaption{animation:mn-cast-arrive .5s ease both}
@keyframes mn-title-ink{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}
@keyframes mn-swordbearer{from{translate:35px 0;opacity:.3}to{translate:0 0;opacity:1}}
@keyframes mn-assassin-arrive{from{translate:65px 18px;opacity:.2}to{translate:0 0;opacity:1}}
@keyframes mn-landscape-breathe{from{scale:1.015;translate:0 0}to{scale:1.055;translate:-.6% .4%}}
@keyframes mn-cast-arrive{from{translate:18px 0;opacity:.45}to{translate:0 0;opacity:1}}
@keyframes mn-landscape-arrive{from{opacity:.35;scale:1.025}to{opacity:1;scale:1}}
.mn-scene-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.mn-scene-backdrop img{width:100%;height:100%;object-fit:cover;display:block}
.mn-cover{height:calc(100svh - var(--mn-header,118px));min-height:620px;max-height:1000px;background:#b9b7a7;isolation:isolate}
.mn-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9dfcbbd 0%,#e9dfcb72 38%,transparent 60%);pointer-events:none;z-index:0}
.mn-cover-art{z-index:-2}.mn-cover-person{position:absolute;bottom:0;right:-4%;height:100%;width:76%;z-index:0;pointer-events:none;overflow:hidden}
.mn-cover-person img{height:100%;width:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(-20px 12px 30px #17292233)}
.mn-cover-inner{z-index:1;padding-bottom:22px}.mn-cover-copy{width:48%;padding:0}.mn-cover-copy>.mn-kicker{color:#702d24}.mn-cover-foot{width:auto;padding:8px 0;background:transparent}
.mn-opening-scene{position:relative;isolation:isolate;background:transparent;overflow:hidden}
.mn-opening-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ede1cbd9,#ede1cbe0 65%,#ede1cb96)}
.mn-opening-scene .mn-scene-backdrop img{object-position:36% 50%}.mn-prologue{padding:0;margin:0;width:100%}
.mn-opening{margin-bottom:45px}.mn-opening-scene .mn-section{padding-block:85px}.mn-opening-scene .mn-feature{margin:45px 0 0;gap:65px}
.mn-opening-scene .mn-picture{box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mn-battle-scene{height:min(820px,90svh);min-height:620px;position:relative;isolation:isolate;overflow:hidden;color:#f4ead8}
.mn-battle-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101c24df 0%,#101c2496 38%,transparent 68%)}
.mn-battle-person{position:absolute;width:73%;height:100%;right:-4%;bottom:0;pointer-events:none;overflow:hidden;z-index:0}
.mn-battle-person img{width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block;filter:drop-shadow(-18px 12px 30px #0004)}
.mn-battle-copy{position:relative;width:40%;max-width:600px;margin-left:7%;padding-block:100px;z-index:1}.mn-battle-copy h2{font-size:clamp(36px,3.6vw,54px)}
.mn-battle-copy p{font-size:17px;line-height:2;margin-top:30px}.mn-battle-copy .mn-kicker{color:#e6b89b}
.mn-cast-section{height:clamp(480px,calc(100svh - var(--mn-header,118px) - var(--mn-nav-height)),850px);position:relative;isolation:isolate;overflow:hidden}
.mn-cast-section:before{inset:0;opacity:1;background:linear-gradient(90deg,#13221ee6,#13221eb8);z-index:-1}.mn-cast-section .mn-scene-backdrop{opacity:.9}
.mn-cast-browser.mn-section{height:100%;padding:20px 0 16px;display:flex;flex-direction:column;gap:12px;width:min(1320px,calc(100% - 64px))}
.mn-cast-browser .mn-heading{margin:0 auto;flex-shrink:0}.mn-cast-browser .mn-heading .mn-kicker{margin-bottom:4px;font-size:13px}
.mn-cast-browser .mn-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2}.mn-cast-browser .mn-heading>p{margin-top:7px;font-size:13px;line-height:1.45}
.mn-cast-browser .mn-faction-tabs{margin:0;padding:0 0 6px;gap:9px;min-height:48px;flex-shrink:0;scrollbar-width:none}
.mn-cast-browser .mn-faction-tabs button{flex-direction:row;gap:8px;padding:8px 16px;min-width:0;min-height:42px}.mn-cast-browser .mn-faction-tabs i{font-size:24px;margin:0}.mn-cast-browser .mn-faction-tabs span{font-size:18px}
.mn-cast-browser [role=tabpanel]{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
.mn-cast-browser .mn-faction-copy{margin:0;gap:22px;align-items:center;flex-shrink:0}.mn-cast-browser .mn-faction-copy h3{font-size:23px}.mn-cast-browser .mn-faction-copy p{font-size:12px;line-height:1.5}
.mn-cast-browser .mn-cast-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa67f transparent;flex:1;min-height:0;margin:0;padding:3px 2px 9px}
.mn-cast-browser .mn-person{display:flex;flex-direction:column;flex:0 0 calc((100% - 48px)/4);height:100%;scroll-snap-align:start}
.mn-cast-browser .mn-picture{flex:1;min-height:0;aspect-ratio:auto}.mn-cast-browser .mn-picture img{object-fit:cover;object-position:50% 50%}
.mn-cast-browser .mn-person-caption{flex-shrink:0;padding-top:7px}.mn-cast-browser .mn-person-caption b{font-size:22px}.mn-cast-browser .mn-person-caption small{font-size:10px}
.mn-cast-browser .mn-rail-controls{margin:0;gap:20px;height:39px;flex-shrink:0}.mn-cast-browser .mn-rail-controls .mn-brush{display:inline-flex;min-height:38px;min-width:72px;font-size:17px!important;padding:6px 20px}
.mn-world{width:100%;padding:0;height:clamp(430px,calc(100svh - var(--mn-header,118px) - var(--mn-nav-height)),950px);position:relative;isolation:isolate;background:#182823;color:#fff1d9;overflow:hidden}
.mn-region-view{position:absolute;inset:0;margin:0;max-width:none;z-index:-1}.mn-region-view figure{display:block;width:100%;height:100%}.mn-region-view .mn-picture{height:100%;width:100%;aspect-ratio:auto;box-shadow:none}
.mn-region-view .mn-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101d21a8,transparent 85%),linear-gradient(0deg,#101d21d9,transparent 56%)}
.mn-region-view figcaption{position:absolute;bottom:36px;left:5%;width:min(480px,43%);text-align:left}.mn-region-view h3{font-size:58px}.mn-region-view figcaption p{font-size:16px;margin-top:10px;line-height:1.8}.mn-region-view .mn-kicker{color:#dec4a2;margin-bottom:5px}
.mn-world-heading{position:absolute;top:30px;left:5%;width:65%;max-width:760px;pointer-events:none}.mn-world-heading .mn-kicker{color:#e0b58a;margin-bottom:10px}.mn-world-heading h2{font-size:clamp(30px,3.2vw,46px)}.mn-world-heading>p{font-size:14px;line-height:1.8;margin-top:15px;max-width:540px}
.mn-minimap{position:absolute;right:28px;bottom:28px;width:clamp(260px,25vw,380px);background:#182720da;box-shadow:0 12px 40px #0006;padding:9px;border:1px solid #bba37a80;z-index:3;backdrop-filter:blur(6px)}
.mn-minimap .mn-map-tools{margin:0 0 6px;color:#f5ead3;gap:10px}.mn-map-tools strong{font:400 22px var(--mn-title);padding-left:8px}.mn-minimap .mn-map-tools .mn-brush{min-width:68px;min-height:34px;padding:5px 15px;font-size:16px!important}
.mn-minimap .mn-map-viewport{margin:0;overflow:hidden}.mn-minimap .mn-map-point{min-width:15px;min-height:15px;width:6%;height:8%}.mn-minimap .mn-map-point[aria-pressed=true]:before{opacity:.8}
.mn-map-region-list{display:none}.mn-minimap.is-expanded{width:min(650px,calc(100% - 40px));right:20px;bottom:20px;max-height:calc(100% - 40px);display:flex;flex-direction:column;background:#1b2a24f5}
.mn-minimap.is-expanded .mn-map-viewport{min-height:0;flex:1}.mn-minimap.is-expanded .mn-map-canvas{width:100%;max-height:100%;aspect-ratio:4/3}
.mn-minimap.is-expanded .mn-map-point{min-width:25px;min-height:25px}.mn-minimap.is-expanded .mn-map-region-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;max-height:112px;overflow:auto;flex-shrink:0}
.mn-map-region-list button{padding:6px 11px;min-height:35px;background:transparent;border-bottom:1px solid #768476!important;border-radius:0;font-size:13px;flex:1 0 auto}.mn-map-region-list button[aria-pressed=true]{background:var(--mn-brush) center/100% 100% no-repeat}
.mn-world-facts{position:absolute;top:25px;right:25px;font-size:12px;margin:0;gap:12px}.mn-world-facts dd{font-size:24px}
.mn-legacy{position:relative;isolation:isolate;background:transparent;color:#f1e6cf;overflow:hidden}.mn-legacy:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(90deg,#0d1d23d9,#0d1d235e)}
.mn-legacy .mn-kicker,.mn-legacy .mn-chapters{color:#e5b58d}.mn-legacy .mn-section{padding-block:90px}.mn-legacy .mn-usernote{border-color:#c4b89b66}.mn-legacy .mn-usernote small{color:#c6c7b9}.mn-legacy .mn-legacy-layout>.mn-picture{box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.manin-intro .mn-ending{background:#e8dac4 url('/assets/manin-intro-v3/mountain-dusk.webp') center/cover}.mn-ending .mn-section{width:100%;background:#f0e2cbad;padding-inline:20px}
.mn-modes,.mn-image-stats{background:url('/assets/manin-intro-v3/river-night.webp') center/cover;color:#f4ead8;padding-inline:30px}.mn-modes .mn-kicker,.mn-image-stats .mn-kicker{color:#e2b48c}
.home-hero-journey[data-theme=wuxia] .hero-media{isolation:isolate}.mn-home-person{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:75% bottom!important;pointer-events:none;z-index:2}
@media(min-width:1600px){.mn-cast-browser .mn-person{flex-basis:calc((100% - 64px)/5)}}
@media(max-width:900px){.mn-cover-person{width:95%;right:-20%}.mn-cover-copy{width:57%}.mn-cover-foot{font-size:11px}.mn-battle-copy{margin-left:5%;width:44%}.mn-battle-person{right:-20%;width:90%}.mn-cast-browser .mn-person{flex-basis:calc((100% - 32px)/3)}.mn-cast-browser .mn-faction-tabs{justify-content:flex-start}.mn-minimap{width:270px}.mn-world-heading{width:82%}}
@media(max-width:600px){
 .manin-intro{--mn-nav-height:50px}.manin-intro section[id]{scroll-margin-top:calc(var(--mn-header,118px) + 50px)}
 .mn-cover{min-height:640px;height:calc(100svh - var(--mn-header,118px));max-height:850px}.mn-cover-art{opacity:1;object-position:66% 50%!important}.mn-cover:after{background:linear-gradient(180deg,#eadfcbd9,transparent 60%,#13221d66)}
 .mn-cover-person{height:65%;width:130%;right:-20%;bottom:0}.mn-cover-person img{object-position:center bottom}.mn-cover-inner{padding:16px 18px 12px}.mn-cover-copy{width:85%;max-width:330px;margin:20px auto auto}.mn-cover-copy>.mn-kicker{font-size:12px}.mn-logo{margin:-12px auto -20px}.mn-summary{font-size:24px;margin-bottom:10px!important}.mn-cover-copy>.mn-brush{min-height:51px;font-size:20px!important}.mn-genres{font-size:10px!important;margin-top:7px!important}.mn-cover-foot{position:relative;align-self:center;margin-top:auto;color:#fff0d4;background:#192d28bf;padding:7px 14px}
 .mn-opening-scene .mn-section{padding-block:55px}.mn-opening{margin-bottom:25px}.mn-opening h2{font-size:34px}.mn-lede{font-size:15px;line-height:1.95}.mn-opening-scene .mn-feature{margin-top:28px;gap:24px}.mn-opening-scene:after{background:#e9ddc6d9}.mn-feature-copy p{font-size:15px}
 .mn-battle-scene{height:850px;min-height:0;max-height:none}.mn-battle-copy{width:auto;max-width:none;margin:0 23px;padding-top:45px}.mn-battle-copy h2{font-size:35px}.mn-battle-copy p{font-size:15px;margin-top:20px;line-height:1.9}.mn-battle-person{width:133%;right:-21%;height:52%}.mn-battle-scene:after{background:linear-gradient(180deg,#101c24dd 0%,#101c24b3 45%,transparent 74%)}.mn-battle-copy .mn-kicker{font-size:13px}
 .mn-cast-section{height:calc(100svh - var(--mn-header,118px) - 50px);min-height:350px;max-height:730px}.mn-cast-browser.mn-section{padding:12px 0 10px;width:calc(100% - 28px);gap:8px}
 .mn-cast-browser .mn-heading .mn-kicker{font-size:10px;margin-bottom:3px}.mn-cast-browser .mn-heading h2{font-size:26px}.mn-cast-browser .mn-heading>p{font-size:11px;margin-top:4px}
 .mn-cast-browser .mn-faction-tabs{min-height:40px;padding-bottom:4px;gap:2px;margin:0}.mn-cast-browser .mn-faction-tabs button{padding:6px 11px;gap:5px;min-height:36px}.mn-cast-browser .mn-faction-tabs i{font-size:20px}.mn-cast-browser .mn-faction-tabs span{font-size:15px}
 .mn-cast-browser .mn-faction-copy{display:flex;gap:10px;margin:0}.mn-cast-browser .mn-faction-copy h3{font-size:19px;margin:0;flex-shrink:0}.mn-cast-browser .mn-faction-copy p{font-size:11px;line-height:1.4}
 .mn-cast-browser [role=tabpanel]{gap:7px}.mn-cast-browser .mn-cast-rail{gap:11px;padding-bottom:5px}.mn-cast-browser .mn-person{flex-basis:77%}.mn-cast-browser .mn-person-caption{padding-top:5px}.mn-cast-browser .mn-person-caption b{font-size:21px}.mn-cast-browser .mn-rail-controls{height:32px;gap:15px}.mn-cast-browser .mn-rail-controls .mn-brush{min-height:32px;font-size:15px!important}.mn-cast-browser .mn-rail-controls>span{font-size:10px}
 .mn-world{height:calc(100svh - var(--mn-header,118px) - 50px);min-height:350px;max-height:820px}.mn-world-heading{top:21px;left:20px;right:20px;width:auto}.mn-world-heading h2{font-size:28px}.mn-world-heading .mn-kicker{font-size:12px;margin-bottom:7px}.mn-world-heading>p{font-size:11px;line-height:1.7;margin-top:9px;max-width:300px}
 .mn-region-view figcaption{left:18px;bottom:20px;width:calc(100% - 184px)}.mn-region-view h3{font-size:34px}.mn-region-view .mn-kicker{font-size:10px}.mn-region-view figcaption p{font-size:12px;line-height:1.6;margin-top:7px;text-align:left}
 .mn-minimap{right:12px;bottom:18px;width:152px;padding:5px}.mn-map-tools strong{font-size:17px;padding-left:3px}.mn-minimap .mn-map-tools{gap:3px;margin-bottom:4px}.mn-minimap .mn-map-tools .mn-brush{min-width:48px;min-height:31px;font-size:14px!important;padding:4px 9px}.mn-minimap .mn-map-point{min-width:11px;min-height:11px}.mn-minimap.is-expanded{right:10px;bottom:10px;width:calc(100% - 20px);max-height:calc(100% - 20px);padding:8px}.mn-minimap.is-expanded .mn-map-point{min-width:23px;min-height:23px}.mn-minimap.is-expanded .mn-map-region-list{max-height:95px;gap:5px}.mn-map-region-list button{font-size:12px;padding:6px 9px;min-height:33px}
 .mn-legacy .mn-section{padding-block:60px}.mn-legacy-copy h2{font-size:34px}.mn-legacy-copy>p,.mn-usernote>p{font-size:15px}.mn-legacy-layout{gap:25px}.mn-legacy .mn-legacy-layout>.mn-picture{order:0}.mn-usernote{margin-top:35px}
 .mn-home-person{object-position:center bottom!important}
}
@media(max-height:650px) and (max-width:600px){.mn-cast-browser .mn-heading>p{font-size:10px}.mn-cast-browser .mn-heading .mn-kicker{display:none}.mn-cast-browser .mn-heading h2{font-size:23px}.mn-cast-browser .mn-faction-copy p{font-size:10px}.mn-cast-browser .mn-person{flex-basis:62%}.mn-world-heading>p{max-width:280px}.mn-region-view h3{font-size:28px}.mn-region-view figcaption p{font-size:11px}.mn-minimap{width:140px}.mn-region-view figcaption{width:calc(100% - 171px)}}

/* Keep control/result geometry stable even on a short laptop viewport. */
.manin-intro #manin-factions,.manin-intro #manin-world{scroll-margin-top:calc(var(--mn-header,118px) + var(--mn-nav-height))}
.mn-cast-browser .mn-heading{width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;text-align:left;column-gap:24px;align-items:center}
.mn-cast-browser .mn-heading .mn-kicker{grid-column:1/-1}.mn-cast-browser .mn-heading h2{font-size:30px}.mn-cast-browser .mn-heading h2 br{display:none}.mn-cast-browser .mn-heading>p{margin:0;max-width:360px;text-align:right;font-size:12px}
.mn-cast-browser .mn-picture img{object-fit:cover}.mn-cast-browser .mn-person .mn-picture{background:#0d19187a}
.mn-battle-scene>.mn-sword-entry{position:absolute;inset:0 0 auto;height:90px;z-index:2;opacity:.7}
.mn-minimap .mn-scroll{margin:0;max-width:none}.mn-minimap .mn-scroll-rod{width:106%;left:-3%;z-index:4}
.mn-minimap{bottom:88px}.mn-minimap.is-expanded{bottom:88px;max-height:calc(100% - 108px);width:min(650px,calc((100svh - var(--mn-header,118px) - var(--mn-nav-height) - 235px)*1.3333),calc(100% - 40px))}
.mn-minimap.is-expanded .mn-scroll{flex-shrink:0}.mn-minimap.is-expanded .mn-map-region-list{max-height:84px}.mn-minimap .mn-map-tools{position:relative;z-index:5}
@media(max-width:600px){.mn-cast-browser .mn-heading{display:block;text-align:center}.mn-cast-browser .mn-heading h2{font-size:23px}.mn-cast-browser .mn-heading>p{text-align:center;max-width:none;margin-top:3px;font-size:10px}.mn-cast-browser .mn-heading>p br{display:none}.mn-cast-browser .mn-faction-copy{align-items:flex-start}.mn-cast-browser .mn-faction-copy h3{font-size:17px}.mn-cast-browser .mn-faction-copy p{font-size:10px}.mn-minimap{bottom:85px}.mn-minimap.is-expanded{bottom:85px;max-height:calc(100% - 100px);right:10px;width:min(calc(100% - 20px),calc((100svh - var(--mn-header,118px) - var(--mn-nav-height) - 220px)*1.3333))}}
@media(max-height:650px){.mn-cast-browser .mn-heading .mn-kicker{display:none}.mn-cast-browser .mn-heading h2{font-size:23px}.mn-cast-browser .mn-heading>p{font-size:10px}.mn-cast-browser.mn-section{gap:7px;padding-block:10px}.mn-cast-browser .mn-faction-copy{gap:10px}.mn-cast-browser .mn-faction-copy p{font-size:10px}.mn-cast-browser .mn-faction-copy h3{font-size:18px}}

.mn-cast-section,.mn-world{height:calc(100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,0px));min-height:0;max-height:950px;overflow-anchor:none}
.mn-cast-browser .mn-person{justify-content:center}.mn-cast-browser .mn-picture{flex:0 1 auto;aspect-ratio:4/3;max-height:calc(100% - 32px);height:auto;width:100%}
@media(max-width:600px){.mn-minimap{bottom:20px}.mn-minimap.is-expanded{bottom:12px;max-height:calc(100% - 24px);width:min(calc(100% - 20px),calc((100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,64px) - 150px)*1.3333))}.mn-cast-browser .mn-person-caption{padding-bottom:3px}}
#view-home .home-hero-journey[data-theme=wuxia]{background:#c5b69b}
#view-home .home-hero-journey[data-theme=wuxia] .hero-background{background:linear-gradient(90deg,#e6d9bc8c,transparent),url('/assets/manin-intro-v3/mountain-dusk.webp') center/cover!important}
#view-home .home-hero-journey[data-theme=wuxia] .hero-copy::before{display:block;background:linear-gradient(90deg,#e7d9bbf5 30%,#e7d9bbb0 70%,transparent)}
#view-home .home-hero-journey[data-theme=wuxia] .hero-copy{font-family:'Manin Hanja','Manin Brush',serif;color:#2c2923}
#view-home .home-hero-journey[data-theme=wuxia] .hero-copy h1{display:none}
#view-home .home-hero-journey[data-theme=wuxia] .hero-copy>p{color:#332b24;text-shadow:none;font-size:24px}
#view-home .home-hero-journey[data-theme=wuxia] .hero-copy .eyebrow{color:#83392e}
#view-home .home-hero-journey[data-theme=wuxia] .hero-logo{filter:none;mix-blend-mode:multiply}
#view-home .home-hero-journey[data-theme=wuxia] .hero-actions .button{background:transparent url('/assets/manin-intro-v2/brush-control.webp') center/100% 100% no-repeat!important;color:#fff1d6!important;box-shadow:none!important;border:0!important;border-radius:0;font:400 20px 'Manin Brush',serif;padding:12px 26px}
#view-home .home-hero-journey[data-theme=wuxia] .hero-actions .button:before,#view-home .home-hero-journey[data-theme=wuxia] .hero-actions .button:after{display:none}
@media(max-width:800px){#view-home .home-hero-journey[data-theme=wuxia] .hero-copy::before{background:linear-gradient(transparent,#e7d9bbd9 22%,#e7d9bbf5 95%)}#view-home .home-hero-journey[data-theme=wuxia] .hero-copy>p{font-size:21px}#view-home .home-hero-journey[data-theme=wuxia] .hero-media{mask-image:linear-gradient(#000 50%,transparent 100%)!important}#view-home .home-hero-journey[data-theme=wuxia] .hero-media::after{background:none}}
/* User-selected edge-cropped art: tuck cut limbs into the stage, not mid-copy. */
.mn-cover-person{right:-9%;width:77%;mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
.mn-cover-copy{width:44%}
.mn-battle-copy{width:33%;margin-left:7%}
.mn-battle-person{right:-12%;width:72%;mask-image:linear-gradient(90deg,transparent,#000 5%)}
.mn-home-person{mask-image:linear-gradient(90deg,transparent,#000 20%)}
@media(max-width:800px){#view-home .home-hero-journey[data-theme=wuxia] .mn-home-person{object-fit:cover!important;object-position:65% top!important}#view-home .home-hero-journey[data-theme=wuxia] .hero-actions .button{font-size:18px;padding:12px 18px;white-space:nowrap}}
@media(min-width:801px){#view-home .home-hero-journey[data-theme=wuxia] .hero-media{mask-image:linear-gradient(90deg,transparent,#000 22%)}}
@media(min-width:601px) and (max-width:900px){.mn-cover-copy{width:47%}.mn-cover-person{right:-25%;width:97%}.mn-battle-copy{width:37%;margin-left:5%}.mn-battle-person{right:-29%;width:86%}}
@media(max-width:600px){.mn-cover-copy{width:85%}.mn-cover-person{width:138%;right:-24%;height:62%;mask-image:linear-gradient(180deg,transparent,#000 7%)}.mn-battle-copy{width:auto;margin:0 23px}.mn-battle-person{width:145%;right:-33%;height:52%;mask-image:linear-gradient(180deg,transparent,#000 6%)}.mn-home-person{mask-image:none}}
/* Square portraits share the admin's cover + percentage-origin geometry. */
.mn-cast-browser .mn-person{flex:0 0 auto;width:clamp(125px,calc(100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,0px) - 238px),275px);justify-content:flex-start}
.mn-cast-browser .mn-picture{flex:none;aspect-ratio:1;max-height:none;width:100%;height:auto}
.mn-cast-browser .mn-picture img{object-fit:cover!important}
.mn-world{display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,29vw,420px);grid-template-rows:auto 1fr;gap:24px 32px;padding:30px 5%;height:auto;min-height:calc(100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,0px));max-height:none}
.mn-world-heading{position:relative;inset:auto;grid-row:1;grid-column:1;width:auto;max-width:760px;align-self:start}
.mn-world-heading>p{max-width:580px;margin-top:13px}.mn-world-heading h2{font-size:clamp(28px,3vw,46px)}
.mn-region-view,.mn-region-view figure{display:contents}
.mn-region-view .mn-picture{position:absolute;inset:0;z-index:-1}
.mn-region-view figcaption{position:relative;inset:auto;grid-column:1;grid-row:2;width:auto;max-width:560px;align-self:end;margin:0;min-height:130px}
.mn-region-view h3{font-size:48px;line-height:1.15;margin:0}.mn-region-view figcaption p{margin:12px 0 0;max-width:560px;text-align:left}
.mn-world-facts{top:22px;right:5%}.mn-minimap{right:5%;bottom:35px;width:clamp(230px,26vw,370px)}
.mn-minimap.is-expanded{bottom:20px;width:min(600px,calc(100% - 40px));max-height:calc(100% - 40px)}
.mn-minimap.is-expanded .mn-scroll{min-height:0;overflow-y:auto;overflow-x:hidden}.mn-minimap.is-expanded .mn-map-region-list{max-height:96px}
.mn-cover-person{right:-2px;width:69%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 96%,transparent)}
.mn-cover-person img{object-fit:cover;object-position:50% 50%}
#view-home .home-hero-journey[data-theme=wuxia] .mn-home-person{object-fit:cover!important;object-position:unset!important;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 95%,transparent);width:calc(100% + 4px);left:0}
/* The crop itself stays editable; edge treatment is applied to the containing stage. */
#view-home .home-hero-journey[data-theme=wuxia] .mn-home-person{object-position:var(--mn-person-x,50%) var(--mn-person-y,50%)!important}
.work-library-card.theme-wuxia .mn-entry-person{background:#18231f url('/assets/manin-intro-v3/river-night.webp') center/cover}
.work-library-card.theme-wuxia .mn-entry-person img{object-fit:cover;mask-image:linear-gradient(#000 80%,transparent)}
.work-preview-link.mn-entry-link{position:relative;background:#18231f url('/assets/manin-intro-v3/river-night.webp') center/cover}
.work-preview-link.mn-entry-link>img{object-fit:cover;mask-image:linear-gradient(90deg,#000 75%,transparent)}
@media(min-width:801px) and (max-height:700px){.mn-world{padding-block:20px;gap:16px 24px}.mn-world-heading h2{font-size:29px}.mn-world-heading>p{font-size:12px;margin-top:8px}.mn-world-heading .mn-kicker{font-size:12px;margin-bottom:7px}.mn-region-view h3{font-size:35px}.mn-region-view figcaption{min-height:100px}.mn-region-view figcaption p{font-size:13px;line-height:1.5}.mn-minimap{width:230px;bottom:20px}.mn-world-facts{display:none}}
@media(max-width:800px){.mn-world{grid-template-columns:minmax(0,1fr) 170px;gap:22px 16px;padding:24px}.mn-world-heading{grid-column:1/-1;max-width:520px}.mn-region-view figcaption{min-height:155px}.mn-world-heading h2{font-size:30px}.mn-minimap{right:18px;bottom:22px;width:170px}.mn-world-facts{display:none}.mn-cover-person{width:90%;right:-18%}.mn-cast-browser .mn-person{width:clamp(130px,calc(100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,0px) - 244px),250px)}}
@media(max-width:600px){.mn-world{padding:18px;grid-template-columns:minmax(0,1fr) 138px;gap:20px 10px}.mn-world-heading h2{font-size:27px}.mn-world-heading>p{font-size:12px;max-width:100%;margin-top:9px}.mn-world-heading .mn-kicker{font-size:11px}.mn-region-view h3{font-size:29px}.mn-region-view figcaption p{font-size:12px;line-height:1.6}.mn-minimap{right:12px;bottom:18px;width:138px}.mn-region-view figcaption{min-height:160px;align-self:center}.mn-minimap.is-expanded{width:calc(100% - 24px);right:12px;bottom:12px;max-height:calc(100% - 24px)}.mn-cover-person{width:140%;right:-25%;height:62%;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 96%,transparent)}.mn-cast-browser .mn-person{width:clamp(120px,calc(100svh - var(--mn-header,118px) - var(--mn-nav-height) - var(--mn-bottom,0px) - 226px),250px)}.mn-nav{gap:0}.mn-nav a{font-size:15px;gap:4px}.mn-nav i{font-size:18px}}
/* Size portraits from their actual rail, leaving room for names and the scrollbar. */
.mn-cast-browser .mn-cast-rail{container-type:size}
.mn-cast-browser .mn-person{width:clamp(88px,calc(100cqh - 45px),275px);height:auto}
/* Keep names intact; the CN label can move below on a short portrait rail. */
.mn-cast-browser .mn-rail-controls [data-mn-rail]:disabled{opacity:.38;cursor:default}
.mn-cast-browser [data-mn-rail-status]{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:80px;text-align:center}
.mn-cast-browser .mn-person-caption{flex-wrap:wrap;column-gap:8px;row-gap:2px;align-content:flex-start}
.mn-cast-browser .mn-person-caption b,.mn-cast-browser .mn-person-caption small{flex:0 0 auto;white-space:nowrap;line-height:1.1}
.mn-cast-browser .mn-cast-rail{max-height:320px}
.mn-cast-browser .mn-person.has-hook{width:clamp(110px,calc(100cqh - 88px),250px)}
.mn-person-hook{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.5;color:#ddd5be;height:36px;margin-top:7px;flex-shrink:0;word-break:keep-all;overflow-wrap:anywhere}
.mn-related{margin-top:18px;position:relative;z-index:1}
.mn-related>span{display:block;font-size:11px;letter-spacing:.08em;color:#dcc3a3;margin-bottom:8px}
.mn-related>div{display:flex;gap:18px;flex-wrap:wrap}
.mn-related a{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:#fff3d8;text-decoration:none}
.mn-related a:hover b,.mn-related a:focus-visible b{text-decoration:underline;text-underline-offset:5px}
.mn-related b{font:400 19px var(--mn-title);white-space:nowrap}
.mn-related-face{width:44px;height:44px;overflow:hidden;display:block;flex-shrink:0}
.mn-related-face img{width:100%;height:100%;object-fit:cover}
.mn-region-view figcaption .mn-region-tension{font-size:13px;color:#f0c697;margin-top:12px;border-left:2px solid #b5744b;padding-left:10px}
.mn-story{position:relative;isolation:isolate;color:#f4ead7;background:#172822;overflow:hidden}
.mn-story-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.mn-story-backdrop img{width:100%;height:100%;object-fit:cover}
.mn-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1d23ef,#0d1d23a8 65%,#0d1d2380)}
.mn-story-inner{width:min(900px,90%);margin:auto;padding:65px 0;display:grid;gap:24px}
.mn-story .mn-kicker{color:#dfb58c}.mn-story h2{font-size:clamp(29px,4vw,44px)}
.mn-story-scene{max-width:660px;margin-top:18px;line-height:1.85;font-size:16px}
.mn-story-list{display:flex;gap:12px;flex-wrap:wrap}
.mn-story-list .mn-brush{min-width:115px;min-height:44px;padding:9px 18px;font-size:20px!important;opacity:.6}
.mn-story-list [aria-selected=true]{opacity:1;filter:brightness(1.35);text-decoration:underline;text-underline-offset:6px}
.mn-story-panels{display:grid;min-height:205px}
.mn-story-panels>[role=tabpanel]{grid-area:1/1;max-width:680px;outline-offset:6px}
.mn-story-panels>[hidden]{display:none}
.mn-story blockquote{font:400 clamp(25px,3vw,34px)/1.45 var(--mn-title);margin:0 0 16px;color:#ffe2af;word-break:keep-all}
.mn-story-panels p{font-size:15px;line-height:1.85;max-width:620px}
.mn-story-note{font-size:11px;line-height:1.6;color:#b8c2b6}
@media(max-width:800px){.mn-region-view .mn-related-face{display:none}.mn-region-view .mn-related>div{gap:0 12px}.mn-region-view .mn-related b{font-size:17px}.mn-region-view .mn-related{margin-top:12px}}
@media(max-width:600px){.mn-region-view figcaption .mn-region-tension{font-size:11px;line-height:1.6;margin-top:9px;padding-left:7px}.mn-region-view .mn-related>span{font-size:10px;margin-bottom:0;letter-spacing:0}.mn-region-view .mn-related a{min-height:32px}.mn-region-view .mn-related b{font-size:16px}.mn-story-inner{padding:30px 0;gap:16px;width:calc(100% - 36px)}.mn-story-scene{font-size:13px;margin-top:12px;line-height:1.75}.mn-story-list{gap:4px;flex-wrap:nowrap}.mn-story-list .mn-brush{flex:1;min-width:0;padding:8px 5px;font-size:18px!important}.mn-story blockquote{font-size:25px;margin-bottom:12px}.mn-story-panels{min-height:220px}.mn-story-panels p{font-size:13px;line-height:1.7}.mn-story .mn-related{margin-top:14px}.mn-story .mn-kicker{font-size:11px}.mn-story-note{font-size:10px}.mn-story .mn-related-face{width:36px;height:36px}.mn-story h2{font-size:28px}}
@media(max-width:800px){.mn-cast-browser .mn-cast-rail{max-height:295px}}
@media(max-width:600px){.mn-world{padding-block:14px;row-gap:12px}.mn-world-heading h2{font-size:25px}.mn-region-view figcaption{min-height:140px}}
/* Current copy loads this glyph-identical subset; new Hanja uses the full face above. */
@font-face{font-family:'Manin Hanja';src:url('/assets/fonts/manin-v2/LXGWWenKaiTC-Intro.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3007,U+4E00,U+4E0A,U+4E4B,U+4E8C,U+4E94,U+4EBA,U+50CF,U+5341,U+5546,U+5883,U+5916,U+5C71,U+5C90,U+5E74,U+5E8F,U+5FD7,U+614B,U+6B63,U+6C5F,U+6CB3,U+6E56,U+767E,U+7687,U+7AE0,U+7DE3,U+7FA4,U+842C,U+8840,U+8DEF,U+907A,U+90AA,U+9B54}