:root{--sea:#0e1a2b;--sea-2:#0a1421;--panel:#132339;--panel-2:#182b46;--line:#273b5c;--land:#e8dcc4;--paper:#ecdfc2;--gold:#e0b04f;--ink:#1e1b18;--text:#ede6d6;--muted:#a3aebf;--red:#e07a64;--seal:#a8432c;--teal:#6cc4b0;--health:#6fa86a;--wealth:#e0b04f;--learning:#6f93c4;--heart:#d06f7e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.55}*{box-sizing:border-box}html,body{background:var(--sea-2);color:var(--text);margin:0;overflow-x:hidden}.serif{font-family:Noto Serif KR,Nanum Myeongjo,serif}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,monospace}.soft{color:var(--muted);font-size:.85rem}.lbl{color:var(--muted);letter-spacing:.02em;font-size:.8rem}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;min-height:40px;padding:8px 12px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button.on{background:var(--gold);color:var(--sea);border-color:var(--gold);font-weight:700}button.go{background:var(--gold);color:var(--sea);letter-spacing:.1em;border:none;padding:14px 28px;font-size:1.1rem;font-weight:800}button.go.small{letter-spacing:0;padding:8px 18px;font-size:1rem}button.ghost{background:0 0}button.primary{background:var(--gold);color:var(--sea);border-color:var(--gold);font-weight:700}.box{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.box-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.help{border-color:var(--teal);color:var(--teal);font-size:.9rem}canvas.px{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.dots{vertical-align:middle;gap:3px;display:inline-flex}.dots i{border:1.5px solid var(--muted);border-radius:50%;width:9px;height:9px;display:inline-block}.dots i.f{background:var(--gold);border-color:var(--gold)}.tag{vertical-align:1px;border:1px solid;border-radius:3px;margin-left:6px;padding:0 5px;font-size:.68rem;font-weight:600;display:inline-block}.t-자료{color:var(--teal);border-color:var(--teal)}.t-추정{color:var(--gold);border-color:var(--gold)}.t-모형{color:var(--muted);border-color:var(--muted)}.portrait{border:2px solid var(--gold);outline-offset:2px;background:var(--paper);outline:1px solid #e0b04f66;flex:none}.portrait.l{width:96px}.portrait.m{width:72px}.portrait.s{width:32px}.portrait.face{border-width:1.5px;border-radius:50%;outline:none}.portrait.faded{opacity:.75;border-color:#6d7c93}main.first.v2{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:24px 16px 48px;display:flex}.first-head h1{font-size:2rem;font-weight:800}.first-head p{margin-top:6px}.first-map{padding:8px}.centuries{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cb{flex-direction:column;align-items:flex-start;gap:0;padding:8px 12px;display:flex}.cb b{font-size:1rem}.cb small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:.75rem}.cb.any{border-style:dashed;border-color:var(--gold);color:var(--gold);background:0 0}.seg{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.seg.three{grid-template-columns:repeat(3,1fr)}.seg button{color:var(--muted);background:0 0;border:none}.seg button.on{background:var(--gold);color:var(--sea)}.regions{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:36px;padding:4px 10px;font-size:.9rem}.chip .deep{color:var(--gold)}.chip.on .deep{color:var(--sea)}.about{flex-direction:column;gap:4px;display:flex}.saved{flex-direction:column;gap:10px;display:flex}.saved h2{color:var(--muted);font-size:1rem}.saved ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.saved .ghost{text-align:left;width:100%}main.birth.v2{justify-content:center;padding:20px 16px 48px;display:flex}.doc{background:var(--paper);width:100%;max-width:640px;color:var(--ink);outline:1px solid var(--gold);outline-offset:5px;border-radius:3px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.doc .soft,.doc small{color:#5e5446}.doc-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.doc-head .serif{letter-spacing:.3em;font-weight:700}.seal{border:3px solid var(--seal);color:var(--seal);letter-spacing:.1em;border-radius:3px;padding:4px 6px;font-family:Noto Serif KR,serif;font-weight:900;transform:rotate(-4deg)}.doc-top{align-items:center;gap:14px;display:flex}.doc-top h1{font-size:1.8rem}.doc-rows{grid-template-columns:9.5em 1fr;margin:0;display:grid}.doc-rows dt,.doc-rows dd{border-bottom:1px solid #1e1b1833;margin:0;padding:7px 0}.doc-rows dt{color:#5e5446;font-size:.85rem}.doc-rows dd{font-weight:600}.doc-map{flex-direction:column;gap:4px;display:flex}.doc-map canvas{border:1px solid var(--ink)}.doc .fact{color:#e8f2ee;background:#1e3c3a;border-radius:4px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.doc .fact small{color:#a9c9c0}.tenths{gap:6px;display:flex}.tenths i{border:1.5px solid #a9c9c0;border-radius:50%;width:18px;height:18px}.tenths i.f{background:var(--gold);border-color:var(--gold)}.then-now{border-collapse:collapse;width:100%;font-size:.95rem}.then-now th,.then-now td{text-align:right;border-bottom:1px dashed #1e1b184d;padding:6px 4px}.then-now th:first-child{text-align:left;color:#5e5446;font-weight:400}.then-now td:last-child{font-weight:700}.then-now caption{caption-side:bottom;color:#5e5446;text-align:left;padding-top:4px;font-size:.75rem}.doc-others{border-top:1px solid #1e1b184d;flex-direction:column;gap:3px;padding-top:8px;display:flex}.doc-others .lbl{color:#5e5446}.doc-go{justify-content:flex-end;display:flex}main.life.v2{max-width:1440px;margin:0 auto;padding:0 12px 40px}.topbar{z-index:5;background:var(--sea-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 4px;display:flex;position:sticky;top:0}.tb-age{align-items:baseline;gap:2px;display:flex}.tb-age b{font-size:2.6rem;font-weight:800;line-height:.9}.tb-when{flex-direction:column;display:flex}.tb-when b{font-size:1.3rem;line-height:1}.tb-when small{color:var(--muted)}.tb-ctl{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.speeds{border:1px solid var(--line);border-radius:6px;gap:2px;padding:2px;display:flex}.speeds button{background:0 0;border:none;min-width:40px;padding:6px;font-family:ui-monospace,Menlo,monospace}.speeds button.on{background:var(--gold);color:var(--sea)}.tb-ctl .auto.on{color:var(--gold);border-color:var(--gold);background:0 0}.tb-ctl .step{border-color:var(--gold);color:var(--gold)}.cols{flex-direction:column;gap:10px;padding-top:10px;display:flex}.col{display:contents}.scene{order:1}.stats{order:2}.focus{order:3}.log{order:4}.family{order:5}.others{order:6}.idcard{order:7}.country{order:8}.survival{order:9}.map{order:10}.help{order:2}.idcard{padding:0;overflow:hidden}.id-head{background:var(--seal);color:#fff;justify-content:space-between;padding:6px 12px;font-size:.85rem;display:flex}.id-body{gap:12px;padding:12px;display:flex}.id-rows{flex-direction:column;gap:3px;min-width:0;display:flex}.id-rows h2{font-size:1.3rem}.id-rows p{font-size:.9rem}.id-rows p span{width:3em;color:var(--muted);font-size:.8rem;display:inline-block}.id-doc{border-top:1px dashed var(--line);color:var(--muted);word-break:break-all;padding:8px 12px;font-size:.85rem}.stat .r{justify-content:space-between;align-items:baseline;display:flex}.stat .r span{font-weight:600}.stat .r b{font-family:ui-monospace,Menlo,monospace}.stat .bar{background:#24344d;border-radius:2px;height:8px;overflow:hidden}.stat .bar i{height:100%;display:block}.stat.health .bar i{background:var(--health)}.stat.wealth .bar i{background:var(--wealth)}.stat.learning .bar i{background:var(--learning)}.stat.heart .bar i{background:var(--heart)}.stat.low .r b{color:var(--red)}.scene{padding:8px}.scene-cv{border:1px solid var(--ink);outline:1px solid var(--gold);outline-offset:2px}.caption{padding:2px 4px;font-size:.9rem}.focus .chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.fchip{flex-direction:column;align-items:flex-start;gap:0;display:flex}.fchip small{color:var(--muted);font-size:.72rem}.fchip.on small{color:var(--sea)}.log-list{flex-direction:column;display:flex}.ly{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:10px;padding:8px 0;display:grid}.ly-when b{color:var(--gold);font-family:ui-monospace,Menlo,monospace;display:block}.ly-when small{color:var(--muted)}.ly-lines{flex-direction:column;gap:2px;min-width:0;display:flex}.ly-lines p{font-size:.93rem}.ly-lines p.bad{color:var(--red)}.ly-lines p.pick{color:var(--gold)}.ly-lines p.stat-line{color:var(--teal)}.ly-lines p.other-line{color:var(--muted);font-size:.85rem;font-style:italic}.fam{flex-wrap:wrap;gap:6px;display:flex}.fam-chip{border:1px solid var(--line);background:var(--sea);border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:inline-flex}.fam-chip small{color:var(--muted)}.fam-chip em{font-family:ui-monospace,Menlo,monospace;font-style:normal}.oth{border-top:1px solid var(--line);grid-template-columns:32px 1fr;align-items:center;gap:10px;padding-top:8px;display:grid}.oth b small{color:var(--muted);font-weight:400}.oth p{color:#d2d6dd;font-size:.85rem}.oth.gone{opacity:.6}.map{padding:8px}.map-cv{border:1px solid var(--line)}.chart{width:100%;height:auto}.chart .grid{stroke:#24344d;stroke-width:1px}.chart .ax{fill:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:10px}.chart .world{fill:none;stroke:var(--muted);stroke-dasharray:4 3;stroke-width:1.5px}.chart .mine{fill:none;stroke:var(--teal);stroke-width:2.5px}.chart .dot{fill:var(--gold)}.chart .here{fill:var(--gold);font-size:11px;font-weight:700}.legend{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.legend i{width:16px;height:3px;display:inline-block}.legend i.mine{background:var(--teal)}.legend i.world{background:var(--muted)}.country table{border-collapse:collapse;width:100%;font-size:.88rem}.country th,.country td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:5px 0}.country th{color:var(--muted);width:48%;padding-right:8px;font-weight:400}.country td{font-weight:600}.country tr{cursor:pointer}.country tr.later{cursor:default;opacity:.45}.country .src{color:var(--muted);margin-top:2px;font-size:.75rem;font-weight:400;display:block}.dead-bar{z-index:10;background:linear-gradient(transparent, var(--sea-2) 45%);justify-content:center;padding:14px 12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.overlay{z-index:20;background:#050a12b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:92vh;padding:18px;display:flex;overflow-y:auto}.card.with-map{max-width:980px}.choice-map canvas{border:1px solid var(--line)}.choice-body{flex-direction:column;gap:12px;display:flex}.card-head{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.badge{background:var(--gold);color:var(--sea);border-radius:3px;padding:2px 8px;font-size:.8rem;font-weight:700}.card-text{font-size:1.45rem;line-height:1.35}.fact-box{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.fact-box .k{color:var(--gold);font-size:.75rem}.fact-box small{color:var(--muted);font-size:.75rem}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.option .n{border:1.5px solid var(--gold);width:30px;height:30px;color:var(--gold);border-radius:50%;place-items:center;font-family:ui-monospace,Menlo,monospace;display:grid}.option b{display:block}.hints{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.hint-chip{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 5px;font-size:.72rem}textarea{width:100%;font:inherit;color:var(--text);background:var(--sea);border:1px solid var(--line);resize:vertical;border-radius:6px;padding:8px}.row-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}main.end.v2{flex-direction:column;gap:12px;max-width:1440px;margin:0 auto;padding:16px 12px 48px;display:flex}.end-head h1{font-size:1.5rem}.end-cols{flex-direction:column;gap:12px;display:flex}.end-left,.end-right{flex-direction:column;gap:12px;min-width:0;display:flex}.box.death{flex-direction:row;align-items:center;gap:14px}.death .big{font-size:1.1rem}.death .big b{font-size:3rem;line-height:1}.record{background:var(--paper);color:var(--ink);outline:1px solid var(--gold);outline-offset:4px;border-radius:3px;flex-direction:column;gap:8px;margin:4px;padding:12px 16px;display:flex}.record small{color:#5e5446}.rec-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.rec-head .serif{letter-spacing:.3em;font-weight:700}.record .vertical{writing-mode:vertical-rl;text-orientation:upright;flex-flow:column wrap;align-self:flex-end;gap:4px 10px;height:190px;font-size:1.05rem;display:flex}.record.hojeok p,.record.common p{font-size:1.15rem}.record.none{align-items:flex-start}.record.none p{font-size:1.15rem;font-style:italic}.five>div{border-top:1px solid var(--line);grid-template-columns:32px 1fr;align-items:center;gap:10px;padding-top:8px;display:grid}.five .t{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.five .t small{color:var(--muted);font-weight:400}.five .t span{white-space:nowrap;font-size:.85rem}.lifebar{background:#24344d;border-radius:2px;height:6px;margin-top:4px}.lifebar i{background:#8b99ae;border-radius:2px;height:100%;display:block}.five .me .lifebar i{background:var(--gold)}.five .me .t b{color:var(--gold)}.five .gone{opacity:.6}.summary .note{color:var(--gold)}.seed{text-align:right}@media (width>=1100px){.cols{grid-template-columns:300px minmax(0,1fr) 380px;align-items:start;display:grid}.col{flex-direction:column;gap:10px;min-width:0;display:flex}.col.left{position:sticky;top:72px}.scene,.stats,.focus,.log,.family,.others,.idcard,.country,.survival,.map,.help{order:0}.focus .chips,.centuries{grid-template-columns:repeat(4,minmax(0,1fr))}main.first.v2{max-width:980px}.end-cols,.card.with-map{grid-template-columns:minmax(0,1fr) 420px;align-items:start;display:grid}}@media (width>=640px) and (width<=1099px){.centuries{grid-template-columns:repeat(3,minmax(0,1fr))}.focus .chips{grid-template-columns:repeat(4,minmax(0,1fr))}}.nowrap{white-space:nowrap}.dots i{width:8px;height:8px}.hundred{grid-template-columns:repeat(20,8px);gap:3px;display:grid}.hundred i{border:1px solid #a9c9c0;border-radius:50%;width:8px;height:8px;display:block}.hundred i.f{background:var(--gold);border-color:var(--gold)}.topbar .exit{color:var(--muted);background:0 0;margin-left:8px}.topbar .exit:hover{color:var(--text)}@media (width<=1099px){.topbar .exit{margin-left:auto}.tb-ctl{width:100%;margin-left:0}}.doc-go{justify-content:space-between;align-items:center}.doc .ghost.back{color:var(--ink);border-color:#1e1b1859}.go.born{letter-spacing:.3em;width:100%;padding:18px;font-family:Noto Serif KR,serif;font-size:1.5rem}.born-note{text-align:center;margin-top:-6px}.cb.on small{color:var(--sea)}.cb.any.on{background:var(--gold);color:var(--sea)}.topbar .music{color:var(--muted);background:0 0}.topbar .music.on{color:var(--gold);border-color:var(--gold);background:0 0}