@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b111a;--bg2:#101925;--card:#141f2c;--card2:#192634;--edge:#34404e;--edge2:#263342;--ink:#f0ede7;--muted:#abb2bd;--quiet:#758697;--brass:#dbb58e;--gold:#f2d3a5;--wine:#aa5c5c;--blue:#9eabbc;--shade:rgba(3,8,15,.77);--overlay:rgba(6,10,17,.82);--shadow:0 24px 70px rgba(0,0,0,.27);--serif:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;--sans:'Noto Sans KR',system-ui,sans-serif;--latin:'DM Sans',sans-serif}
html[data-theme=light]{color-scheme:light;--bg:#f1eee8;--bg2:#f7f4ef;--card:#fffdf9;--card2:#eee8df;--edge:#d7d0c7;--edge2:#e4dcd2;--ink:#1f2936;--muted:#647080;--quiet:#8d8b88;--brass:#95553f;--gold:#854e3b;--wine:#b96e5c;--blue:#6b7a8c;--shade:rgba(241,238,232,.9);--overlay:rgba(24,28,34,.65);--shadow:0 24px 75px rgba(30,35,41,.11)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.8;font-size:14px;-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brass);outline-offset:3px}::selection{background:#ad675c;color:white}em,i{font-style:normal;color:var(--brass)}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 56px));margin:0 auto}.muted{color:var(--quiet)}
.top-ribbon{height:25px;display:flex;gap:20px;align-items:center;padding:0 max(28px,calc((100% - 1180px)/2));font-family:var(--latin);font-size:9px;letter-spacing:.24em;color:var(--brass);background:#060b12;border-bottom:1px solid #282e36}.ribbon-stretch{flex:1}.site-header{z-index:50;position:sticky;top:0;display:flex;align-items:center;gap:34px;min-height:74px;padding:0 max(28px,calc((100% - 1180px)/2));border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;min-width:278px}.brand-mark{height:43px;width:43px;flex:none;display:grid;place-items:center;border:1px solid var(--brass);border-radius:50%;font:600 24px/1 Georgia,serif;color:var(--brass);position:relative}.mark-cut{position:absolute;font-size:8px;right:-4px;bottom:-1px;background:var(--bg);padding:2px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-family:var(--serif);font-weight:600;font-size:13px;line-height:1.55;letter-spacing:-.02em}.brand-copy small{font:600 9px/1.5 var(--latin);letter-spacing:.26em;color:var(--brass)}.top-nav{height:74px;display:flex;align-items:stretch;gap:22px;margin-left:auto}.top-nav a{font-size:12px;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap}.top-nav a em{font:600 9px var(--latin);color:var(--quiet)}.top-nav a:hover,.top-nav a.active{color:var(--ink);border-color:var(--brass)}.header-actions{display:flex;gap:8px}.square-button{background:transparent;border:1px solid var(--edge);width:37px;height:37px;color:var(--ink);font-size:19px;display:grid;place-items:center}.square-button:hover{border-color:var(--brass);color:var(--brass)}.mobile-menu{display:none}
.hero{position:relative;min-height:690px;overflow:hidden;display:flex;flex-direction:column;background:#090d14;color:#f6f2e8}.hero-image{position:absolute;inset:0 0 0 26%;overflow:hidden}.hero-image img{height:100%;object-fit:cover;object-position:center}.hero::before{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#080e17 5%,rgba(8,14,23,.97) 27%,rgba(8,14,23,.56) 58%,rgba(8,14,23,.2) 100%),linear-gradient(0deg,#0b111a,transparent 36%,rgba(0,0,0,.18));z-index:1}.hero::after{content:'';position:absolute;z-index:1;right:7%;top:17%;width:280px;height:280px;border:1px solid rgba(255,218,176,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(230,194,157,.02),0 0 0 72px rgba(230,194,157,.02);pointer-events:none}.hero-ornament{position:absolute;z-index:1;color:rgba(236,195,155,.11);pointer-events:none}.hero-ornament-a{font:normal 280px/1 Georgia,serif;right:6%;bottom:9%}.hero-ornament-b{font-size:35px;right:15%;top:20%}.hero-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:65px;padding-bottom:40px}.eyebrow{font:700 11px var(--latin);letter-spacing:.23em;color:var(--gold);display:flex;align-items:center;gap:14px}.eyebrow-line{height:1px;width:36px;background:var(--brass)}.hero-kicker{font-size:12px;letter-spacing:.12em;color:#d8bbb0;margin:28px 0 16px}.hero h1{font:600 clamp(34px,4.6vw,66px)/1.43 var(--serif);letter-spacing:-.07em;margin:0;max-width:870px;text-wrap:balance}.hero h1 span{color:#d9c19d}.hero h1 i{color:#df9d92}.hero-lede{color:#c0c1c2;line-height:2;font-size:15px;margin:24px 0 31px}.hero-lede strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid #a78670;font-size:12px;padding:14px 19px;min-height:48px;font-weight:600;transition:.2s}.btn-primary{background:#a76557;color:#fff;border-color:#a76557}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-outline{background:rgba(5,10,17,.25);color:#f1e8dd}.btn span{font:18px Georgia,serif}.hero-metadata{display:flex;gap:32px;margin-top:55px;color:#bdad9d}.hero-metadata span{display:flex;gap:8px;align-items:baseline;font:600 22px Georgia,serif;color:var(--gold)}.hero-metadata strong{font:400 11px var(--sans);color:#bcc0c7}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 0 22px;color:#afa69d;font:600 10px var(--latin);letter-spacing:.24em;border-top:1px solid rgba(255,255,255,.14)}.scroll-indicator{height:20px;width:1px;background:var(--brass)}
.section-nav-wrap{position:sticky;top:74px;z-index:40;background:var(--bg2);border-bottom:1px solid var(--edge);box-shadow:0 9px 30px rgba(0,0,0,.05)}.section-nav{display:grid;grid-template-columns:repeat(4,1fr)}.section-nav a{display:flex;justify-content:center;align-items:center;gap:13px;height:58px;border-bottom:2px solid transparent;color:var(--muted);font-size:12px}.section-nav a span{font:600 10px var(--latin);color:var(--quiet)}.section-nav a.active,.section-nav a:hover{color:var(--ink);border-bottom-color:var(--brass)}.section{padding:103px 0 117px;scroll-margin-top:110px}.world-section{background:var(--bg)}.atlas-section{background:var(--bg2)}.characters-section{background:var(--bg)}.story-section{background:var(--bg2)}.section-heading{margin-bottom:44px;max-width:770px}.section-heading.center{text-align:center;margin:0 auto 54px}.section-heading.center .eyebrow{justify-content:center}.section-heading h2{font:600 clamp(29px,3.4vw,45px)/1.6 var(--serif);letter-spacing:-.065em;margin:17px 0 13px}.section-heading p{margin:0;color:var(--muted);line-height:2;font-size:14px}.eyebrow.dim{color:var(--brass)}.section-heading.split{display:flex;max-width:none;justify-content:space-between;align-items:end}.large-num{font:600 102px/1 Georgia,serif;letter-spacing:-.08em;color:var(--brass);display:flex;align-items:end;gap:18px}.large-num span{font:600 9px/1.7 var(--latin);letter-spacing:.12em;padding-bottom:11px;color:var(--quiet)}
.world-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--edge)}.world-feature{min-height:370px;position:relative}.feature-image{overflow:hidden;background:#111824}.feature-photo{height:100%}.feature-photo img{height:100%;object-fit:cover}.feature-image::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,5,12,.9),transparent 65%)}.feature-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 34px;color:#f8f3eb}.feature-overlay span,.card-topline{font:700 10px var(--latin);letter-spacing:.19em;color:#e3b698}.feature-overlay h3{font:600 26px var(--serif);margin:10px 0}.feature-overlay p{color:#e0e0e3;margin:0;font-size:12px}.feature-copy{padding:37px 41px;background:var(--card);display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font:600 clamp(20px,2.2vw,29px)/1.55 var(--serif);letter-spacing:-.04em;margin:13px 0}.feature-copy p{color:var(--muted);font-size:13px;line-height:2;margin:0}.fine-rule{height:1px;background:var(--edge);margin:26px 0 18px}.feature-copy dl{margin:0}.feature-copy dl div{display:flex;gap:25px;margin-bottom:9px}.feature-copy dt{min-width:67px;color:var(--quiet);font-size:11px}.feature-copy dd{margin:0;font-size:12px}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.facts-grid article{padding:29px 22px;background:var(--card);border:1px solid var(--edge2);min-height:226px}.fact-icon{font:27px Georgia,serif;color:var(--brass);margin-bottom:22px}.facts-grid span{font:600 9px var(--latin);letter-spacing:.12em;color:var(--quiet)}.facts-grid h3{font:600 17px var(--serif);margin:10px 0 9px}.facts-grid p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.world-quote{margin-top:51px;text-align:center;padding:38px 18px 44px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.world-quote span{display:block;color:var(--muted);font-size:12px}.world-quote strong{font:600 24px/1.8 var(--serif);display:block;margin:14px 0 10px}.world-quote small{font:600 10px var(--latin);letter-spacing:.2em;color:var(--brass)}
.atlas-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:20px;align-items:stretch}.atlas-map-panel,.atlas-info{min-width:0;background:var(--card);border:1px solid var(--edge)}.panel-head{height:59px;border-bottom:1px solid var(--edge);padding:0 23px;display:flex;align-items:center;justify-content:space-between}.panel-kicker{font:600 11px var(--latin);letter-spacing:.16em;color:var(--brass)}.index-badge{font:600 9px var(--latin);color:var(--muted);border:1px solid var(--edge);padding:6px 10px;letter-spacing:.15em}.map-wrap{position:relative;aspect-ratio:900/650;background:radial-gradient(circle at center,#253443,#111c28 80%);overflow:hidden}.map-art{display:block;width:100%;height:100%;color:#96a9b8}.map-points{position:absolute;inset:0}.map-pin{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:#f7e6d1;text-align:center;min-width:80px}.map-pin-dot{width:13px;height:13px;display:block;margin:auto;border-radius:50%;border:3px solid #d2ad90;background:#2a3341;box-shadow:0 0 0 5px rgba(217,173,144,.11);transition:.2s}.map-pin-label{display:block;font-size:11px;font-weight:600;margin-top:8px;text-shadow:0 2px 5px #04070c;white-space:nowrap}.map-pin:hover .map-pin-dot,.map-pin.active .map-pin-dot{transform:scale(1.5);background:#d2ad90;box-shadow:0 0 0 8px rgba(217,173,144,.16)}.map-pin.active .map-pin-label{color:#ffd7ac}.map-compass{position:absolute;right:27px;top:22px;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 11px var(--latin);color:#cfb699}.map-compass span{font-size:29px}.map-foot{padding:14px 20px;display:flex;gap:14px;justify-content:space-between;border-top:1px solid var(--edge);font-size:10px;color:var(--quiet)}.map-foot strong{color:var(--brass)}.atlas-info{padding:0;overflow:hidden}.atlas-info-img{height:175px;position:relative;background:linear-gradient(135deg,#21364b,#0d141e);overflow:hidden;display:grid;place-items:center}.atlas-info-img img{height:100%;object-fit:cover;filter:brightness(.76)}.atlas-info-img .atlas-symbol{position:absolute;font:600 100px/1 Georgia,serif;color:rgba(247,231,213,.38)}.atlas-info-body{padding:25px 26px 28px}.location-eyebrow{font:600 10px var(--latin);color:var(--brass);letter-spacing:.16em}.atlas-info h3{font:600 25px var(--serif);margin:10px 0 7px}.atlas-tagline{font-size:12px;color:var(--brass);margin:0 0 17px}.atlas-description{font-size:12px;color:var(--muted);line-height:2;margin:0 0 21px}.related-head{font-size:11px;color:var(--quiet);border-top:1px solid var(--edge);padding-top:17px;margin-bottom:11px}.related-people{display:flex;gap:6px;flex-wrap:wrap}.person-pill{font-size:10px;color:var(--ink);border:1px solid var(--edge);background:var(--bg2);padding:6px 9px}.person-pill:hover{border-color:var(--brass)}.location-cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:var(--brass);background:transparent;border:0;border-bottom:1px solid var(--brass);padding:0 0 5px;font-size:11px}.location-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.location-chip{font-size:11px;color:var(--muted);padding:9px 15px;border:1px solid var(--edge);background:var(--card)}.location-chip.active,.location-chip:hover{border-color:var(--brass);color:var(--brass)}
.characters-tools{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:16px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.search-field{min-width:275px;flex:1;max-width:480px;display:flex;align-items:center;border:1px solid var(--edge);background:var(--card);height:44px;padding:0 14px;gap:11px}.search-field:focus-within{border-color:var(--brass)}.search-field>span{font-size:24px;color:var(--quiet)}.search-field input{border:0;outline:0!important;background:transparent;color:var(--ink);flex:1;width:100%;min-width:0;font-size:12px}.search-field input::placeholder{color:var(--quiet)}.search-field kbd{border:1px solid var(--edge);font:10px var(--latin);padding:4px 6px;color:var(--quiet)}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--edge);background:transparent;color:var(--muted);padding:10px 13px;font-size:11px}.filter small{font:600 10px var(--latin);margin-left:5px;color:var(--quiet)}.filter.active,.filter:hover{border-color:var(--brass);color:var(--brass);background:color-mix(in srgb,var(--brass) 8%,transparent)}.characters-subhead{display:flex;justify-content:space-between;padding:23px 0 20px;font-size:12px;color:var(--ink)}.mini-diamond{font-size:9px;color:var(--brass)}.text-button{border:0;background:none;color:var(--quiet);font-size:11px}.text-button:hover{color:var(--brass)}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.character-card{padding:0;border:1px solid var(--edge2);background:var(--card);text-align:left;color:var(--ink);min-width:0;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.character-card:hover{transform:translateY(-5px);border-color:var(--brass);box-shadow:var(--shadow)}.character-portrait{aspect-ratio:4/4.65;overflow:hidden;position:relative;background:linear-gradient(125deg,#34404b,#151d28);display:flex;align-items:center;justify-content:center}.character-portrait img{height:100%;object-fit:cover;object-position:center top;transition:transform .4s}.character-card:hover .character-portrait img{transform:scale(1.055)}.image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(135deg,#263341,#101925);color:#9ba1ad}.image-fallback b{font:600 65px Georgia,serif;letter-spacing:-.08em;color:#b59e8a}.image-fallback span{font:600 10px var(--latin);letter-spacing:.15em}.character-corner{position:absolute;left:10px;top:10px;background:rgba(4,8,13,.83);font:600 10px var(--latin);letter-spacing:.08em;color:#e5ccb2;padding:5px 9px;z-index:2}.character-card-copy{padding:17px 15px 20px}.character-card-copy h3{font:600 16px var(--serif);line-height:1.65;margin:0 0 5px}.character-card-copy p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.character-card-copy .card-area{margin-top:11px;font-size:10px;color:var(--quiet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card-copy .card-more{margin-top:12px;color:var(--brass);font-size:10px;letter-spacing:.02em}.empty-state{border:1px dashed var(--edge);text-align:center;color:var(--muted);padding:70px 0;font-size:13px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-card{border:1px solid var(--edge);padding:0;background:var(--card);text-align:left;color:var(--ink);min-width:0;overflow:hidden;transition:.2s}.story-card:hover{border-color:var(--brass);transform:translateY(-4px)}.story-picture{aspect-ratio:1.6/1;position:relative;overflow:hidden;background:linear-gradient(130deg,#2b3949,#11161e)}.story-picture img{height:100%;object-fit:cover;transition:transform .3s}.story-card:hover .story-picture img{transform:scale(1.045)}.story-num{position:absolute;left:20px;bottom:5px;color:#f4eee6;font:500 55px Georgia,serif;text-shadow:0 3px 8px #141414}.story-copy{padding:24px 25px 27px}.story-copy>span{font:600 10px var(--latin);letter-spacing:.16em;color:var(--brass)}.story-copy h3{font:600 22px var(--serif);margin:10px 0}.story-copy p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 19px;min-height:50px}.story-copy small{font-size:10px;color:var(--brass)}.ending-panel{border:1px solid var(--edge);display:flex;align-items:center;gap:34px;margin-top:55px;padding:33px 45px;background:var(--card)}.ending-symbol{font:600 95px Georgia,serif;color:var(--brass);opacity:.7}.ending-panel>div:nth-child(2){flex:1}.ending-panel h3{font:600 23px/1.75 var(--serif);margin:10px 0}.ending-panel p{color:var(--muted);margin:0;font-size:12px}.ending-panel .btn{color:var(--ink);white-space:nowrap;background:transparent}
.site-footer{background:#070d14;color:#e3e1dc;border-top:1px solid #34404e;padding:49px 0 18px}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:50px}.footer-brand{min-width:0}.footer-right{text-align:right;max-width:470px;color:#96a0ad;font-size:11px}.footer-right p{margin:0 0 8px}.footer-right a{color:#d2a989;border-bottom:1px solid #9a7760;display:inline-block;margin-top:12px}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #2c3643;padding-top:15px;color:#728092;font:600 10px var(--latin);letter-spacing:.15em}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--overlay);backdrop-filter:blur(8px);display:grid;place-items:center;padding:28px}.dialog{position:relative;width:min(960px,100%);max-height:min(90vh,950px);overflow:auto;background:var(--bg2);border:1px solid var(--edge);box-shadow:0 40px 110px rgba(0,0,0,.42);color:var(--ink)}.dialog-close{position:sticky;float:right;top:14px;right:14px;z-index:5;width:35px;height:35px;background:var(--card);color:var(--ink);border:1px solid var(--edge);margin:13px 14px -49px 0}.dialog-close:hover{color:var(--brass);border-color:var(--brass)}.dialog-top{padding:34px 37px 24px;border-bottom:1px solid var(--edge)}.dialog-kicker{font:600 10px var(--latin);letter-spacing:.18em;color:var(--brass)}.dialog-top h2{font:600 32px var(--serif);margin:10px 0 6px}.dialog-top p{font-size:12px;color:var(--muted);margin:0}.dialog-content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;align-items:start}.dialog-portrait{min-height:350px;height:100%;background:var(--card);position:relative;overflow:hidden}.dialog-portrait img{height:100%;object-fit:cover;object-position:top}.dialog-info{padding:30px 34px 35px}.dialog-info .lead{font:600 17px/1.8 var(--serif);margin:4px 0 16px}.dialog-info p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 16px}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:20px 0;margin:22px 0}.profile-details div{min-width:0}.profile-details b{display:block;color:var(--quiet);font-size:10px;font-weight:500;margin-bottom:5px}.profile-details span{display:block;font-size:12px;line-height:1.6}.lore-fact{padding:12px 16px;border-left:2px solid var(--brass);background:var(--card);margin-bottom:15px;font-size:12px;line-height:1.9;color:var(--muted)}.lore-fact strong{color:var(--brass)}.gallery-section{padding:26px 36px 36px;border-top:1px solid var(--edge)}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.gallery-head h3{font:600 18px var(--serif);margin:0}.gallery-head small{font:10px var(--latin);color:var(--quiet)}.gallery-tabs{display:flex;gap:5px;margin-bottom:17px;flex-wrap:wrap}.gallery-tab{padding:8px 12px;background:var(--card);border:1px solid var(--edge);color:var(--muted);font-size:11px}.gallery-tab.active{background:var(--brass);border-color:var(--brass);color:var(--bg)}.gallery-feature{display:grid;grid-template-columns:1fr 140px;gap:12px;min-height:270px}.gallery-big{position:relative;background:var(--card);min-height:280px;display:grid;place-items:center;overflow:hidden}.gallery-big img{height:100%;max-height:450px;object-fit:contain}.gallery-big button{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #b4a18e;background:rgba(5,8,12,.68);color:#fff;font-size:20px;width:37px;height:45px}.gallery-big button:hover{background:#815549}.gallery-big .prev{left:10px}.gallery-big .next{right:10px}.gallery-feature-info{padding:15px;background:var(--card);display:flex;flex-direction:column;gap:14px}.gallery-feature-info b{color:var(--brass);font:600 13px var(--latin)}.gallery-feature-info p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.gallery-grid{margin-top:13px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto}.gallery-thumb{padding:0;background:var(--card);border:2px solid transparent;position:relative;aspect-ratio:1/1.2;overflow:hidden;color:var(--ink)}.gallery-thumb.active{border-color:var(--brass)}.gallery-thumb img{height:100%;object-fit:cover}.gallery-thumb span{position:absolute;left:3px;bottom:3px;padding:2px 5px;color:#fff;background:rgba(0,0,0,.68);font:600 9px var(--latin)}.adult-gate{padding:29px;background:var(--card);border:1px dashed var(--edge);text-align:center}.adult-gate strong{font:600 17px var(--serif)}.adult-gate p{font-size:12px;color:var(--muted);line-height:1.9}.adult-gate button{padding:11px 20px;border:1px solid var(--brass);background:transparent;color:var(--brass);font-size:12px}.gallery-foot{margin-top:12px;color:var(--quiet);font-size:10px}.story-dialog{width:min(720px,100%)}.story-modal-img{width:100%;max-height:350px;object-fit:cover;background:var(--card)}.story-modal-copy{padding:30px 38px 43px}.story-modal-copy h2{font:600 30px var(--serif);margin:13px 0}.story-modal-copy p{color:var(--muted);line-height:2.1;font-size:13px}.story-modal-quote{margin:25px 0;padding:19px 24px;border-left:2px solid var(--brass);font:500 16px/2 var(--serif);background:var(--card)}.story-dialog .next-story{background:transparent;border:1px solid var(--edge);padding:10px 15px;color:var(--brass);margin-top:10px}.toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translateX(-50%);background:#202c36;color:#fff;padding:11px 20px;border:1px solid #897563;box-shadow:var(--shadow);font-size:12px;pointer-events:none}.auto-fallback.image-error{opacity:0;visibility:hidden}.image-error-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#293543,#111923);color:#b7a28d;text-align:center;font:600 14px var(--serif);padding:15px}
@media(max-width:1100px){.site-header{gap:12px}.top-nav{gap:12px}.brand{min-width:240px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.atlas-layout{grid-template-columns:1.3fr .8fr}.large-num{font-size:77px}}@media(max-width:850px){.site-header{padding:0 22px}.top-nav{gap:12px}.top-nav a em{display:none}.brand{min-width:205px}.brand-copy strong{font-size:11px}.hero{min-height:640px}.hero-image{left:10%}.section{padding:74px 0 88px}.atlas-layout{grid-template-columns:1fr}.atlas-info{display:grid;grid-template-columns:220px 1fr}.atlas-info-img{height:100%}.facts-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:10px}.story-copy{padding:17px}.story-copy h3{font-size:18px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ending-panel{padding:22px;gap:15px}.ending-symbol{font-size:67px}}@media(max-width:650px){html{scroll-padding-top:112px}.shell{width:min(100% - 34px,500px)}.top-ribbon{height:20px;padding:0 17px;font-size:8px}.site-header{min-height:65px;padding:0 17px;top:0}.brand{min-width:0;flex:1}.brand-mark{height:39px;width:39px;font-size:20px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:8px}.top-nav{display:none;position:absolute;top:65px;left:0;right:0;margin:0;height:auto;padding:10px 18px 18px;background:var(--bg2);border-bottom:1px solid var(--edge);box-shadow:var(--shadow)}.top-nav.menu-open{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.top-nav a{border:1px solid var(--edge);padding:12px 16px}.top-nav a.active{border-color:var(--brass)}.mobile-menu{display:grid}.hero{min-height:600px}.hero-image{inset:0}.hero::before{background:linear-gradient(90deg,rgba(7,12,21,.91),rgba(7,12,21,.65)),linear-gradient(0deg,#0b111a,transparent 55%)}.hero::after{width:180px;height:180px;right:-50px}.hero-inner{padding-top:34px;padding-bottom:23px}.eyebrow{font-size:9px}.hero-kicker{margin:21px 0 14px}.hero h1{font-size:clamp(28px,7.7vw,39px);line-height:1.6}.hero-lede{font-size:12px}.hero-lede br{display:none}.hero-actions{gap:8px}.btn{padding:11px 14px;font-size:11px;gap:15px;min-height:44px}.hero-metadata{gap:18px;margin-top:40px;flex-wrap:wrap}.hero-metadata span{font-size:18px}.hero-bottom{font-size:8px}.section-nav-wrap{top:65px}.section-nav a{height:50px;font-size:11px;gap:4px}.section-nav a span{font-size:9px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:29px;line-height:1.55}.section-heading p{font-size:12px}.world-feature-grid{grid-template-columns:1fr}.world-feature{min-height:290px}.feature-copy{padding:28px}.facts-grid{gap:8px}.facts-grid article{padding:21px 16px;min-height:210px}.fact-icon{margin-bottom:12px}.world-quote strong{font-size:21px}.atlas-info{display:block}.atlas-info-img{height:175px}.atlas-map-panel .panel-head{padding:0 15px}.panel-kicker{font-size:9px}.map-pin{min-width:50px}.map-pin-label{font-size:9px}.map-pin-dot{height:11px;width:11px}.map-foot span:last-child{display:none}.map-foot{font-size:9px}.section-heading.split{align-items:start}.large-num{font-size:54px}.large-num span{display:none}.characters-tools{align-items:stretch}.search-field{max-width:none;min-width:0;width:100%}.filter-row{width:100%}.filter{padding:8px 10px;font-size:10px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card-copy{padding:12px}.character-card-copy h3{font-size:14px}.character-card-copy p{font-size:10px}.character-card-copy .card-area{font-size:9px}.story-grid{grid-template-columns:1fr;gap:12px}.story-card{display:grid;grid-template-columns:38% 62%}.story-picture{height:100%;aspect-ratio:auto}.story-num{font-size:34px}.story-copy{padding:18px}.story-copy p{min-height:0;margin-bottom:10px}.ending-panel{display:block}.ending-symbol{display:none}.ending-panel .btn{margin-top:18px}.footer-main{flex-direction:column}.footer-right{text-align:left}.modal-backdrop{padding:8px}.dialog{max-height:95dvh}.dialog-top{padding:27px 19px 22px}.dialog-top h2{font-size:24px}.dialog-content-grid{grid-template-columns:1fr}.dialog-portrait{height:290px;min-height:0}.dialog-portrait img{object-position:top center}.dialog-info{padding:23px 21px}.gallery-section{padding:20px 14px}.gallery-feature{grid-template-columns:1fr}.gallery-big{height:320px}.gallery-feature-info{padding:12px;display:block}.gallery-feature-info p{margin-top:5px}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.story-modal-copy{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.factions-head{margin-top:75px;margin-bottom:23px}.factions-head h3{font:600 26px var(--serif);letter-spacing:-.04em;margin:12px 0 7px}.factions-head p{font-size:12px;color:var(--muted);margin:0}.factions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.faction-card{border-top:2px solid var(--brass);background:var(--card);padding:22px 21px 24px;display:flex;flex-direction:column;min-height:254px}.faction-card span{font:600 9px var(--latin);color:var(--quiet);letter-spacing:.13em}.faction-card h4{font:600 16px var(--serif);margin:13px 0 11px}.faction-card p{font-size:11px;color:var(--muted);line-height:1.85;margin:0 0 18px;flex:1}.faction-card button{align-self:flex-start;color:var(--brass);font-size:11px;background:transparent;border:0;border-bottom:1px solid var(--brass);padding:0 0 5px}.faction-card button:hover{filter:brightness(1.25)}@media(max-width:850px){.factions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.factions-head{margin-top:50px}.factions-head h3{font-size:23px}.factions-grid{gap:8px}.faction-card{padding:18px 14px;min-height:258px}.faction-card h4{font-size:14px}.faction-card p{font-size:10px}}

/* V2.0 : Actual multi-page layout, not a single-page scroll hub. */
body[data-page="atlas"] .atlas-section,body[data-page="story"] .story-section{background:var(--bg)}
.page-banner{position:relative;overflow:hidden;isolation:isolate;min-height:255px;background:#101823;color:#f4eadf;display:flex;align-items:center;border-bottom:1px solid rgba(214,175,143,.32)}
.page-banner-cover{position:absolute;inset:0;z-index:-1;opacity:.42}
.page-banner-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c151f 7%,rgba(12,21,31,.92) 49%,rgba(12,21,31,.35) 100%)}
.page-banner-cover img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.page-banner-inner{padding-top:42px;padding-bottom:37px}
.page-banner h1{font:600 clamp(28px,3.25vw,45px)/1.5 var(--serif);letter-spacing:-.065em;margin:12px 0 4px}
.page-banner-inner>p:nth-of-type(2){font-size:13px;color:#c5bdba;margin:0;line-height:1.8}
.page-crumb{font-size:11px;color:#cbb49c;margin-top:23px}.page-crumb a{border-bottom:1px solid #8b6959}.page-crumb strong{font-weight:500;color:#f4eadf}
/* Picture reveal: transparent loaded image sits above fallback, but beneath an initially sealed cover. */
.character-portrait .image-fallback{z-index:0}
.character-portrait>img{position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:cover}
.character-portrait .portrait-seal{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;background:linear-gradient(145deg,#2b343e 0%,#131c27 80%);color:#e9d2b6;transition:opacity .35s ease,visibility .35s ease;pointer-events:none}
.portrait-seal .seal-icon{font:600 85px/1 Georgia,serif;color:rgba(228,190,152,.28)}
.portrait-seal b{font:600 16px var(--serif);letter-spacing:-.02em}
.portrait-seal small{font-size:10px;color:#bea897}
.character-card.revealed .portrait-seal{opacity:0;visibility:hidden}
.character-card .character-corner{z-index:6}
.character-portrait .image-error-overlay{z-index:3}
.character-card.revealed{border-color:color-mix(in srgb,var(--brass) 55%,var(--edge2))}
@media(max-width:650px){.page-banner{min-height:215px}.page-banner-inner{padding-top:32px;padding-bottom:27px}.page-banner h1{font-size:28px}.page-banner-inner>p:nth-of-type(2){font-size:12px}.portrait-seal small{font-size:9px}}