:root{color-scheme:dark;--bg:#101310;--surface:#181d18;--text:#f0f3e9;--muted:#a8b2a5;--line:#323c31;--accent:#cdfb6c;--width:1200px;font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25}h1{font-weight:800;letter-spacing:-.06em}h2,h3{font-weight:650;letter-spacing:-.035em}img{display:block;max-width:100%;height:auto}main{max-width:var(--width);margin:auto;padding:0 32px}.site-header{position:relative;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--width);min-height:82px;padding:16px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.wordmark{font-size:1.25rem;font-weight:750;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:18px;height:18px;border-top:5px solid var(--accent);border-left:5px solid var(--accent)}.site-header nav{display:flex;gap:32px;align-items:center;font-size:.9375rem}.site-header nav a{color:var(--muted);position:relative;padding:7px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--text)}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.section-nav{position:sticky;top:0;z-index:15;border-bottom:1px solid var(--line);background:var(--bg)}.section-nav>div{max-width:var(--width);margin:auto;padding:15px 32px;display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin}.section-nav a{font-size:.875rem;white-space:nowrap;color:var(--muted)}.section-nav a:hover,.section-nav a[aria-current]{color:var(--accent)}.world-hero{display:grid;grid-template-columns:1fr;align-items:center;gap:50px;padding:70px 0 72px;border-bottom:1px solid var(--line)}.world-hero:has(.media.is-loaded){grid-template-columns:.95fr 1.05fr}.eyebrow{color:var(--accent);font-size:.875rem;margin-bottom:22px;letter-spacing:.04em}.world-hero h1{font-size:clamp(4.5rem,10vw,8rem);line-height:1.1}.title-period{color:var(--accent)}.population{display:flex;align-items:baseline;gap:20px;margin-top:36px}.population>span{font-size:.9375rem;color:var(--muted)}.population strong{font-size:1.75rem;letter-spacing:-.045em;font-weight:500}.media{display:block;margin:0;overflow:hidden;background:var(--surface)}.media.is-missing{display:none}.map-media{border:1px solid var(--line)}.map-media img{width:100%;height:auto}.world-section{display:grid;grid-template-columns:29% 1fr;gap:58px;padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:15px}.section-heading h2{font-size:clamp(1.75rem,3vw,2.375rem);max-width:9em}.section-heading:before{content:"";display:block;width:28px;height:3px;background:var(--accent);margin:5px 0 22px}.fact-list{list-style:none;padding:0;margin:0}.fact-list li{position:relative;padding:0 0 20px 22px;color:#d4ddcf;line-height:1.9}.fact-list li:before{content:"";position:absolute;left:0;top:.85em;width:5px;height:5px;background:var(--accent)}.fact-list li:last-child{padding-bottom:0}.faction-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.faction-list article{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.faction-list article:nth-last-child(-n+2){margin-bottom:0}.faction-list h3{font-size:1.125rem;margin-bottom:12px}.faction-list p{color:var(--muted)}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:64px 1fr;gap:24px;position:relative;padding-bottom:32px}.timeline li:before{content:"";position:absolute;left:31px;top:45px;bottom:0;border-left:1px solid var(--line)}.timeline li:last-child{padding:0}.timeline li:last-child:before{display:none}.day{font-size:1.5rem;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;display:flex;justify-content:center;padding-top:3px}.timeline p{padding-top:3px;color:#d4ddcf}.page-heading{padding:64px 0 45px;border-bottom:1px solid var(--line);margin-bottom:36px}.page-heading h1{font-size:clamp(2.5rem,6vw,4.75rem)}.page-note{color:var(--muted);font-size:.9375rem;margin-top:22px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:60px}.character-card{border:1px solid var(--line);display:block;transition:border-color .18s,background .18s;align-self:stretch;background:var(--surface)}.character-card:hover{border-color:var(--accent);background:#1e261b}.character-card .portrait{aspect-ratio:9/7;border-bottom:1px solid var(--line)}.portrait img{width:100%;height:100%;object-fit:contain}.card-body{padding:25px}.card-top{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:17px}.card-top h2{font-size:1.5rem}.card-top>span{font-size:.875rem;color:var(--muted);white-space:nowrap}.card-body>p{color:var(--muted);font-size:1rem;line-height:1.85}.profile-back{padding:32px 0;color:var(--muted);font-size:.9375rem;display:flex;gap:12px;flex-wrap:wrap}.profile-back a:hover{color:var(--accent)}.profile-back>span:last-child{color:var(--text)}.profile{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:18px 0 64px;border-bottom:1px solid var(--line)}.profile h1{font-size:clamp(3rem,7vw,5.5rem);margin-bottom:32px}.profile .portrait{aspect-ratio:9/7;border:1px solid var(--line);margin-bottom:28px}.identity{margin:0}.identity>div{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:.9375rem}dd{margin:0}.profile-copy{padding-top:18px}.profile-copy section+section{margin-top:45px}.profile-copy h2{font-size:1.125rem;color:var(--accent);margin-bottom:20px}.profile-copy p{line-height:2.05;color:#d4ddcf}.profile-neighbors{display:flex;justify-content:space-between;gap:24px;padding:28px 0 36px;color:var(--muted)}.profile-neighbors a:hover{color:var(--accent)}footer{max-width:var(--width);padding:35px 32px;margin:0 auto;display:flex;gap:32px;justify-content:space-between;color:var(--muted);font-size:.875rem}footer a:hover{color:var(--accent)}
@media(min-width:1100px){.profile-visual{position:sticky;top:32px;align-self:start}}
@media(max-width:900px){.world-section{grid-template-columns:25% 1fr;gap:32px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile{gap:32px}.card-body{padding:22px}.world-hero:has(.media.is-loaded){grid-template-columns:1fr 1fr;gap:30px}.world-hero h1{font-size:clamp(4rem,10vw,6rem)}}
@media(max-width:600px){html{scroll-padding-top:85px}main{padding:0 20px}.header-inner{min-height:76px;padding:16px 20px;gap:16px}.wordmark{font-size:1.125rem;gap:8px}.brand-mark{width:15px;height:15px;border-width:4px}.site-header nav{gap:16px;font-size:.875rem}.section-nav{top:0}.section-nav>div{padding:13px 20px;gap:24px}.world-hero,.world-hero:has(.media.is-loaded){grid-template-columns:1fr;padding:48px 0;gap:35px}.world-hero h1{font-size:5rem}.population{margin-top:24px}.world-section{grid-template-columns:1fr;gap:30px;padding:45px 0}.section-heading h2{max-width:none;font-size:1.875rem}.section-heading:before{margin-bottom:17px}.faction-list{gap:0 22px}.faction-list p{font-size:1rem}.timeline li{grid-template-columns:48px 1fr;gap:16px}.timeline li:before{left:23px}.page-heading{padding-top:40px;margin-bottom:24px}.page-heading h1{font-size:2.75rem}.character-grid{grid-template-columns:1fr;gap:18px;padding-bottom:30px}.profile{grid-template-columns:1fr;gap:35px;padding-top:8px;padding-bottom:40px}.profile-copy{padding:0}.profile h1{font-size:3.5rem}.profile-back{padding:24px 0}.profile-copy section+section{margin-top:30px}footer{padding:28px 20px}.eyebrow{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}