:root{--paper:#f3ecdf;--paper-2:#e9dfcc;--ink:#2b2620;--ink-soft:#6b6156;--line:#cfc2aa;--accent:#8a3b2b;--health:#5b7f4a;--wealth:#a07a2c;--learning:#3f6283;--heart:#9b4a5a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;overflow-x:hidden}button{font:inherit;color:inherit;background:var(--paper-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:40px;padding:8px 10px}button:disabled{opacity:.45;cursor:default}button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.ghost{background:0 0}.soft{color:var(--ink-soft);font-size:.9rem}.help{background:#fff6e0;border:1px solid #e3c98a;border-radius:8px;padding:8px 10px;font-size:.92rem}.c11{--accent:#6d5a3a}.c12{--accent:#7a4b2a}.c13{--accent:#7b2f2f}.c14{--accent:#4f4a6b}.c15{--accent:#2f5d62}.c16{--accent:#8a3b2b}.c17{--accent:#5c5a2e}.c18{--accent:#3e5c7a}.c19{--accent:#6b3a5c}.c20a{--accent:#39434f}.any{--accent:#2b2620}main{max-width:520px;margin:0 auto;padding:16px}.first .title{text-align:center;margin:12px 0 16px;font-size:1.6rem}.centuries{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.century{background:var(--paper);border:1px solid var(--accent);color:var(--accent);font-weight:600}.century.any{background:var(--ink);color:var(--paper);grid-column:1/-1}.opts{border:1px solid var(--line);border-radius:10px;margin:16px 0 0;padding:8px 12px 12px}.opts legend{color:var(--ink-soft);padding:0 6px;font-size:.9rem}.opts label{padding:4px 0;display:block}.opts.row label{margin-right:16px;display:inline-block}.regions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{min-height:36px;padding:6px 10px;font-size:.92rem}.deep{color:#b07a10}.hint{width:100%;color:var(--ink-soft);margin:4px 0 0;font-size:.82rem}.about{margin-top:16px;font-size:.95rem}.about p{margin:4px 0}.birth{flex-direction:column;justify-content:center;gap:4px;min-height:100dvh;font-size:1.1rem;display:flex}.birth .tap{margin-top:24px}.fade{animation:.8s both fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.frame{min-height:100dvh}.life{padding-bottom:150px}.life-head{background:var(--paper);z-index:2;border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.when{font-size:1.1rem}.when strong{color:var(--accent)}.speed{flex-wrap:wrap;gap:4px;display:flex}.speed button{min-height:34px;padding:4px 8px;font-size:.9rem}.speed .auto{margin-left:auto}.bars{grid-template-columns:1fr 1fr;gap:6px 14px;margin:12px 0;display:grid}.bar{align-items:center;gap:8px;font-size:.9rem;display:flex}.bar-name{flex:none;width:2.4em}.bar-track{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;flex:1;height:10px;overflow:hidden}.bar-fill{height:100%;transition:width .4s;display:block}.bar-fill.health{background:var(--health)}.bar-fill.wealth{background:var(--wealth)}.bar-fill.learning{background:var(--learning)}.bar-fill.heart{background:var(--heart)}.people{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.person{border:1px solid var(--line);background:#fbf7ef;border-radius:999px;padding:2px 10px;font-size:.88rem}.log .year{border-top:1px dashed var(--line);color:var(--ink-soft);padding:8px 0;font-size:.9rem}.log .year.now{color:var(--ink);font-size:1rem}.log .year p{margin:2px 0}.year-head{font-weight:600}.focus{background:var(--paper);border-top:1px solid var(--line);padding:8px 16px 12px;position:fixed;bottom:0;left:0;right:0}.focus>*{max-width:520px;margin-left:auto;margin-right:auto}.focus-label{color:var(--ink-soft);font-size:.85rem;display:block}.focus-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;display:grid}.focus .step{width:100%;margin-top:8px;display:block}.dead-bar{background:var(--paper);border-top:1px solid var(--line);text-align:center;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.overlay{z-index:10;background:#2b262073;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.card{background:var(--paper);border-top:4px solid var(--accent);border-radius:14px;width:100%;max-width:520px;padding:16px}.card-head{color:var(--ink-soft);margin:0;font-size:.88rem}.card-text{margin:6px 0 12px;font-size:1.1rem}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hints{flex-wrap:wrap;gap:4px;display:flex}.hint-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:0 8px;font-size:.78rem}.card textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:8px}.row-buttons{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.end .big{font-size:1.2rem;font-weight:600}.death p{margin:4px 0}.record{border:2px solid var(--ink);background:#fbf7ef;border-radius:4px;margin:16px 0;padding:12px}.record-head{letter-spacing:.1em;border-bottom:1px solid var(--ink);margin-bottom:8px;font-weight:700}.record p{margin:4px 0}.record .note{font-style:italic}.summary{font-size:.95rem}.seed{text-align:center}.saved{margin-top:16px}.resume button{width:100%}.resume p{text-align:center;margin:4px 0 0}.recent h2{margin:16px 0 4px;font-size:1rem}.recent ul{margin:0;padding:0;list-style:none}.recent li button{text-align:left;border:none;border-bottom:1px dashed var(--line);border-radius:0;width:100%;font-size:.92rem}