@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--bg-card-hover:#252c35;--border:#1e2a3a;--border-light:#30363d;--dprk-red:#cc2936;--dprk-orange:#d4620e;--dprk-amber:#c08800;--usa-blue:#2563eb;--usa-light:#3b82f6;--nk-green:#16a34a;--nuke-yellow:#eab308;--diplomacy-teal:#0d9488;--neutral-gray:#64748b;--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-muted:#8b949e;--font-mono:"IBM Plex Mono", "Fira Code", "Courier New", monospace;--font-sans:"IBM Plex Sans", "Noto Sans KR", "Segoe UI", system-ui, sans-serif;--font-heading:"IBM Plex Sans Condensed", "Noto Sans KR", "Arial Narrow", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;min-height:100vh;font-size:15px;line-height:1.6;display:flex;overflow-x:hidden}a{color:var(--usa-blue);text-decoration:none}a:hover{color:var(--dprk-red);text-decoration:underline}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary);font-weight:700;line-height:1.2}.site-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-sm);position:sticky;top:0}.nav-inner{align-items:center;gap:0;max-width:1200px;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;margin-right:32px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.nav-brand:hover{color:var(--dprk-red);text-decoration:none}.nav-brand .brand-icon{border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:28px;display:block}.nav-links{flex-wrap:nowrap;flex:1;gap:0;list-style:none;display:flex}.nav-links>li>a{color:var(--text-secondary);font-family:var(--font-heading);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;display:block}.nav-links>li>a:hover{color:var(--text-primary);background:var(--bg-primary);text-decoration:none}.nav-links>li>a.active{color:var(--usa-blue);background:#2563eb14;font-weight:500}#story-wrap{min-height:100vh;display:flex;position:relative}#narrative{z-index:10;background:linear-gradient(90deg,#0d1117f7 0%,#0d1117eb 85%,#0d111700 100%);width:42%;min-width:340px;max-width:520px;padding:0;position:relative}#story-map{flex:1;width:58%;height:calc(100vh - 56px);position:sticky;top:56px;right:0}.story-hero{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;min-height:calc(100vh - 56px);padding:60px 36px 80px;display:flex}.story-hero .op-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dprk-red);margin-bottom:12px;font-size:13px}.story-hero h1{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:38px;line-height:1.15}.story-hero .subtitle{color:var(--text-secondary);max-width:440px;font-size:17px;line-height:1.65}.story-hero .stats-row{flex-wrap:wrap;gap:24px;margin-top:28px;display:flex}.story-hero .stat-item{flex-direction:column;gap:2px;display:flex}.story-hero .stat-val{font-family:var(--font-mono);color:#fff;font-size:26px;font-weight:700}.story-hero .stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:11px}.scroll-hint{font-family:var(--font-mono);color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:10px;width:fit-content;margin-top:40px;padding:10px 18px;font-size:14px;animation:2s ease-in-out infinite pulse-hint;display:flex}.scroll-hint .arrow{font-size:18px;animation:1.5s ease-in-out infinite bounce-arrow}@keyframes pulse-hint{0%,to{opacity:.7}50%{opacity:1}}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.chapter{border-bottom:1px solid var(--border);opacity:.3;flex-direction:column;justify-content:center;min-height:80vh;padding:60px 36px;transition:opacity .5s;display:flex}.chapter.active{opacity:1}.chapter .ch-era{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dprk-red);margin-bottom:6px;font-size:12px}.chapter .ch-title{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2}.chapter .ch-date{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:14px;font-size:13px}.chapter .ch-desc{color:var(--text-secondary);max-width:420px;margin-bottom:16px;font-size:15px;line-height:1.7}.ch-categories{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ch-categories .pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:3px 10px;font-size:10px}.pill.nuclear{color:#fbbf24;background:#fbbf2414;border-color:#78350f}.pill.missile{color:#f97583;background:#f9758314;border-color:#4a1a1f}.pill.conflict{color:#ff7b72;background:#ff7b7214;border-color:#5a1a1a}.pill.diplomacy{color:#79c0ff;background:#79c0ff14;border-color:#1a3a52}.pill.espionage{color:#d2a8ff;background:#d2a8ff14;border-color:#3b2056}.pill.provocation{color:#ffa657;background:#ffa65714;border-color:#4a2d0a}.ch-stat-bar{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.ch-stat-bar strong{color:#fff}.ch-context{font-family:var(--font-mono);color:var(--usa-blue);letter-spacing:.04em;margin-top:10px;font-size:10px}.ch-thumbnail{cursor:pointer;border:1px solid var(--border);border-radius:6px;margin-top:12px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.ch-thumbnail:hover{border-color:var(--dprk-red);transform:scale(1.01)}.ch-thumbnail img{object-fit:cover;width:100%;height:160px;display:block}.ch-thumbnail-overlay{color:#e6edf3;font-size:11px;font-family:var(--font-mono);text-align:right;opacity:0;background:linear-gradient(#0000,#000000bf);padding:6px 10px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.ch-thumbnail:hover .ch-thumbnail-overlay{opacity:1}.image-modal-backdrop{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal{background:#0d1117;border-radius:10px;max-width:90vw;max-height:90vh;animation:.2s modalScaleIn;position:relative;overflow:hidden;box-shadow:0 0 40px #0009}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.image-modal-close{z-index:10;color:#fff;cursor:pointer;background:#000000a6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:background .2s,border-color .2s;display:flex;position:absolute;top:8px;right:10px}.image-modal-close:hover{border-color:var(--dprk-red);background:#cc2936cc}.image-modal-img{object-fit:contain;max-width:90vw;max-height:75vh;display:block}.image-modal-caption{color:#e6edf3;font-size:13px;font-family:var(--font-mono);border-top:1px solid var(--border);background:#0d1117;padding:10px 14px}.ch-media{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ch-media img{object-fit:cover;border:1px solid var(--border);cursor:pointer;border-radius:4px;width:110px;height:74px;transition:border-color .2s}.ch-media img:hover{border-color:var(--dprk-red)}#lightbox{z-index:9999;cursor:pointer;background:#000000eb;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox.open{display:flex}#lightbox img{border-radius:6px;max-width:90vw;max-height:90vh}.story-outro{flex-direction:column;justify-content:center;min-height:60vh;padding:60px 36px;display:flex}.story-outro h2{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;margin-bottom:14px;font-size:22px}.story-outro p{color:var(--text-muted);max-width:420px;margin-bottom:12px;font-size:14px;line-height:1.7}.story-outro a{color:var(--usa-blue);font-family:var(--font-mono);font-size:13px}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);text-align:center;padding:20px 24px}.site-footer .footer-text{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.site-footer a{color:var(--usa-blue)}.maplibregl-popup-content{color:#c9d1d9!important;font-family:var(--font-mono)!important;background:#161b22!important;border:1px solid #30363d!important;border-radius:6px!important;padding:8px 12px!important;font-size:11px!important;box-shadow:0 8px 24px #0006!important}.maplibregl-popup-tip{border-top-color:#161b22!important}@media (max-width:860px){#story-wrap{flex-direction:column-reverse}#narrative{width:100%;max-width:100%;min-width:unset;background:#0d1117f7}#story-map{width:100%;height:45vh;position:sticky;top:56px}.story-hero{min-height:60vh;padding:40px 24px 60px}.chapter{min-height:auto;padding:40px 24px}.story-hero h1{font-size:24px}.nav-links>li>a{padding:8px;font-size:11px}.about-page{padding:40px 20px}.about-header h1{font-size:24px}}.about-page{max-width:800px;min-height:calc(100vh - 56px);margin:0 auto;padding:60px 36px 80px}.about-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.about-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dprk-red);margin-bottom:12px;font-size:12px}.about-header h1{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:36px;line-height:1.15}.about-lead{color:var(--text-secondary);max-width:600px;font-size:17px;line-height:1.65}.about-section{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:32px}.about-section:last-of-type{border-bottom:none}.about-section h2{color:#fff;text-transform:uppercase;letter-spacing:.03em;margin-bottom:14px;font-size:18px}.about-section h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-top:20px;margin-bottom:8px;font-size:14px}.about-section p{color:var(--text-secondary);margin-bottom:12px;font-size:15px;line-height:1.7}.about-section a{color:var(--usa-blue);text-underline-offset:2px;text-decoration:underline}.about-section a:hover{color:var(--dprk-red)}.about-section code{font-family:var(--font-mono);color:var(--nuke-yellow);background:#eab3080f;border-radius:3px;padding:1px 6px;font-size:13px}.about-list{margin:12px 0;padding:0;list-style:none}.about-list li{color:var(--text-secondary);padding:6px 0 6px 20px;font-size:14px;line-height:1.7;position:relative}.about-list li:before{content:"∙";color:var(--dprk-red);font-size:16px;line-height:1;position:absolute;left:4px}.about-list li strong{color:#fff}.about-disclaimer{border-radius:var(--radius-md);background:#cc29360a;border:1px solid #cc293626;padding:24px}.about-disclaimer h2{color:var(--dprk-red)}.about-disclaimer p{color:var(--text-muted);font-size:14px}.nav-dropdown-wrapper{position:relative}.nav-dropdown-trigger{cursor:pointer;color:var(--text-secondary);font-family:inherit;font-family:var(--font-heading);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.open{color:var(--text-primary);background:var(--bg-primary)}.nav-dropdown-trigger.active-parent{color:var(--usa-blue)}.nav-dropdown{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:1100;padding:4px 0;list-style:none;animation:.15s dropdownFadeIn;position:absolute;top:100%;left:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown li a{font-family:var(--font-sans);color:var(--text-secondary);padding:8px 16px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-dropdown li a:hover{background:var(--bg-card);color:var(--text-primary);text-decoration:none}.nav-dropdown li a.active{color:var(--usa-blue)}.ref-page-bg{background:#f8f9fb;min-height:calc(100vh - 56px)}.site-nav.nav-light{background:#fff;border-bottom:1px solid #dde1e8;box-shadow:0 1px 2px #0000000d}.site-nav.nav-light .nav-brand{color:#1e293b}.site-nav.nav-light .nav-links>li>a,.site-nav.nav-light .nav-dropdown-trigger{color:#475569}.site-nav.nav-light .nav-links>li>a:hover,.site-nav.nav-light .nav-dropdown-trigger:hover{color:#1e293b;background:#f3f5f8}.site-nav.nav-light .nav-links>li>a.active,.site-nav.nav-light .nav-dropdown-trigger.active-parent{color:#2563eb;background:#2563eb12}.site-nav.nav-light .nav-dropdown{background:#fff;border:1px solid #dde1e8;box-shadow:0 4px 12px #00000014}.site-nav.nav-light .nav-dropdown a{color:#475569}.site-nav.nav-light .nav-dropdown a:hover{color:#1e293b;background:#f3f5f8}.site-nav.nav-light .nav-dropdown a.active{color:#2563eb;background:#2563eb0f}.ref-layout{color:#1e293b;background:#f8f9fb;grid-template-columns:240px 1fr;gap:0;max-width:1400px;min-height:calc(100vh - 56px);margin:0 auto;display:grid}.ref-sidebar{background:#fff;border-right:1px solid #dde1e8;padding-right:0}.ref-sidebar-inner{min-width:200px;max-height:calc(100vh - 56px);padding:20px 0;font-size:13px;position:sticky;top:56px;overflow-y:auto}.ref-sidebar-home{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.ref-sidebar-home:hover{color:#1e293b;background:#f3f5f8;text-decoration:none}.ref-sidebar-section{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:6px;margin-top:20px;margin-bottom:6px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.ref-sidebar-section:first-child{margin-top:0}.ref-sidebar-links{margin:0;padding:0;list-style:none}.ref-sidebar-links li a{color:#475569;border-left:2px solid #0000;padding:5px 14px 5px 26px;font-size:13px;line-height:1.5;text-decoration:none;transition:all .12s;display:block}.ref-sidebar-links li a:hover{color:#1e293b;background:#f3f5f8;text-decoration:none}.ref-sidebar-links li a.active{color:#1e293b;background:#2563eb0a;border-left-color:#2563eb;font-weight:600}.ref-sidebar-toc li a{padding-left:26px;font-size:12px}.ref-content{background:#f8f9fb;min-width:0}.ref-breadcrumb{font-family:var(--font-mono);color:#94a3b8;background:#fff;border-bottom:1px solid #dde1e8;align-items:center;gap:6px;padding:14px 24px;font-size:11px;display:flex}.ref-breadcrumb a{color:#2563eb;text-decoration:none}.ref-breadcrumb a:hover{text-decoration:underline}.ref-breadcrumb-sep{color:#c4cad6;margin:0}.ref-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dprk-red);margin:32px 32px 0;font-size:11px}.ref-title{font-family:var(--font-heading);color:#1e293b;text-transform:uppercase;letter-spacing:.03em;margin:8px 32px 16px;font-size:32px;font-weight:700;line-height:1.15}.ref-lead{color:#475569;max-width:720px;margin:0 32px 28px;font-size:16px;line-height:1.7}.ref-tabs{border-bottom:1px solid #dde1e8;flex-wrap:wrap;gap:0;margin-bottom:28px;padding:0 32px;display:flex}.ref-tab{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;border-bottom:2px solid #0000;padding:10px 18px;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s}.ref-tab:hover{color:#475569;text-decoration:none}.ref-tab.active{color:#1e293b;border-bottom-color:#2563eb}.ref-section{margin-bottom:32px;padding:0 32px}.ref-section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #dde1e8;margin-bottom:12px;padding-bottom:8px;font-size:11px}.constitution-year-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:12px;display:grid}.constitution-year-card{border-radius:var(--radius-md);background:#fff;border:1px solid #dde1e8;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:block;box-shadow:0 1px 2px #0000000d}.constitution-year-card:hover{background:#f3f5f8;border-color:#c4cad6;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.constitution-year-card-year{font-family:var(--font-mono);color:#1e293b;letter-spacing:.02em;align-items:center;gap:8px;font-size:28px;font-weight:700;display:inline-flex}.constitution-latest-badge{color:#fff;letter-spacing:.02em;text-transform:none;vertical-align:middle;background:#10b981;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.constitution-year-card-label{font-family:var(--font-heading);color:#1e293b;text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:15px}.constitution-year-card-desc{color:#94a3b8;margin-top:8px;font-size:13px;line-height:1.5}.constitution-body{max-width:800px;padding:0 32px}.constitution-section{border-bottom:1px solid #dde1e8;margin-bottom:48px;padding-bottom:32px}.constitution-section:last-child{border-bottom:none}.constitution-section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:#1e293b;border-bottom:1px solid #c4cad6;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700}.constitution-paragraph{color:#475569;margin-bottom:8px;font-size:15px;line-height:1.85;position:relative}.constitution-section-title .chapter-label{color:#16a34a}.constitution-paragraph .article-label{color:#cc2936;font-weight:600}.ref-disclaimer{border-radius:var(--radius-md);color:#475569;background:#10b9810d;border:1px solid #10b98140;margin:20px 32px 28px;padding:16px 20px;font-size:13px;line-height:1.6}.ref-disclaimer strong{color:#10b981}.ref-footer{font-family:var(--font-mono);color:#94a3b8;text-align:center;border-top:1px solid #dde1e8;margin-top:40px;padding:24px 0;font-size:12px}@media (max-width:900px){.ref-layout{grid-template-columns:1fr}.ref-sidebar{border-bottom:1px solid #dde1e8;border-right:none}.ref-sidebar-inner{flex-wrap:wrap;align-items:center;gap:8px;max-height:none;padding:16px 20px;display:flex;position:relative;top:auto}.ref-sidebar-section{width:100%}.ref-sidebar-links{flex-wrap:wrap;gap:0;display:flex}.ref-sidebar-links li a{border-bottom:2px solid #0000;border-left:none;padding:6px 12px;font-size:12px}.ref-sidebar-links li a.active{background:#2563eb0f;border-bottom-color:#2563eb;border-left-color:#0000}.ref-sidebar-toc{display:none!important}.ref-eyebrow{margin:20px 20px 0}.ref-title{margin:8px 20px 12px;font-size:24px}.ref-lead{margin:0 20px 20px}.ref-tabs,.ref-section,.constitution-body{padding:0 20px}.ref-disclaimer{margin:16px 20px 20px}.ref-breadcrumb{padding:10px 20px}.constitution-year-grid{grid-template-columns:1fr}}