@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
:root{--paper:#f0f5f1;--ink:#294648;--muted:#788a84;--line:#d3e0d8;--green:#558c78;--sage:#d8eadd;--gold:#e5ac60;--white:#fffef9;--serif:'Jua','Malgun Gothic',sans-serif;--red:#bf7b6c}.topbar{padding:17px 25px;max-width:none;background:#fafff8}.brand{font-size:29px;letter-spacing:1px}.brand small{font-size:14px;letter-spacing:2px}.beta{background:#fff3d8;border-color:#edcd90;border-radius:20px}.button{border-radius:12px;border:2px solid #c8dccd;box-shadow:0 3px 0 #bdd0c2;background:#fbfff7;font-size:14px;min-height:44px}.button.primary{background:#639b82;border-color:#548a73;box-shadow:0 4px 0 #3f6f5c;color:#fff}.button.primary:hover{background:#72aa8e}.button:hover:not(:disabled){transform:translateY(-1px);background:#e5f4e8}.button.mint{background:#e4f2df;border-color:#bdd7b6;color:#587753}.button.blush{background:#fff0ec;border-color:#e9c9be;box-shadow:0 3px 0 #dcb7a8;color:#a26f67}.panel{background:#fdfffa;border:1px solid #d3e2d7;border-radius:12px;box-shadow:0 3px 0 #dbe6dd;padding:20px}.panel h2{font-size:18px;font-weight:400;margin:0 0 17px}.pixel-tag{display:inline-block;font-family:var(--sans);font-size:14px;letter-spacing:2px;color:#8ca89a;background:#e6f0e7;border-radius:20px;padding:5px 12px}.pixel-home{max-width:1000px;margin:auto;padding:35px 30px 40px}.home-title{text-align:center;padding-bottom:23px}.home-title h1{font-family:var(--serif);font-size:68px;line-height:1.2;font-weight:400;letter-spacing:4px;margin:18px 0 12px;color:#47745f;text-shadow:2px 3px 0 #d7e7cb}.home-title h1 span{color:#dca265}.home-title>p{font-family:var(--serif);font-size:22px;line-height:1.6;margin-bottom:10px;color:#638575}.home-title>small{font-size:14px;line-height:1.9;color:#87978c}.pixel-scene{height:280px;position:relative;border:3px solid #a9cbb9;border-radius:12px;background:#b4d6f3 url('./assets/neighborhood.png') center 60% / cover no-repeat;overflow:hidden;image-rendering:pixelated;box-shadow:0 4px 0 #d2e0d4;isolation:isolate}.pixel-scene.autumn{background-color:#f2dcc0}.pixel-scene.autumn:before{content:'';position:absolute;inset:0;background:#f4b0560e;pointer-events:none;z-index:1}.landing-scene{height:330px;border-radius:16px;border-width:4px;box-shadow:0 6px 0 #d2e1d4}.scene-weather{position:absolute;left:13px;right:13px;top:12px;display:flex;justify-content:space-between;gap:10px;z-index:2}.scene-weather span{background:#fffef3e6;border:1px solid #d4e3c7;border-radius:10px;padding:4px 9px;font-size:14px;color:#71906c;box-shadow:0 2px 0 #7f9f5620}.scene-cast{position:absolute;bottom:29px;left:0;right:0;height:180px;z-index:2;display:flex;align-items:flex-end;justify-content:center}.scene-person{position:relative;width:140px;height:170px;text-align:center;flex-shrink:0;animation:personBreathe 2.7s steps(2,end) infinite}.life-sprite{display:block;background-image:url('./assets/life-sprites.png');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;width:150px;height:150px;image-rendering:pixelated;animation:spriteWalk 1.1s steps(1,end) infinite;flex-shrink:0}.life-sprite.child{background-position-x:0}.life-sprite.adult{background-position-x:50%}.life-sprite.elder{background-position-x:100%}.scene-person>.life-sprite{position:absolute;bottom:9px;left:50%;transform:translateX(-50%)}.scene-person>span:not(.life-sprite):not(.activity-prop){position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:inline-block;padding:2px 10px;background:#fffff0e8;border:1px solid #bdccaa;border-radius:7px;color:#677659;font-size:14px;white-space:nowrap}.scene-person.protagonist{z-index:3;margin:0 8px}.scene-person.companion{width:105px;height:155px;opacity:.97}.companion .life-sprite{width:135px;height:135px;animation-delay:-.4s}.companion.parent-two{filter:hue-rotate(34deg);order:3}.protagonist .life-sprite{animation-duration:.85s}.scene-person.child-person{width:70px;height:115px;order:4}.child-person .life-sprite{width:110px;height:110px;animation-duration:1.2s}.partner-tint{filter:hue-rotate(70deg)}.pixel-bubble{position:absolute;top:-14px;left:50%;transform:translateX(-50%);border:2px solid #9bb6aa;background:#fffef8;border-radius:12px;padding:7px 10px;font-family:var(--serif);font-size:14px;white-space:nowrap;color:#527c67;box-shadow:0 3px 0 #386e4820;z-index:5;animation:bubbleFloat 3s ease-in-out infinite}.pixel-bubble:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 5px);width:8px;height:8px;background:#fffef8;transform:rotate(45deg);border-right:2px solid #9bb6aa;border-bottom:2px solid #9bb6aa}.activity-prop{position:absolute;left:107px;top:73px;font-size:20px;color:#d88b59;text-shadow:1px 2px 0 #fff6d4;animation:propBob 1.4s steps(2,end) infinite}.protagonist.people .activity-prop{color:#df8e93}.protagonist.health{animation:walkAround 6s ease-in-out infinite}.protagonist.make .activity-prop{animation:drawProp .8s steps(2,end) infinite}.scene-spark{position:absolute;color:#fff9b6;text-shadow:1px 1px 0 #9db06c;z-index:2;font-size:14px;animation:twinkle 3s steps(2,end) infinite}.spark-one{left:14%;bottom:32%}.spark-two{right:18%;bottom:40%;animation-delay:-1s}.spark-three{left:70%;top:28%;animation-delay:-2s}.pixel-scene-caption{position:absolute;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;background:#fffff5ee;border-top:1px solid #c6d9b9;padding:7px 10px;font-size:14px;color:#788c6a;gap:8px}.pixel-scene-caption button{padding:0;background:none;font-size:14px;color:#93a485;white-space:nowrap}.still *{animation-play-state:paused!important}.start-card{margin:25px 0 28px;background:#fcfff8;border:2px solid #d5e5d6;border-radius:15px;box-shadow:0 4px 0 #e1ebdb;display:flex;justify-content:space-between;align-items:center;padding:23px;gap:20px}.start-card h2{font-family:var(--serif);font-size:20px;font-weight:400;margin:0 0 8px}.start-card p{font-size:14px;color:#8a9a85}.start-buttons{display:flex;gap:10px;flex-shrink:0}.start-buttons .button{font-size:14px;white-space:nowrap}.home-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;text-align:center}.home-features>div{padding:15px 8px}.home-features>div>span{display:block;font-size:26px;color:#8eb398;margin-bottom:7px}.home-features>div:nth-child(2)>span{color:#d8ac6e}.home-features>div:nth-child(3)>span{color:#d69a99}.home-features strong{font-family:var(--serif);font-size:17px;font-weight:400}.home-features p{font-size:14px;color:#90a08b;margin-top:8px}.home-disclaimer{text-align:center;font-size:14px;color:#9ba994;margin-top:24px}footer{max-width:none;font-size:14px;padding:18px 26px;background:#f6faf4}.reference-game{max-width:1480px;padding:0 20px 35px;margin:auto}.game-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px 0 12px;position:sticky;top:0;background:#f0f5f1f2;z-index:20;backdrop-filter:blur(6px)}.control-age{display:flex;align-items:center;gap:7px;margin-right:auto;min-width:155px}.control-age>strong{font-family:var(--serif);font-size:37px;font-weight:400;line-height:1}.control-age>span{font-size:14px}.control-age small{display:block;font-size:14px;color:#8c9c91}.control-button,.speed-buttons button{background:#fafff8;border:1px solid #cfdfd4;box-shadow:0 2px 0 #dde7df;border-radius:6px;min-height:32px;padding:6px 10px;font-size:14px;color:#687f72}.control-button.active,.speed-buttons .active{background:#6a9d87;color:#fff;border-color:#5c8e78;box-shadow:0 2px 0 #507a66}.speed-buttons{display:flex;gap:3px}.speed-buttons button{min-width:30px;padding:6px}.flow-state{font-size:14px;color:#86a08b;flex-basis:100%;text-align:right}.year-flow{height:3px;background:#d6e3da;margin-bottom:19px;border-radius:3px}.year-flow>span{display:block;height:100%;width:0;background:#d9ad68;border-radius:3px;transition:width .25s linear}.reference-grid{display:grid;grid-template-columns:265px minmax(360px,1fr) 285px;gap:18px;align-items:start}.reference-left,.reference-center,.reference-right{display:grid;gap:16px;min-width:0}.passport{padding:0;overflow:hidden}.passport-top{display:flex;justify-content:space-between;font-family:var(--sans);font-size:14px;color:#fafdf7;letter-spacing:1px;background:#86a89e;padding:11px 16px}.passport-top>span{font-size:14px;opacity:.8}.profile-heading{display:flex;gap:11px;padding:16px 15px 5px;align-items:center}.mini-portrait{width:57px;height:64px;background:#e3eee1;border:2px solid #c6d8c4;border-radius:6px;overflow:hidden}.mini-portrait .life-sprite{width:75px;height:75px;margin-left:-10px;margin-top:-9px;animation:none}.profile-heading h1{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 5px}.profile-heading span{font-size:14px;color:#8d9f8d}dl{display:grid;grid-template-columns:auto 1fr;gap:11px 12px;font-size:14px;line-height:1.8;margin:17px 0}dt{color:#92a18f}dd{margin:0;color:#5e766b;word-break:keep-all}dd small{display:block;font-size:14px;color:#a0ab98}.passport dl{padding:0 16px;margin-top:14px}.tier-dots{font-size:14px;letter-spacing:1px;color:#7d9a7b}.passport-code{font-family:monospace;font-size:14px;letter-spacing:1px;padding:12px 16px;border-top:1px dashed #ceddc9;color:#9ba893;line-height:1.9;background:#f5f9ef}.state-panel h2>small{float:right;font-family:var(--sans);font-size:14px;margin-top:5px}.state-panel .stat{display:flex;gap:15px;align-items:center;position:relative;margin-bottom:15px}.state-panel .stat>div:first-child{display:contents;font-size:14px}.state-panel .stat>div:first-child>span{font-size:14px;width:28px;flex-shrink:0}.state-panel .stat strong{position:absolute;right:0;font-family:var(--sans);font-size:14px;font-weight:500;color:#8c9f87}.state-panel .bar{height:7px;border-radius:4px;flex:1;margin-right:25px;background:#e7eee1}.state-panel .bar span{border-radius:4px}.state-panel .text-button{font-size:14px;color:#93a58d;margin:7px 0 0}.mini-finance{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0 16px;padding-top:14px;border-top:1px dashed #d0dfc6}.mini-finance span{display:block;font-size:14px;color:#8ea082}.mini-finance strong{font-family:var(--serif);font-size:20px;display:block;font-weight:400}.state-panel>.button{font-size:14px;padding:9px;min-height:38px}.map-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:15px 0}.map-grid>span{aspect-ratio:1;background:#edf2e7;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center;color:#a8b298}.map-grid .lived{background:#a5c5a2;color:#f4fff0}.map-grid .now{background:#e9ba77;color:#fff;box-shadow:0 0 0 2px #f5dfaa}.map-grid .milestone-cell.lived{background:#86b6a4;position:relative}.map-grid .milestone-cell.lived:after{content:'✦';font-size:14px;color:#fff4c9;position:absolute}.life-map>small{font-size:14px}.life-map h2>small{font-size:14px;font-family:var(--sans);font-weight:400;float:right;margin-top:6px}.focus-panel{padding:18px 20px}.focus-panel .section-label{margin-bottom:13px;font-size:14px;color:#587b63}.focus-panel .section-label strong{font-family:var(--serif);font-size:18px;font-weight:400}.focus-panel .section-label span{font-size:14px;color:#a4b09b}.focus-options{gap:7px}.focus-chip{border-radius:20px;border:1px solid #d1dfc7;background:#fcfff6;box-shadow:0 2px 0 #e6eddb;font-size:14px;padding:7px 11px;color:#83947a}.focus-chip>span{margin-right:5px;color:#9cb085;font-size:14px}.focus-chip.selected{background:#76a38b;border-color:#6b987c;color:#fff;box-shadow:0 2px 0 #54815e}.focus-chip.selected>span{color:#e9ffd9}.focus-hint{font-size:14px;line-height:1.8;color:#8e9f85;margin-top:12px;margin-bottom:0}.story-card{border-radius:12px;box-shadow:0 4px 0 #dbe6d5;padding:23px;border:2px solid #d8e4ce;background:#fffef8}.story-meta{font-size:14px;color:#a1ad90;margin-bottom:16px;letter-spacing:.3px}.story-meta>span:first-child{background:#f8ebce;color:#a78c5b;border-radius:12px;padding:5px 9px;font-size:14px}.story-card h2{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.65;letter-spacing:.2px;color:#4c725d}.story-text{font-family:var(--sans);font-size:14px;line-height:2;color:#88917e}.choices{margin-top:20px;gap:8px}.choice{border:1px solid #dce5cc;border-radius:10px;box-shadow:0 3px 0 #e9eedb;background:#fafcf1;padding:13px 14px;min-height:68px;gap:11px}.choice:hover:not(:disabled){background:#ebf5dd;border-color:#bad39f;transform:translateY(-1px)}.choice-number{font-family:var(--serif);background:#e8eed9;color:#98ad81;border-radius:7px;min-width:22px;text-align:center;font-size:14px;line-height:24px;margin-top:0}.choice strong{font-size:14px;color:#6a805b}.choice small{font-size:14px;color:#9da68c;line-height:1.8;margin-top:3px}.choice-arrow{color:#b2be99;font-size:22px}.receipt{min-height:310px}.receipt .receipt-mark{font-size:40px;margin:7px 0 16px}.receipt h2{font-size:23px}.receipt .story-text{font-size:14px}.receipt .button{margin-top:18px}.changes{margin-top:19px}.changes>span{border-radius:20px;background:#f4f9e9;font-size:14px}.live-journal{padding:18px 20px}.live-journal .section-label{margin-bottom:14px}.live-journal .section-label>strong{font-family:var(--serif);font-size:18px;font-weight:400}.live-journal .text-button{font-size:14px}.ambient-entry{font-size:14px;color:#829a7a;padding:9px 0 14px;border-bottom:1px solid #e2ebd9;line-height:1.8}.ambient-entry>span{display:block;font-size:14px;color:#b2bea3;margin-bottom:3px}.life-entry{display:flex;gap:13px;align-items:flex-start;width:100%;background:none;padding:13px 0;border-bottom:1px solid #e7eddd;text-align:left;line-height:1.7}.life-entry>span:first-child{font-size:14px;color:#9aab8f;white-space:nowrap;margin-top:2px;min-width:27px}.life-entry strong{font-size:14px;font-weight:500;color:#728969}.life-entry small{font-size:14px;display:block;margin-top:4px;color:#a3af96}.life-entry b{margin-left:auto;color:#ceb578;font-size:15px;font-weight:400}.family-panel h2>span{float:right;font-size:14px;color:#d2a3a0}.family-panel dl{grid-template-columns:47px 1fr;gap:15px 12px;font-size:14px}.family-panel>.button{font-size:14px;padding:8px;min-height:38px}.companions-panel h2{font-size:17px;margin-bottom:5px}.companions-panel>small{font-size:14px;color:#a4b39a}.peer{display:flex;gap:9px;align-items:center;padding:16px 0 12px;border-bottom:1px solid #e3ebda}.peer-avatar{width:36px;height:46px;overflow:hidden;background:#e6eedc;border-radius:8px;flex-shrink:0}.peer-avatar .life-sprite{width:53px;height:53px;margin-left:-8px;margin-top:-5px;animation-duration:2.3s}.peer:nth-of-type(2) .peer-avatar{filter:hue-rotate(40deg)}.peer:nth-of-type(3) .peer-avatar{filter:hue-rotate(80deg)}.peer:nth-of-type(4) .peer-avatar{filter:hue-rotate(140deg)}.peer>div:last-child{width:100%}.peer strong{font-size:14px;font-weight:500;display:block;color:#728b6c}.peer strong>span{float:right;font-size:14px;color:#a4b298}.peer small{font-size:14px;display:block;line-height:1.8;margin-top:3px;color:#9aab8e}.companions-panel .understated{font-size:14px;margin-top:13px}.thoughts-panel h2{font-size:17px;margin-bottom:10px}.thoughts-panel p{font-family:var(--serif);font-size:14px;color:#91a080;line-height:1.9}.thoughts-panel .text-button{font-size:14px;color:#a1b18d;margin-top:10px}.saved{font-size:14px;line-height:1.9;text-align:center;margin:0}.birth-page{max-width:700px;margin:35px auto 50px;padding:20px;text-align:center}.birth-page>h1{font-size:38px;font-weight:400;margin:16px 0;color:#64856a}.birth-page>p{font-size:14px;color:#91a181}.birth-card{border:2px solid #c8dbc6;border-radius:14px;overflow:hidden;box-shadow:0 6px 0 #dce6d4;background:#fbfff5;text-align:left;margin:30px 0}.birth-card .passport-top{font-size:14px;padding:14px 22px}.birth-body{display:flex;gap:28px;padding:26px}.birth-portrait{width:150px;height:180px;background:#e6f0dc;border:2px solid #d0e0c2;border-radius:12px;text-align:center;flex-shrink:0}.birth-portrait .life-sprite{margin:0 auto}.birth-portrait>span{font-size:14px;letter-spacing:1px;color:#a0b28c}.birth-body h2{font-size:29px;font-weight:400}.birth-body dl{font-size:14px;gap:9px 16px;margin-bottom:0}.passport-bottom{border-top:1px dashed #cddcbe;text-align:center;padding:16px;color:#9cae8a;font-size:14px}.birth-page>.button{min-width:250px;font-size:14px}.birth-page>small{display:block;font-size:14px;margin-top:20px;color:#a1b18e}.pace-options{display:flex;gap:9px;margin:14px 0}.pace-options label{margin:0!important;padding:11px 15px;border:1px solid #cfddc3;border-radius:10px;background:#fafdf3;flex:1}.pace-options label:has(:checked){background:#e0edd1;border-color:#aac693}.modal{border:2px solid #c3d9ba;border-radius:16px;background:#f5f9f0;box-shadow:0 8px 0 #7c9a6650,0 24px 80px #203a3340}.modal-head{background:#f5f9f0;border-bottom:1px solid #d7e5cd;padding:18px 25px}.modal-head h2{font-size:23px;font-weight:400;color:#668562}.close-button{background:#e4eed8;color:#93ab7d;font-size:14px}.modal-body h3{font-family:var(--serif);font-weight:400;font-size:18px;color:#79936b}.modal-body p{color:#8c9b7d;font-size:14px}.modal-body label{color:#8fa080;font-size:14px}.modal-body input:not([type=radio]),.modal-body select,.modal-body textarea{border:1px solid #cddfbc;background:#fffff8;border-radius:8px;color:#738966;padding:11px;font-size:14px;width:100%}.modal-body textarea{display:block;margin-top:10px;font:inherit;font-size:14px;line-height:1.9;resize:vertical}.modal-body .info-box{background:#e8f0dc;border-color:#d5e4c5;border-radius:10px}.modal-body .tabs button{font-size:14px;color:#8a9f77}.modal-body .tabs button[aria-selected=true]{color:#68845a;border-color:#8eb076}.finance-totals>div{border-radius:10px;background:#e5eed8}.finance-totals strong{font-family:var(--serif)}.cashflow{border-radius:10px;background:#fcfdf4;border-color:#d7e3c8}.asset{border-radius:10px;border-color:#d4e3c4}.asset>strong{color:#7b9467}.asset-name h3{font-family:var(--sans);font-size:14px}.chart{border-radius:10px}.trade-form button{border-radius:7px}.partner,.home-list article{border-radius:12px;border-color:#d4e3c4;background:#fcfef5}.partner-profile h3{font-size:28px}.action-card{border-radius:10px;background:#fffff8;border-color:#d7e3c9;box-shadow:0 2px 0 #e5ecd9}.action-card:hover:not(:disabled){background:#ecf4df}.modal-notice{background:#e1efd2;color:#74945d;top:72px;border-bottom-color:#bdcfa9;font-size:14px!important}.end-page>h1{font-weight:400;font-size:36px;color:#66825d}.end-page h2,.end-page h3{font-weight:400}.end-page .end-grid{gap:35px}.end-page .reason{color:#829774}.end-page .end-stats{background:#fafff2}.end-page .comparison{background:#e5efd8;border-radius:10px}.note-list{margin-top:25px;border-top:1px solid #d7e3c9;padding-top:15px}.note-list p{padding:10px 0;border-bottom:1px dashed #dbe7cc}.home .hero{display:none}@keyframes spriteWalk{0%,49%{background-position-y:0}50%,100%{background-position-y:100%}}@keyframes personBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bubbleFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes propBob{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(3px,-4px) rotate(8deg)}}@keyframes drawProp{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(15deg) translate(2px,-2px)}}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes walkAround{0%,100%{translate:0 0}50%{translate:25px 0}}
@media(max-width:1250px){.reference-grid{grid-template-columns:220px minmax(320px,1fr) 235px;gap:14px}.reference-game{padding:0 18px 30px}.panel{padding:17px}.passport{padding:0}.pixel-scene{height:255px}.landing-scene{height:320px}.control-button{font-size:14px;padding:6px 8px}.control-age{min-width:140px}.family-panel dl{grid-template-columns:42px 1fr;gap:12px 8px}.profile-heading{gap:8px;padding-left:12px}.profile-heading h1{font-size:22px}.state-panel .text-button{font-size:14px}.birth-card .passport-top{font-size:14px}}
@media(max-width:1000px){.reference-grid{grid-template-columns:200px minmax(0,1fr)}.reference-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.reference-right .thoughts-panel{grid-column:1/-1}.reference-right .saved{grid-column:1/-1}.game-controls{gap:6px}.control-age{min-width:130px}.control-button{font-size:14px}.flow-state{flex-basis:auto;margin-left:auto}.pixel-scene{height:270px}.start-card{flex-direction:column;text-align:center;gap:16px}.landing-scene{height:320px}.state-panel .mini-finance{grid-template-columns:1fr}.mini-finance>div{display:flex;justify-content:space-between;align-items:center}.mini-finance strong{font-size:18px}.peer{padding:13px 0}.birth-page{max-width:650px}}
@media(max-width:700px){.topbar{padding:16px 18px}.brand{font-size:26px}.brand small{font-size:14px}.topbar nav{gap:14px}.pixel-home{padding:27px 15px 35px}.home-title h1{font-size:53px;letter-spacing:3px}.home-title>p{font-size:18px}.home-title>small{font-size:14px}.pixel-tag{font-size:14px;padding:5px 11px}.landing-scene{height:255px;border-radius:13px;border-width:3px}.scene-weather span{font-size:14px;padding:4px 7px}.scene-weather{top:9px;left:9px;right:9px;gap:4px}.scene-weather span:last-child{display:none}.scene-cast{bottom:28px;height:155px}.scene-person{width:110px;height:145px}.scene-person .life-sprite{width:125px;height:125px}.scene-person.companion{width:72px;height:132px}.scene-person.companion .life-sprite{width:113px;height:113px}.scene-person.child-person{width:40px;height:90px}.child-person .life-sprite{width:80px;height:80px}.pixel-bubble{font-size:14px;padding:5px 8px;border-radius:9px;top:-9px}.scene-person>span:not(.life-sprite):not(.activity-prop){font-size:14px;padding:1px 7px}.activity-prop{left:86px;top:63px;font-size:16px}.pixel-scene-caption{font-size:14px;padding:6px 8px}.pixel-scene-caption button{font-size:14px}.start-card{padding:20px 16px;margin-top:20px}.start-card h2{font-size:19px}.start-card p{font-size:14px;line-height:1.9}.start-buttons{flex-wrap:wrap;justify-content:center;width:100%;gap:10px}.start-buttons .button{flex:1;font-size:14px}.home-features{grid-template-columns:1fr;gap:4px;text-align:left}.home-features>div{padding:12px 14px;display:grid;grid-template-columns:33px 1fr;gap:0 12px}.home-features>div>span{grid-row:1/3;font-size:24px;margin:0;align-self:center}.home-features strong{font-size:17px}.home-features p{font-size:14px;margin-top:5px}.home-disclaimer{font-size:14px;line-height:1.9}.reference-game{padding:0 12px 25px}.game-controls{position:sticky;padding:12px 0 10px;gap:6px}.control-age{min-width:118px;flex:1}.control-age strong{font-size:31px}.control-age small{font-size:14px}.control-age>span{font-size:14px}.control-button{font-size:14px;min-height:30px;padding:5px 7px}.speed-buttons button{font-size:14px;min-width:26px;min-height:30px;padding:5px}.game-controls>.control-button[data-action=note]{display:none}.flow-state{font-size:14px;margin-left:auto}.year-flow{margin-bottom:12px}.reference-grid{display:flex;flex-direction:column;gap:13px}.reference-left{display:contents}.passport{width:100%;order:1;display:grid;grid-template-columns:1fr 1.5fr;gap:0}.passport-top{grid-column:1/-1;padding:8px 13px;font-size:14px}.profile-heading{padding:12px;gap:9px}.profile-heading h1{font-size:22px;margin-bottom:4px}.profile-heading span{font-size:14px}.mini-portrait{width:45px;height:51px;flex-shrink:0}.mini-portrait .life-sprite{width:62px;height:62px;margin-left:-10px;margin-top:-7px}.passport dl{padding:9px 10px 9px 0;margin:0;gap:3px 8px;font-size:14px;align-self:center}.passport dl>dt:nth-last-of-type(1),.passport dl>dd:last-child{display:none}.passport-code{display:none}.tier-dots{font-size:14px;letter-spacing:0}.state-panel{order:2;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px;padding:13px 14px}.state-panel h2{grid-column:1/-1;font-size:15px;margin-bottom:12px}.state-panel .stat{display:flex;flex-direction:column;gap:5px;align-items:stretch;margin:0}.state-panel .stat>div:first-child{display:flex;justify-content:space-between;font-size:14px;margin:0}.state-panel .stat>div:first-child>span{font-size:14px;width:auto}.state-panel .stat strong{position:static;font-size:14px}.state-panel .bar{margin:0;height:5px;min-height:5px}.state-panel .text-button{grid-column:1/-1;text-align:left;font-size:14px;margin-top:11px;padding:2px 0}.state-panel .mini-finance{grid-column:1/-1;grid-template-columns:1fr 1fr;margin:10px 0;padding-top:10px;gap:16px}.mini-finance span{font-size:14px}.mini-finance strong{font-size:17px}.state-panel>.button{grid-column:1/-1;min-height:35px;font-size:14px;padding:6px}.reference-center{order:3;width:100%;gap:13px}.reference-right{order:4;width:100%;display:flex;flex-direction:column;gap:13px}.reference-left .life-map{order:5;width:100%}.pixel-scene{height:250px}.focus-panel{padding:15px}.focus-panel .section-label{margin-bottom:10px}.focus-panel .section-label>strong{font-size:16px}.focus-chip{font-size:14px;padding:6px 9px}.focus-chip>span{font-size:14px;margin-right:4px}.focus-hint{font-size:14px;line-height:1.8;margin-top:10px}.story-card{padding:20px 17px}.story-card h2{font-size:22px;margin-bottom:14px}.story-text{font-size:14px;line-height:1.95}.story-meta{font-size:14px;margin-bottom:15px}.story-meta>span:first-child{font-size:14px}.choice{min-height:73px;padding:12px 11px;gap:9px}.choice strong{font-size:14px;line-height:1.7}.choice small{font-size:14px}.choice-number{font-size:14px;min-width:20px;line-height:23px}.choice-arrow{font-size:21px}.live-journal{padding:17px}.live-journal .section-label>strong{font-size:17px}.life-entry strong{font-size:14px}.life-entry small{font-size:14px;line-height:1.8}.family-panel{padding:18px}.family-panel dl{grid-template-columns:57px 1fr;font-size:14px}.family-panel h2{font-size:18px}.family-panel>.button{font-size:14px}.companions-panel{padding:18px}.peer-avatar{width:43px;height:50px}.peer-avatar .life-sprite{width:61px;height:61px;margin-left:-9px;margin-top:-8px}.peer strong{font-size:14px}.peer small{font-size:14px}.companions-panel>small{font-size:14px}.map-grid{grid-template-columns:repeat(15,1fr);gap:5px}.map-grid>span{font-size:14px}.life-map h2{font-size:17px}.birth-page{padding:15px;margin-top:24px}.birth-page>h1{font-size:30px;margin:17px 0 12px}.birth-page>p{font-size:14px}.birth-body{padding:18px 14px;gap:14px}.birth-portrait{width:92px;height:126px;align-self:center;border-radius:10px}.birth-portrait .life-sprite{width:100px;height:100px;margin-left:-5px}.birth-portrait>span{font-size:14px;letter-spacing:.5px}.birth-body h2{font-size:25px}.birth-body dl{font-size:14px;gap:6px 9px;margin-top:12px}.birth-card .passport-top{padding:12px 15px;font-size:14px}.passport-bottom{font-size:14px;padding:12px 15px}.birth-page>.button{font-size:14px;min-width:230px}.birth-page>small{font-size:14px;line-height:1.9}.pace-options{gap:6px}.pace-options label{padding:10px 7px!important;font-size:14px!important;white-space:nowrap}.pace-options input{margin-right:2px!important}.modal-head{padding:16px 19px}.modal-head h2{font-size:21px}.modal-body{padding:20px 19px 25px}.modal-body p{font-size:14px}.modal-body small{font-size:14px}.modal-body .button{font-size:14px}.modal-body .trade-form button{font-size:14px}.modal-body .wedding-options .button{font-size:14px}.modal-body .action-card small{font-size:14px}.modal-notice{top:68px}.end-page>h1{font-size:29px}.end-page .intro{font-size:14px}.end-page .end-grid{gap:25px}.end-page h2{font-size:21px}.saved{font-size:14px}.reference-right>.saved{text-align:center}footer{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.life-sprite,.scene-person,.pixel-bubble,.activity-prop,.scene-spark{animation:none!important}.year-flow>span{transition:none}}

.companion.parent-two,.partner-tint,.peer:nth-of-type(n) .peer-avatar{filter:none}

.story-text{color:#64745e}.choice strong{color:#536e49}.choice small{color:#79896a}.family-panel dd{color:#5b715e}.family-panel dd small{color:#7d9074}.flow-state{color:#758e76}.home-title>small{color:#7a8d78}.modal-body p{color:#788d68}
.button.primary{background:#42735b;color:#fff}.button.primary:hover:not(:disabled){background:#365f4d;color:#fff}

.life-sprite.baby,.life-sprite.teen,.life-sprite.adult.lady{background-image:url('./assets/family-sprites.png')}.life-sprite.baby{background-position-x:0}.life-sprite.teen{background-position-x:50%}.life-sprite.adult.lady{background-position-x:100%}
