/* Colored-pencil picture-book edition. The image atlas retains its original alpha. */
:root{--paper:#faf8ee;--cream:#fffdf6;--ink:#544d40;--muted:#898572;--line:#dcd9c7;--orange:#8c7655;--sage:#edf0df;--serif:'Kaiti TC','DFKai-SB','KaiTi','Yu Mincho','PMingLiU',serif}
body{background-color:var(--paper);background-image:radial-gradient(#8b7c500b .6px,transparent .9px),radial-gradient(#c6ad6c09 .8px,transparent 1px);background-position:0 0,3px 4px;background-size:7px 9px,11px 13px}
.site-header{border-bottom:1px dashed #d2cfb9}.brand{color:#69614e;font-size:25px}.brand-mark{border-radius:48% 45% 51% 44%;border:1.5px solid #8f9a72;transform:rotate(-8deg);color:#7a8760}.brand-en{color:#9b9681}.site-header>.text-button{color:#7d7c68}
.primary{background:#718360;border:1.5px solid #637551;border-radius:5px 8px 5px 7px;box-shadow:2px 3px 0 #7a875422;color:#fffdf4}.primary:hover{background:#657952}.secondary,.small-button{border-color:#bbbfa5;border-radius:6px 4px 7px 4px;background:#fffdf580}.secondary:hover,.small-button:hover{background:#eef0df}
.j-home .home-grid{gap:30px;grid-template-columns:1fr 1.12fr;padding-top:28px;min-height:465px}.home-copy h1{font-size:57px;letter-spacing:4px;line-height:1.5;color:#605545}.home-copy h1 em{color:#77845e}.home-copy h1 em:after{background:repeating-linear-gradient(0deg,#adb88455 0 1px,transparent 1px 3px);height:12px;bottom:1px;transform:rotate(-2deg)}.eyebrow{color:#8d9577;letter-spacing:2px}.eyebrow:before{height:3px;background:#b2b98d;transform:rotate(-5deg)}.intro{color:#807c68}.j-side-note{color:#99967c}.start-note{color:#99917b}.pill{color:#85876d;border-color:#d5d4ba}.j-seal{display:none}
.handdrawn-scene{overflow:hidden!important}.j-scene{min-height:410px}.j-scene .scene{max-width:500px;width:100%;height:auto}.j-scene .scene-tag,.game-grid .scene-tag{background:#fffdf4c7;border:0;border-bottom:1px dashed #c3bda5;box-shadow:none;color:#807158;left:16px;top:4px;transform:rotate(-4deg);padding:10px 14px}.j-scene .scene-tag span{color:#aaa18c;font-size:7px}.j-scene .scene-caption{right:18px;bottom:2px;color:#929574;transform:rotate(-3deg);font-size:14px}.scene-caption small{color:#a19e87}
.breed-selector{border-top:1px dashed #cfceb7;padding-top:22px}.breed-selector h2{font-size:19px;color:#766b55}.breed-selector h2>span{color:#9d997b}.breed-selector-head p{color:#96917d}.breed-options{gap:12px}.breed-card{display:block;text-align:center;padding:4px 8px 15px;min-height:188px;background:#fffdf5bd;border:1px solid #dcd8c3;border-radius:4px 7px 5px 8px;box-shadow:2px 3px 0 #c9c2a917;transform:rotate(-.6deg)}.breed-card:nth-child(even){transform:rotate(.7deg)}.breed-card:hover{background:#f6f6e8;border-color:#acb68d}.breed-card.is-selected{background:#f0f3e3;border:1.5px solid #95a578;box-shadow:2px 3px 0 #a1af7e20}.breed-portrait{width:104px;max-width:100%;margin:0 auto -2px}.crayon-portrait{width:100%;display:block;overflow:hidden}.breed-card b{font-size:17px;letter-spacing:1px;margin:4px 0 7px}.breed-card small{font-size:9px;color:#96917c}.breed-kana{font-size:8px;color:#a29a84}.breed-dot{right:8px;top:9px;width:6px;height:6px;border-color:#bfc5aa}.is-selected .breed-dot{background:#90a172;border-color:#90a172}.j-home-foot{color:#9a947f}
.chapter,.question h1,.age-display b,.review h2{color:#675d49}.question-category{color:#92977d}.question-text{color:#77745f}.option{background:#fffdf5cc;border:1px solid #d7d7bf;border-radius:5px 8px 5px 7px;font-size:13px}.option:not(:disabled):hover{background:#f3f4e7;border-color:#a1ac88}.option.selected{background:#eaf0df;border-color:#96a77a;color:#5a684a}.option-letter{color:#92967d;border-color:#d8dbc7}.timer,.timer.urgent{color:#85896d}.timer-ring{color:#929a7c}.progress .current{background:#7f8e68}.progress .done{background:#a9b68c}.progress i{background:#e0e3cf}.dog-thought{color:#939079}.dog-status span{color:#92927c}.life-moment{border-color:#dadcc4;color:#8a8b70}.moment-label{color:#92987a}.memory-card{background:#fffef7;border-color:#d7d2bc;box-shadow:5px 7px 0 #c7bfa123}.memory-card:before{background:repeating-linear-gradient(90deg,#d4d9b699 0 3px,#c8d1a866 3px 5px);transform:rotate(-3deg)}.memory-card .scene{margin:0 auto -15px;max-height:300px}.result-top h1{color:#75644e}.result-top p,.result-story{color:#8c866f}.lifespan{color:#74805d}.result-stat b{color:#7e8868}.memory-footer,.memory-top{color:#9a967f}.memory-number{color:#a7ad8a}.memory-event{border-bottom-style:dashed;border-color:#d9d9c1}.memory-event summary b{font-size:16px;color:#756f57}.memory-line p{color:#7b7963}.source-link{color:#73845f}.site-footer{border-top-style:dashed;color:#96927d}.shared-label{background:#eef0e0;border-color:#d4d9bd}.result-disclaimer{color:#99937f}.dialog-head{background:var(--cream)}button:focus-visible,a:focus-visible{outline-color:#97a97a}
.breed-research{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 6px;margin-top:14px;border-top:1px dashed #d9d9c1}.research-label{font-family:var(--serif);font-size:16px;color:#7b775f}.breed-research p{margin:8px 0;display:flex;align-items:center;gap:15px}.breed-research p b{font-family:var(--serif);font-size:28px;font-weight:400;color:#77845e}.breed-research p span,.breed-research small{font-size:10px;color:#8b8974}.breed-research .text-button{font-size:11px;white-space:nowrap}.age-plan>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:12px;color:#7b7963}.age-plan b{font-weight:400;color:#8a956e}
@media(max-width:700px){.brand{font-size:19px;letter-spacing:.5px;gap:8px}.brand-mark{width:27px;height:27px;font-size:22px}.breed-research{display:block;padding-top:17px}.breed-research .text-button{margin-top:8px}.breed-research small{font-size:9px}.breed-research p b{font-size:27px}}
.resume-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 65px 5px;padding:18px 22px;border:1px dashed #b5bea1;background:#f1f3e6;border-radius:5px}.resume-note b{font-family:var(--serif);font-size:18px;font-weight:400}.resume-note p{font-size:12px;line-height:1.8;color:#626b55;margin:7px 0 0}.resume-note .primary{font-size:12px;min-height:44px;padding:12px 18px;white-space:nowrap}.result-welcome{border-top:1px dashed #c9cfb7;border-bottom:1px dashed #c9cfb7;padding:21px 0}.result-welcome>span{font-size:12px;color:#657350}.result-welcome h2{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.6;margin:10px 0}.result-welcome p{font-size:13px;line-height:2;color:#676e59;margin:7px 0}.real-care-note{font-size:12px;line-height:2;color:#657350;border-left:2px solid #b3bf9b;padding-left:14px;margin:18px 0}.research-context{display:block;margin-top:7px;font-size:10px;color:#657350}.question-text{font-size:14px;color:#626b55}.option{font-size:14px}.question-category,.timer,.answer-note,.answer-note .text-button{color:#667354}.answer-note,.answer-note .text-button{font-size:11px}.source-card p{font-size:13px;color:#626b55}.source-card .source-limit{font-size:12px;color:#687059}.source-link{font-size:12px}.about-p{font-size:14px;color:#626b55}.memory-line p{font-size:13px;color:#626b55}.question h1:focus{outline:none}.result-disclaimer{font-size:11px;color:#6f765f}
@media(max-width:700px){.resume-note{display:block;margin:17px 24px 4px;padding:15px}.resume-note b{font-size:18px}.resume-note p{font-size:11px}.resume-note .primary{margin-top:12px;width:100%;justify-content:center}.question-text,.option{font-size:14px;line-height:1.9}.question-category{font-size:11px}.answer-note,.answer-note .text-button{font-size:10px}.question h1{font-size:26px}.result-welcome h2{font-size:23px}.result-welcome p,.memory-line p,.source-card p{font-size:13px}.source-card .source-limit,.result-disclaimer{font-size:11px}.about-p{font-size:13px}.real-care-note{font-size:12px}.research-context{font-size:10px}.result-top p{font-size:13px}}
.unfinished-life{display:block;font-size:23px;line-height:1.9;letter-spacing:1px;color:#7a8564}.result-welcome .unfinished-life{font-size:20px}
@media(max-width:700px){.game-top{position:sticky;top:0;z-index:3;background:var(--paper);padding:9px 0}.question-top{position:sticky;top:43px;z-index:2;background:var(--paper);padding:8px 0}}
@media(min-width:1500px){.home-copy h1{font-size:64px}}
@media(max-width:1100px){.j-home .home-grid{padding-left:35px;padding-right:35px;gap:15px}.home-copy h1{font-size:48px}.breed-card{padding-left:4px;padding-right:4px}.breed-card b{font-size:16px}.breed-card small{font-size:8px}.j-scene{min-height:350px}}
@media(max-width:700px){.site-header{height:72px}.brand{font-size:22px}.j-home .home-grid{padding:7px 25px 0;gap:0}.j-scene{min-height:270px;max-width:335px}.j-scene .scene{height:272px;max-width:330px}.j-scene .scene-tag{top:3px;left:3px;font-size:12px;padding:7px 9px}.j-scene .scene-tag span{font-size:6px}.j-scene .scene-caption{font-size:11px;bottom:2px;right:8px}.home-copy h1{font-size:42px;line-height:1.5;letter-spacing:2px;margin:12px 0 15px}.home-copy .eyebrow{font-size:8px}.intro{font-size:12px;line-height:2}.start-note{font-size:9px}.breed-selector h2{font-size:17px}.breed-selector-head p{font-size:10px}.breed-options{gap:9px}.breed-card{padding:3px 4px 12px;min-height:154px}.breed-portrait{width:84px}.breed-card b{font-size:15px;margin:3px 0 7px;letter-spacing:0}.breed-card small{font-size:7px}.breed-kana{font-size:6px}.breed-selector{margin-top:20px}.j-home-foot{font-size:8px}.dog-panel .scene{height:124px;width:135px}.dog-panel{min-height:118px}.dog-panel .world{min-height:118px}.question h1{font-size:27px;line-height:1.5}.question-text{font-size:12px}.option{font-size:12px}.result-top h1{font-size:31px}.memory-card .scene{max-height:270px;margin:-3px auto -18px}.memory-event summary b{font-size:15px}.review h2{font-size:23px}.j-side-note{font-size:9px}.site-footer{font-size:8px}}
/* A fresh life is always one step away; the journal keeps reflection close. */
.replay-invite{margin:22px 0;padding:24px;background:#eff1e7;border:1px solid #d3dbc6;border-radius:4px 18px 5px 15px}
.replay-invite h2,.learning-notes h2{font-size:23px;line-height:1.55;margin:8px 0 12px}
.replay-invite p{font-size:14px;line-height:1.9;color:#52604f}
.replay-invite .primary{width:100%;margin:10px 0 4px;font-size:15px;white-space:normal;line-height:1.6}
.replay-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.learning-notes{margin:48px 0 26px;padding-top:30px;border-top:1px dashed #bbc8ad}
.learning-notes>p{color:#64705e;font-size:14px;line-height:1.9}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.learning-grid article{padding:22px;background:#f3f1e4;border:1px solid #e2dfcf;border-radius:14px 4px 16px 5px}
.learning-grid small{font-size:13px;color:#758264}
.learning-grid h3{font-size:17px;line-height:1.6;margin:8px 0 12px}
.learning-grid p{font-size:14px;line-height:1.95;color:#536050}
.round-change{margin-bottom:18px;padding:14px 18px;background:#eef0e4;border-left:3px solid #9aa780}
.round-change b{font-size:14px}.round-change p{font-size:13px;line-height:1.8;margin:6px 0}
.journey-list{display:grid;gap:14px;margin-top:22px}
.journey-entry{padding:19px;background:#f2f0e5;border:1px solid #dfdfcd;border-radius:5px 15px 5px 13px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.journey-entry h3{font-size:17px;margin:8px 0}.journey-entry p{font-size:14px;line-height:1.7;margin:6px 0}.journey-entry small,.journey-entry span{color:#6c775e;font-size:12px}
.journey-entry button{flex-shrink:0;white-space:normal}
.journal-privacy,.journal-empty,.pause-retry p{font-size:13px;line-height:1.9;color:#738067}
.pause-retry{margin-top:28px;padding-top:16px;border-top:1px dashed #ccd2ba;text-align:center}.pause-retry button{margin:auto}
.j-home-foot{flex-wrap:wrap;gap:12px}.j-home-foot button{margin-left:auto}
@media(max-width:700px){.learning-grid{grid-template-columns:1fr}.replay-invite{padding:20px}.replay-invite h2,.learning-notes h2{font-size:21px}.journey-entry{align-items:flex-start;flex-direction:column;gap:12px}.journey-entry button{width:100%}.j-home-foot button{margin-left:0}.replay-links{gap:12px}}
.breed-research .bank-progress{display:block;margin-top:9px;font-size:12px;color:#687a55;line-height:1.8}
.age-plan .pool-group{padding:16px 0;border-bottom:1px dashed #cbd0b7}
.pool-group h3{font-size:16px;margin:0 0 8px;line-height:1.7}.pool-group>small{font-size:12px;color:#788166}
.pool-group .bank-event{display:block;text-align:left;font-size:14px;line-height:1.8;padding:7px 0}
.early-ending{padding:20px 24px;margin-bottom:25px;background:#edeedf;border:1px dashed #aeb79a;border-radius:7px 16px 5px 15px;color:#56634b}
.early-ending b{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.6}.early-ending p{font-size:14px;line-height:1.9;margin:9px 0 0}