@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--ink:#1c302b;--paper:#f2eee3;--muted:#68736a;--gold:#c4ad79;--line:#d4d2c4;--serif:'Noto Serif KR','Noto Serif JP',Georgia,serif;--sans:'Noto Sans KR','Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.85 var(--sans)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b18c45;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.45}h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.05em;margin:10px 0 0}h3{font-size:21px}header{position:sticky;top:0;z-index:20;min-height:76px;padding:15px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f2eee3f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font:600 19px var(--serif);white-space:nowrap}.sigil{font-size:32px;color:#8f7747}nav{display:flex;gap:28px;font-size:13px}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ink)}.languages{display:flex;gap:3px}.languages button{border:0;background:transparent;color:#6b736b;padding:7px 10px;font-size:12px}.languages button[aria-pressed=true]{background:var(--ink);color:#fff}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.hero{min-height:650px;height:calc(100svh - 76px);max-height:880px;position:relative;display:flex;align-items:center;overflow:hidden;background:#142724;color:#f7f0dc}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#102420 4%,#142724eb 31%,#14272473 65%,#14272435),linear-gradient(0deg,#142724,transparent 50%),url('assets/world.webp') center/cover}.hero-content{position:relative;width:min(770px,73%);padding:70px 0 70px 8%}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:600;color:#8f7747}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(43px,5.2vw,76px);letter-spacing:-.055em;margin:25px 0;line-height:1.35;white-space:pre-line}.hero-desc{font-size:16px;max-width:480px;color:#d0d9cc;line-height:2.1;word-break:keep-all}.primary{display:inline-flex;gap:55px;align-items:center;padding:16px 24px;margin-top:22px;background:#dac99e;color:#142724;font-size:14px}.primary:hover{background:#f1dfb4}.hero-foot{display:flex;flex-wrap:wrap;gap:18px;margin-top:58px;font-size:11px;letter-spacing:.05em;color:#b9c5b6}.hero-index{position:absolute;right:5%;bottom:65px;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:10px;letter-spacing:.15em}.hero-index i{font-size:50px;color:var(--gold);font-style:normal}.section{padding:90px 7%;max-width:1600px;margin:auto}.section-head{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head>p{max-width:440px;font-size:14px;color:var(--muted);margin:0}.world-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:20px 0 50px}.world-quote{border-left:1px solid #b9ac88;padding:10px 25px}.world-quote>span{font-size:40px;color:#9d8754}.world-quote h3{font-size:32px;max-width:330px;white-space:pre-line}.world-intro p{color:var(--muted);font-size:14px}.world-intro h3:not(:first-child){margin-top:24px}.powers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.power{padding:28px 20px;border-right:1px solid var(--line)}.power:first-child{padding-left:0}.power:last-child{border:0}.power .number{font:italic 24px Georgia;color:#a4926e}.power h3{font-size:18px;margin:15px 0}.power p{font-size:13px;color:var(--muted)}.power small{font-size:11px;color:#857448}.reading{margin-top:30px;border-bottom:1px solid var(--line);padding:15px 0}.reading summary{cursor:pointer;font-weight:500}.reading p{color:var(--muted);margin:18px 0;max-width:900px}.atlas-section{background:#e7e6da}.atlas-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:36px}.map{position:relative;aspect-ratio:1.45;background:#192e2b;overflow:hidden}.map svg{position:absolute;width:100%;height:100%;inset:0}.compass{position:absolute;right:4%;top:4%;color:#c4b790;text-align:center;line-height:1.3;font:18px Georgia}.map-pin{position:absolute;transform:translate(-50%,-50%);background:#152822e6;border:1px solid #b6ab83;color:#eee8d8;padding:4px 10px;font-size:11px;white-space:nowrap;box-shadow:0 4px 20px #0003}.map-pin[aria-pressed=true],.map-pin:hover{background:#d6c193;color:#1c302b}.map-note{font-size:11px;color:var(--muted);margin:12px 0}.region-tabs{display:flex;flex-wrap:wrap;gap:6px}.region-tabs button{background:transparent;border:1px solid #c7c8b8;padding:6px 10px;font-size:12px}.region-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.region-detail{padding:30px;background:#f2eee3;display:flex;flex-direction:column;align-items:start}.region-icon{font:58px Georgia;color:#978354}.region-detail h3{font-size:30px;margin:12px 0}.region-detail .terrain{font-size:12px;color:#8a754c}.region-detail p{font-size:14px;color:var(--muted)}.region-detail .secondary{margin-top:auto}.filters{display:flex;align-items:end;gap:20px;margin-bottom:28px}.filters label{display:flex;flex-direction:column;gap:6px}.filters label:first-child{flex:1}.filters label>span{font-size:11px;color:var(--muted)}input,select{width:100%;border:1px solid #c9cbbd;background:#faf8f1;color:var(--ink);padding:12px 14px;border-radius:0}select{max-width:290px}.filters #count{white-space:nowrap;font-size:12px;color:var(--muted);padding-bottom:13px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.character-card{padding:0;text-align:start;border:0;background:transparent;color:var(--ink);min-width:0}.portrait{aspect-ratio:4/4.7;position:relative;overflow:hidden;background:linear-gradient(145deg,#314c42,#162b26);display:grid;place-items:center}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .4s}.character-card:hover .portrait img{transform:scale(1.04)}.portrait .monogram{font:70px var(--serif);color:#c4b58c}.portrait .badge{position:absolute;bottom:12px;left:12px;padding:2px 8px;background:#172b26df;color:#e9e1ce;font-size:10px}.character-card h3{margin:13px 0 5px;font-size:22px}.character-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.card-name{display:flex;justify-content:space-between;align-items:center}.card-name>span{color:#8e7953}.secondary{border:1px solid #8d998c;color:var(--ink);background:transparent;padding:10px 20px;font-size:13px}.secondary:hover{background:#d7dcca}.section>#more{display:block;margin:35px auto 0;min-width:200px}.empty{padding:60px;text-align:center}.shadows{background:#182c29;color:#eee8d9}.shadows .eyebrow{color:#b5a275}.shadows .section-head>p,.shadows p{color:#b5c1b4}.threats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.threat{border-top:1px solid #536354;padding-top:24px}.threat h3{font-size:20px}.threat p{font-size:13px}.demon-intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:50px 0 24px;padding-top:35px;border-top:1px solid #536354}.demon-intro h3{font-size:28px}.demon-intro p{font-size:14px}.houses{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.house{padding:22px;border:1px solid #43564b}.house h3{font-size:17px;color:#d8c69b}.house p{font-size:12px;margin:0}.tower-section{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;align-items:center}.tower-illustration{height:540px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#8d9e8c,#2a4540 65%,#172d29)}.moon{width:150px;height:150px;border-radius:50%;position:absolute;top:60px;left:calc(50% - 75px);background:#ddd2ad;box-shadow:0 0 100px #f0d9a866}.tower-spire{position:absolute;height:450px;width:160px;bottom:-15px;left:calc(50% - 80px);background:repeating-linear-gradient(0deg,#172b27 0 27px,#455c4c 28px 30px);clip-path:polygon(50% 0,60% 15%,60% 26%,73% 30%,73% 45%,84% 49%,84% 68%,100% 74%,100% 100%,0 100%,0 74%,16% 68%,16% 49%,27% 45%,27% 30%,40% 26%,40% 15%)}.tower-illustration>span{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#c9b687;font:70px Georgia}.tower-copy h2{margin-bottom:25px}.tower-copy>p{color:var(--muted)}.tower-copy ol{list-style:none;counter-reset:step;padding:0;margin:30px 0}.tower-copy li{counter-increment:step;display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.tower-copy li:before{content:'0'counter(step);font:22px Georgia;color:#9e8957}.tower-warning{border-left:2px solid #a48c58;padding-left:18px;color:#7c704f;font-size:13px}footer{padding:35px 7%;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center}footer p{font-size:11px;color:var(--muted);margin:0;max-width:500px}footer>a:last-child{font-size:12px;white-space:nowrap}dialog{padding:0;max-width:760px;width:calc(100% - 36px);border:1px solid #a2a98f;background:var(--paper);color:var(--ink);max-height:85svh;overflow:auto}dialog::backdrop{background:#071d18c9;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border:0;background:#f2eee3e8;color:#23372b;font-size:28px}.dialog-layout{display:grid;grid-template-columns:1fr 1.1fr;min-height:380px}.dialog-layout .portrait{aspect-ratio:auto;min-height:380px}.dialog-copy{padding:60px 30px 35px}.dialog-copy h2{font-size:35px;margin:12px 0 25px}.dialog-copy p{color:var(--muted)}.dialog-copy small{font-size:11px;color:#8b784d}html[lang=en] h1{letter-spacing:-.045em}html[lang=ja] h1{font-size:clamp(38px,4.5vw,66px)}[hidden]{display:none!important}@media(min-width:1601px){.hero-content{padding-left:max(8%,calc((100vw - 1350px)/2))}}@media(max-width:1000px){nav{gap:16px}.brand{font-size:16px}header{gap:15px}.section{padding:65px 5%}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.powers,.threats,.houses{grid-template-columns:repeat(2,1fr)}.power:nth-child(2){border-right:0}.power:nth-child(3){padding-left:0}.atlas-layout{grid-template-columns:1.5fr 1fr;gap:20px}.region-detail{padding:20px}.region-detail h3{font-size:25px}.world-intro{gap:40px}.tower-section{gap:5%}.hero-content{width:80%}.hero-index{display:none}footer{flex-wrap:wrap}}@media(max-width:680px){header{padding:10px 5%;flex-wrap:wrap;gap:5px}.brand{font-size:15px}.sigil{font-size:25px}header nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:8px}.languages{margin-left:auto}.languages button{padding:6px 9px}.hero{min-height:620px;max-height:750px;height:calc(100svh - 100px)}.hero-art{background-image:linear-gradient(90deg,#142724ee,#14272470),linear-gradient(0deg,#142724,transparent),url('assets/world.webp');background-position:60% center}.hero-content{width:100%;padding:55px 7%}.hero-desc{font-size:14px;max-width:90%}.hero-foot{gap:10px;margin-top:35px;font-size:10px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.world-intro{grid-template-columns:1fr;gap:25px}.world-quote h3{font-size:28px;max-width:none}.world-quote{padding-bottom:0}.powers{gap:0}.power{padding:22px 12px}.power h3{font-size:16px}.power p{font-size:12px}.atlas-layout{grid-template-columns:1fr}.map-pin{font-size:9px;padding:3px 5px}.region-detail{min-height:285px}.region-icon{font-size:35px}.region-detail h3{font-size:26px;margin-top:0}.filters{flex-wrap:wrap;gap:12px}.filters label:first-child{flex-basis:100%}.filters label:nth-child(2){flex:1}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.character-card h3{font-size:19px}.character-card p{font-size:11px}.portrait .badge{left:7px;bottom:7px;font-size:9px;max-width:calc(100% - 14px)}.threats{gap:20px}.threat h3{font-size:17px}.demon-intro{grid-template-columns:1fr;gap:0}.houses{gap:10px}.house{padding:15px}.house h3{font-size:15px}.tower-section{grid-template-columns:1fr;gap:35px}.tower-illustration{height:330px}.tower-spire{height:310px}.moon{width:110px;height:110px;left:calc(50% - 55px);top:35px}.dialog-layout{grid-template-columns:1fr}.dialog-layout .portrait{height:320px;min-height:0}.dialog-layout img{object-position:center 20%}.dialog-copy{padding:25px}.dialog-copy h2{font-size:28px}footer{gap:20px}footer p{order:3;max-width:100%}.empty{padding:40px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}