:root{--bg:#101923;--panel:#17232f;--ink:#efece5;--muted:#b4bec7;--gold:#d0b587;--line:#35434e;--serif:Batang,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 'Malgun Gothic',system-ui,sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:hover{filter:brightness(1.12)}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--gold);color:#111;padding:12px}.skip:focus{top:8px}header{position:sticky;top:0;z-index:20;background:#101923f5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:18px 4vw;display:flex;gap:30px;align-items:center;justify-content:space-between}.brand{font:700 28px/1 Georgia,serif;letter-spacing:5px;color:var(--gold);white-space:nowrap}.brand span{display:block;font:12px/1.5 'Malgun Gothic',sans-serif;letter-spacing:1px;color:var(--muted);margin-top:10px}nav{display:flex;gap:28px;font-size:14px}nav a:hover,.cross-link:hover{color:var(--gold)}.cross-link{font-size:14px;border-bottom:1px solid var(--gold)}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:-.04em}h1{font-size:clamp(38px,4.4vw,70px);line-height:1.4;margin:25px 0}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.45}h3{font-size:20px;line-height:1.5}.kicker{font-size:13px;letter-spacing:2px;color:var(--gold);margin-bottom:18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:80px 5vw 35px;display:flex;flex-direction:column}.work-title{font-size:17px;color:var(--gold);margin-bottom:24px}.lead{color:var(--muted);line-height:2}.hero-bottom{margin-top:auto;padding-top:55px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:var(--gold)}.hero-bottom em{font-size:12px;color:var(--muted);font-style:normal}.hero-art{position:relative;min-width:0;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;min-height:670px}.hero-art figcaption{position:absolute;top:25px;left:25px;font-size:12px;letter-spacing:2px;background:#101923bf;padding:6px 12px}.section{padding:100px max(5vw,calc((100vw - 1320px)/2));border-top:1px solid var(--line)}.section-head{margin-bottom:45px}.section-head>p:not(.kicker){color:var(--muted);margin-top:24px;max-width:720px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.prose>p{margin-bottom:24px}.prose{max-width:740px}.principle{padding:24px 0 24px 24px;border-left:2px solid var(--gold);margin:35px 0}.principle p{color:var(--muted);margin-top:8px}.stats{display:flex;gap:30px;flex-wrap:wrap;padding-top:25px;border-top:1px solid var(--line)}.stats b{display:block;color:var(--gold);font:30px Georgia,serif}.stats span{font-size:13px;color:var(--muted)}.tint{background:#15212c}.faultlines,.timeline{list-style:none;padding:0;margin:0}.faultlines li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:20px 0}.faultlines li:first-child{padding-top:0}.faultlines li>span{font:24px Georgia,serif;color:var(--gold)}.faultlines p{color:var(--muted);margin-top:8px}.timeline li{position:relative;border-left:1px solid var(--line);padding:0 0 35px 30px}.timeline li:before{content:'';width:9px;height:9px;position:absolute;background:var(--gold);left:-5px;top:12px;transform:rotate(45deg)}.timeline time{color:var(--gold);font-size:14px}.timeline h3{margin:8px 0}.timeline p{color:var(--muted)}.geo-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:start}.compass{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'. n .' 'w c e' '. s .';gap:12px;padding:28px 0}.compass button{border:1px solid #475763;background:#17232f;padding:18px 8px;min-height:126px;font-size:15px}.compass button.active{border-color:var(--gold);background:#302e28;box-shadow:inset 0 -3px var(--gold)}.compass small{display:block;color:var(--gold);margin-bottom:8px;font-size:12px}.compass span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.north{grid-area:n}.west{grid-area:w}.center{grid-area:c}.east{grid-area:e}.south{grid-area:s}.note{font-size:13px;color:#a4b1bd;margin-top:22px}.country-detail{border-top:2px solid var(--gold)}.country-detail img{width:100%;aspect-ratio:16/8;object-fit:cover}.country-detail h3{font-family:var(--serif);font-size:30px;margin:18px 0 8px}.country-detail p{margin:12px 0;color:var(--muted)}.facts{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--gold);margin:15px 0}.power{margin-top:45px;border-block:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;color:var(--gold)}.power-copy{max-width:880px;padding-bottom:25px}.power-copy p{margin:15px 0}table{border-collapse:collapse;width:100%;text-align:center;margin:25px 0}caption{text-align:left;margin-bottom:12px}td,th{border:1px solid var(--line);padding:10px;font-size:14px}.group-heading{display:flex;align-items:center;gap:20px;padding:30px 0 20px}.group-heading h3{font-family:var(--serif);font-size:28px;color:var(--gold)}.group-heading span{color:var(--muted);font-size:14px}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.region-card{background:none;border:0;padding:0;text-align:left;border-bottom:1px solid var(--line);padding-bottom:22px}.region-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 7px}.region-card small{color:var(--gold);font-size:13px}.region-card p{color:var(--muted);font-size:14px}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:18px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:none;padding:9px 22px;font-size:14px}.tabs button.active{background:var(--gold);border-color:var(--gold);color:#151a20}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.person-card{border:0;background:none;padding:0;text-align:left;min-width:0}.person-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.person-card h3{font-size:17px;margin-top:14px}.person-card p{font-size:13px;color:var(--muted);margin-top:4px}.months{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.month{border-top:1px solid var(--line);padding-top:12px}.month h3{color:var(--gold);font:28px Georgia,serif;margin-bottom:16px}.month p{font-size:14px;margin:7px 0}.month time{color:var(--gold);margin-right:8px;font-size:13px}.month small{display:block;margin-left:44px;color:var(--muted);font-size:12px}.closing{text-align:center;padding:100px 5vw;border-top:1px solid var(--line);background:#1c2730}.closing p:not(.kicker){color:var(--muted);margin:30px 0}.button{display:inline-block;padding:12px 22px;border:1px solid var(--gold);color:var(--gold);font-size:14px}.button:hover{background:var(--gold);color:#101923}code{color:var(--gold);font-size:16px}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}footer .brand{font-size:22px}dialog{background:#17232f;color:var(--ink);border:1px solid #56616a;max-width:850px;width:calc(100% - 32px);max-height:90dvh;padding:0;overflow:auto}dialog::backdrop{background:#05090de8;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:12px;margin:12px 12px -60px 0;z-index:2;background:#101923e8;border:1px solid #68747d;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1}.detail-image{width:100%;max-height:420px;object-fit:cover;display:block}.detail-person{display:grid;grid-template-columns:44% 1fr}.detail-person .detail-image{height:100%;max-height:none;object-fit:contain;background:#0c131a}.detail-copy{padding:32px}.detail-copy h2{font-size:32px;line-height:1.5;margin:8px 0}.english{font:italic 17px Georgia,serif;color:var(--gold);margin-bottom:20px}.detail-copy p{margin:15px 0;color:var(--muted)}.detail-copy dl{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:14px}.detail-copy dt{color:var(--gold)}.detail-copy dd{margin:0}.event-list{list-style:none;margin:10px 0 25px;padding:0;font-size:14px;color:var(--muted)}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1400px)/2)}}@media(max-width:1080px){header{gap:15px;flex-wrap:wrap}.cross-link{margin-left:auto}header nav{order:3;width:100%;justify-content:center;gap:30px}.hero-copy{padding:60px 5vw 30px}.hero-art img{min-height:600px}.section{padding:70px 5vw}.split{gap:40px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-layout{grid-template-columns:1fr 1fr;gap:25px}.compass{gap:6px}.compass button{padding:14px 5px;font-size:14px}}@media(max-width:760px){html{scroll-padding-top:140px}header{padding:15px 5vw}.brand{font-size:25px}header nav{gap:22px;justify-content:flex-start;overflow:auto;white-space:nowrap}h1{font-size:40px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 6vw 32px}.hero .lead br{display:none}.hero-art img{min-height:0;height:auto;aspect-ratio:16/10;object-fit:cover}.hero-bottom{padding-top:35px}.split{grid-template-columns:1fr;gap:30px}.section{padding:60px 6vw}.section-head{margin-bottom:30px}.stats{gap:25px}.stats b{font-size:26px}.geo-layout{grid-template-columns:1fr}.compass button{font-size:14px;min-height:120px}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.card-top{flex-wrap:wrap;gap:5px}.region-card h3{font-size:19px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 13px}.person-card h3{font-size:15px}.person-card p{font-size:12px}.closing{padding:70px 6vw}.closing h2{font-size:28px}footer{flex-wrap:wrap}.detail-person{display:block}.detail-person .detail-image{max-height:55dvh}.detail-copy{padding:25px}.detail-copy h2{font-size:28px}}@media(max-width:430px){.cross-link{font-size:12px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.months{grid-template-columns:1fr}.region-grid{grid-template-columns:1fr}.compass{margin-inline:-10px}.tabs button{padding:9px 15px}.stats{gap:20px}.stats b{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.kingdom-map{max-width:980px;margin:0 auto 64px;scroll-margin-top:145px}.map-image-link{display:block;border:1px solid #75634b;background:#17232f}.kingdom-map img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.kingdom-map figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.kingdom-map figcaption strong{display:block;color:var(--gold);font-family:var(--serif);font-size:21px}.kingdom-map figcaption span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.kingdom-map figcaption a{font-size:14px;color:var(--gold);white-space:nowrap;border-bottom:1px solid var(--gold)}@media(max-width:760px){.kingdom-map{margin-bottom:40px;scroll-margin-top:155px}.kingdom-map figcaption{align-items:flex-start;flex-wrap:wrap}.kingdom-map figcaption strong{font-size:19px}}