/* Warm, readable pixel edition. Keep the publisher's original logo untouched. */
:root{--paper:#faf7ef;--cream:#fffdf7;--ink:#382f29;--muted:#746454;--line:#d9cbb8;--cocoa:#65503e;--cocoa-dark:#382f29;--taupe:#af997c;--milk:#f0e8d9;--sage:#e9e4d4;--selected:#e5dcc7;--pixel-shadow:#d7c8b0;--serif:'Microsoft JhengHei','Segoe UI',sans-serif}
body{background-color:var(--paper);background-image:linear-gradient(#a28b6620 1px,transparent 1px),linear-gradient(90deg,#a28b6620 1px,transparent 1px);background-size:24px 24px}
.site-header{background:var(--cream);border-bottom:2px solid var(--cocoa)}
.brand-ribbon{font-family:monospace,'Microsoft JhengHei',sans-serif;background:var(--cocoa-dark);letter-spacing:2px}
.brand{font-weight:750;letter-spacing:1px}.brand small{font-weight:400}
#app{background:var(--cream);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.j-home .home-grid{background:var(--cream);gap:44px;border-bottom:2px dashed var(--line);padding-top:24px}
.home-copy h1{font-weight:800;font-size:51px;line-height:1.45;letter-spacing:2px;text-shadow:3px 3px 0 #ddcba955}
.eyebrow{font-family:monospace,'Microsoft JhengHei',sans-serif;letter-spacing:1.5px}.eyebrow:before{height:8px;width:8px;transform:none}
.home-copy .primary{min-height:55px}.primary,.secondary,.small-button,.icon-button{border-radius:0;border-width:2px;box-shadow:4px 4px 0 var(--pixel-shadow);transition:background .1s,transform .1s,box-shadow .1s;font-weight:650}
.primary{box-shadow:4px 4px 0 #b7a17f}.primary:hover,.secondary:hover,.small-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pixel-shadow)}
.primary:active,.secondary:active,.small-button:active{transform:translate(4px,4px);box-shadow:none}
.pill,.dog-status span,.timer-ring,.option-letter,.shared-label{border-radius:0;border:1px solid var(--taupe);background:var(--milk)}
.pill{padding:5px 8px;line-height:1.5}.pill-row{gap:8px}
.breed-dropdown{margin:20px 0 18px;max-width:440px}.breed-dropdown label{display:block;font-size:14px;font-weight:650;margin:0 0 10px}.breed-dropdown select{display:block;width:100%;max-width:100%;border:2px solid var(--cocoa);border-radius:0;background:var(--cream);color:var(--ink);padding:11px 12px;font:14px 'Microsoft JhengHei',sans-serif;line-height:1.6}.breed-dropdown select:focus-visible{outline:3px solid var(--taupe);outline-offset:3px}.breed-dropdown p{font-size:11px;color:var(--soft-text);line-height:1.8;margin:8px 0}.breed-dropdown .text-button{font-size:11px}.primary:disabled{cursor:default;opacity:.55;box-shadow:none;transform:none}.dog-placeholder{text-align:center;color:var(--cocoa);padding:40px 20px}.dog-placeholder>span{font:70px monospace;display:block;line-height:1}.dog-placeholder p{font-size:22px;line-height:1.8;letter-spacing:2px}.dog-placeholder small{font-size:12px}.classification-note{font-size:12px;line-height:1.9;max-width:720px;color:var(--soft-text);margin:12px 0}.life-data-note{font-size:15px;line-height:1.8}.awaiting-dog{display:grid;place-items:center}.j-home .home-grid{align-items:center}.home-copy h1{margin-top:12px;margin-bottom:16px}.home-copy .intro{margin-bottom:14px}
.j-home>.breed-dropdown{max-width:none;margin:28px 66px 0;display:grid;grid-template-columns:1fr;gap:8px 14px;align-items:center}.j-home>.breed-dropdown label,.j-home>.breed-dropdown p{grid-column:1/-1}.owner-role{font-size:12px;font-weight:650;letter-spacing:.5px;color:var(--cocoa);margin:15px 0 8px}
.j-scene .scene-tag{max-width:calc(100% - 40px);overflow-wrap:anywhere;line-height:1.6}.dog-status span{max-width:100%;overflow-wrap:anywhere}

.fade-in{animation:none}
.answer-explanation{padding:18px 0;color:var(--ink);text-align:left}.answer-explanation h2{font-size:20px;line-height:1.6;margin:5px 0 12px}.answer-explanation p{font-size:13px;line-height:1.95;margin:10px 0}.answer-explanation .explanation-label{font-size:11px;color:var(--soft-text);letter-spacing:1px}.answer-explanation .recommended-choice{font-weight:650;background:var(--milk);border-left:3px solid var(--cocoa);padding:12px 14px;line-height:1.8}.answer-explanation .breed-answer-note{color:var(--cocoa);font-size:12px}.fatal-learning{border:2px solid var(--line);padding:20px 24px;margin:20px 0 30px;background:var(--cream)}.fatal-learning h2{margin-top:5px}.knowledge-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 66px 0;padding-top:15px;border-top:1px solid var(--line)}.knowledge-links .text-button{font-size:12px}.breed-learning{padding:30px 0;margin:25px 0;border-top:1px solid var(--line)}.breed-learning>h2{font-size:23px;line-height:1.6}.breed-learning>p{font-size:13px;line-height:1.9}.breed-learning article h3{font-size:15px;line-height:1.8}.breed-learning article p{font-size:12px;line-height:1.9}.breed-learning article small{font-size:11px;color:var(--soft-text)}.life-moment .answer-explanation{padding-top:0}.feedback-next{gap:12px;flex-wrap:wrap}
@media(max-width:700px){.answer-explanation h2{font-size:18px}.answer-explanation p{font-size:13px}.fatal-learning{padding:14px 16px;margin:18px 0}.knowledge-links{margin:16px 20px 0;gap:8px 18px}.knowledge-links .text-button{font-size:11px}.breed-learning>h2{font-size:20px}.progress{gap:4px}.feedback-next small{font-size:10px}}
.j-home>.compact-appearances{margin:10px 66px 16px;padding:12px 0 4px;border-top:1px solid var(--line)}
.compact-appearances .appearance-heading{margin:0 0 8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.compact-appearances .appearance-heading h3{font-size:13px;font-weight:650;line-height:1.6}.compact-appearances .appearance-heading h3 span{font-size:11px;font-weight:400;color:var(--soft-text)}
.compact-appearances .appearance-heading .text-button{font-size:11px;white-space:nowrap}
.compact-appearances .appearance-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,84px));gap:8px;justify-content:start}
.compact-appearances .appearance-card{min-width:0;padding:5px 4px 6px;border-width:1px;box-shadow:2px 2px 0 #ddcfb84d}
.compact-appearances .appearance-card.is-selected{border-width:2px;padding:4px 3px 5px;box-shadow:2px 2px 0 #b7a17f}
.compact-appearances .appearance-portrait{width:56px;max-width:100%;height:48px;margin:0 auto 3px}
.compact-appearances .appearance-card b{font-size:10px;line-height:1.6;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.compact-appearances .appearance-check{top:2px;right:4px;font-size:10px;line-height:1}
.compact-appearances .appearance-caption{font-size:11px;margin:8px 0 0;line-height:1.8}
@media(max-width:700px){.j-home>.compact-appearances{margin:10px 20px 12px;padding-top:10px}.compact-appearances .appearance-options{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));max-width:360px;gap:6px}.compact-appearances .appearance-heading h3{font-size:12px}.compact-appearances .appearance-heading h3 span{font-size:10px}.compact-appearances .appearance-portrait{width:48px;height:42px}.compact-appearances .appearance-card{max-width:84px}.compact-appearances .appearance-card b{font-size:10px}.compact-appearances .appearance-caption{font-size:10px}}
@media(min-width:701px){.j-home .home-grid{margin-top:0;padding-top:8px;min-height:0}.home-copy h1{font-size:46px}.j-scene{min-height:360px}.j-scene .scene{max-width:420px}}
@media(max-width:700px){.j-home>.breed-dropdown{display:block;margin:22px 20px 0}.awaiting-dog{display:none}.breed-dropdown select{font-size:14px}.owner-role{font-size:11px}.j-home .home-grid{padding-top:0}.classification-note{font-size:11px}}
.j-scene{border:2px solid var(--cocoa);border-radius:0;box-shadow:6px 6px 0 var(--pixel-shadow);background-color:var(--milk);background-image:linear-gradient(#cab99826 1px,transparent 1px),linear-gradient(90deg,#cab99826 1px,transparent 1px);background-size:20px 20px}
.j-scene:after{display:none}
.j-scene .scene{position:relative;z-index:1}.j-scene .scene-tag{border:1px solid var(--taupe);border-radius:0;box-shadow:3px 3px 0 #d7c8b077;background:var(--cream);z-index:2}.j-scene .scene-caption{z-index:2;background:var(--milk);padding:3px 6px}
.scene image,.crayon-portrait image{image-rendering:pixelated}
.scene.handdrawn-scene,.scene.handdrawn-scene>svg,.crayon-portrait{overflow:hidden}
.breed-selector h2,.appearance-heading h3,.question h1,.result-top h1,.review h2{font-weight:750}
.breed-card,.breed-card.is-selected,.appearance-card,.appearance-card.is-selected{border:2px solid var(--line);border-radius:0;background:var(--cream);box-shadow:3px 3px 0 #ddcfb84d;transform:none}
.breed-card:hover,.appearance-card:hover{border-color:var(--taupe);background:var(--milk)}
.breed-card.is-selected,.appearance-card.is-selected{border-color:var(--cocoa);background:var(--selected);box-shadow:3px 3px 0 #b7a17f}
.breed-dot{border-radius:0;border-width:2px}.is-selected .breed-dot{background:var(--cocoa)}.breed-card b,.appearance-card b{font-weight:650}
.breed-card .crayon-portrait{filter:none}.growth-options figure{border-radius:0;border:2px solid var(--line);background:var(--milk);box-shadow:3px 3px 0 #ddcfb84d}.growth-options figcaption>span{font-family:monospace;font-weight:700}.growth-options b{font-weight:650}
.progress i{border-radius:0;height:5px}.dog-panel .scene-tag{transform:none}.age-display b,.lifespan,.result-stat b{font-family:monospace,'Microsoft JhengHei',sans-serif;font-weight:700}
.option,.option.selected{border-radius:0;border-width:2px;box-shadow:3px 3px 0 #ddcfb84d}.option:not(:disabled):hover{transform:translateX(2px);border-color:var(--cocoa)}.option.selected{background:var(--selected);border-color:var(--cocoa)}.option-letter{font-family:monospace;font-weight:700}
.memory-card,.early-ending,.replay-invite,.learning-grid article,.journey-entry,.source-card,dialog{border-radius:0;border-width:2px}.memory-card{background:var(--cream);border-color:var(--cocoa);box-shadow:6px 6px 0 var(--pixel-shadow)}.memory-card h2{font-family:inherit;font-weight:700}.replay-invite{box-shadow:4px 4px 0 var(--pixel-shadow)}
.dialog-head{background:var(--cream)}dialog{background:var(--cream);box-shadow:8px 8px 0 #382f2940}.icon-button{box-shadow:2px 2px 0 var(--pixel-shadow)}.source-card{padding:16px 12px;margin-top:12px}.site-footer{border-top:2px solid var(--cocoa)}#toast{border-radius:0;border:2px solid var(--taupe)}
@media(max-width:1100px){.j-home .home-grid{gap:28px}.home-copy h1{font-size:45px}}
@media(max-width:700px){.j-home .home-grid{gap:26px;padding-top:5px}.home-copy h1{font-size:38px;line-height:1.5;margin-top:16px}.j-scene{min-height:280px}.j-scene:after{bottom:48px;left:18px;right:18px}.site-header{padding:0 16px}.site-header .brand{font-size:16px}.brand small{font-size:7px}.brand-group{gap:9px}.publisher-link{padding-right:9px}.site-header>.text-button{font-size:9px}.brand-ribbon{font-size:8px;letter-spacing:1px}.growth-options figure{padding:10px 5px}.growth-portrait{height:100px}.growth-options b{font-size:11px}.question h1{font-size:25px}.option{font-size:14px}.memory-card{box-shadow:4px 4px 0 var(--pixel-shadow)}}

/* Touch layout: keep the current dog visible without pushing choices off screen. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.trial-share{display:flex;align-items:center;gap:18px;margin:22px 66px 0;flex-wrap:wrap}
.trial-share span{font-size:12px;color:var(--soft-text)}
#copy-fallback{width:100%;padding:14px;border:1px solid var(--taupe);background:var(--cream);font-size:16px}
@media(max-width:900px){
 .game-shell{padding:12px 20px 0}.game-top{margin-bottom:6px;gap:8px}.chapter{font-size:11px;letter-spacing:0}.chapter strong{margin-left:5px;white-space:nowrap}.game-controls{gap:10px;flex-shrink:0}.game-controls .text-button{min-height:44px;font-size:12px}.progress{margin-bottom:10px;gap:4px}
 .game-grid{display:flex;flex-direction:column;gap:12px}.dog-panel{display:grid;width:100%;grid-template-columns:92px minmax(0,1fr);align-items:center;min-height:88px;padding:0 0 8px;border-bottom:1px dashed var(--line)}
 .dog-panel .world{min-height:80px;max-width:90px}.dog-panel .scene{width:90px;height:80px}.dog-panel .scene-tag,.dog-thought{display:none}.dog-details{min-width:0;text-align:left}.age-display{text-align:left;font-size:11px;letter-spacing:.5px;margin:0}.age-display b{font-size:23px;margin:4px 0}.dog-status{justify-content:flex-start;flex-wrap:wrap;gap:4px;margin-top:5px}.dog-status span{font-size:10px;padding:3px 5px;line-height:1.4}
 .question{width:100%;min-width:0}.question-top{gap:8px;align-items:center;flex-wrap:wrap}.question-category{font-size:11px;line-height:1.7;letter-spacing:0}.timer{font-size:11px;white-space:nowrap;gap:4px;margin-left:auto}.timer-ring{width:19px;height:22px}.owner-role{font-size:12px;line-height:1.65;margin:9px 0 5px}.question h1{font-size:24px;line-height:1.4;margin:8px 0 12px;letter-spacing:0}.question-text{font-size:15px;line-height:1.8;margin:0 0 16px;min-height:0}.options{gap:10px}.option{font-size:15px;line-height:1.7;min-height:60px;padding:12px;gap:10px}.option-letter{font-size:11px;width:24px;min-width:24px;height:24px}.answer-note{font-size:11px;line-height:1.7;align-items:start;flex-wrap:wrap;gap:0 12px}.answer-note .text-button{font-size:12px;min-height:44px}.game-bottom{font-size:11px;line-height:1.8;gap:8px;margin-top:12px}
 .answer-explanation p,.life-moment .answer-explanation p{font-size:14px;line-height:1.9}.answer-explanation h2{font-size:19px;line-height:1.6}.feedback-next{gap:12px;align-items:flex-start;flex-wrap:wrap}.feedback-next small,.life-moment .feedback-next small{font-size:11px;line-height:1.8}.feedback-next .small-button{min-height:48px;font-size:14px;margin-left:auto}
 .answer-explanation .text-button,.source-card .text-button{min-height:44px;font-size:12px}.answer-explanation,.source-card,.learning-grid article{overflow-wrap:anywhere}
}
@media(max-width:700px){
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .site-header{height:72px;gap:8px;padding:0 12px}.site-header>.text-button{min-height:44px;font-size:10px;letter-spacing:0;flex-shrink:0}.brand-group{min-width:0;gap:7px}.site-header .brand{font-size:15px;letter-spacing:0}.brand small{font-size:7px;letter-spacing:.2px}.publisher-link{padding-right:7px}.publisher-logo{height:43px;width:auto}.brand-ribbon{font-size:8px;line-height:1.7;letter-spacing:.5px}
 .j-home>.breed-dropdown{margin:20px 20px 0}.breed-dropdown select{font-size:16px;min-height:48px}.breed-dropdown label{font-size:15px}.breed-dropdown p,.breed-dropdown .text-button{font-size:12px}.breed-dropdown .text-button{min-height:44px}.j-home .home-grid{gap:15px}.j-scene{min-height:210px}.j-scene .scene{height:205px;max-width:280px}.j-scene .scene-tag{font-size:11px}.home-copy h1{font-size:32px;line-height:1.4;margin:10px 0 14px}.intro{font-size:14px;line-height:1.9}.home-copy .primary{font-size:15px;min-height:54px;letter-spacing:.5px}.pill{font-size:11px}.start-note{font-size:12px;line-height:1.8}.appearance-card{min-height:64px}.compact-appearances .appearance-card b{font-size:11px}.compact-appearances .appearance-caption{font-size:12px;line-height:1.8}
 .trial-share{margin:22px 20px 0;gap:12px}.trial-share .secondary{flex:none;min-height:48px;font-size:14px}.knowledge-links{margin:16px 20px 0;gap:4px 18px}.knowledge-links .text-button,.j-home-foot .text-button{min-height:44px;font-size:12px}.j-home-foot{font-size:11px;flex-wrap:wrap}.research-context,.bank-progress,.breed-research small{font-size:12px;line-height:1.8}.breed-research .text-button{font-size:12px;min-height:44px}
 .result-shell{padding:24px 20px 0}.early-ending p,.result-top p,.result-story,.result-welcome p,.replay-invite p,.learning-notes>p,.breed-learning>p{font-size:14px;line-height:1.9}.result-actions button{min-height:48px;font-size:13px}.result-actions{gap:12px}.result-disclaimer{font-size:12px;line-height:1.9}.memory-footer{font-size:11px}.memory-body p,.memory-line p{font-size:14px}.memory-event summary b{font-size:14px}.memory-body>.text-button,.learning-grid .text-button{font-size:12px;min-height:44px}.replay-invite .primary{font-size:14px;min-height:52px;line-height:1.7}.replay-links .text-button{min-height:44px;font-size:12px}.review-head{flex-wrap:wrap}.review-head>span{max-width:none;font-size:11px}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px;overscroll-behavior:contain}.dialog-head{top:-18px;gap:12px}.dialog-head h2{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.icon-button{width:44px;height:44px}.dialog-intro,.about-p,.source-card p,.source-card .source-limit{font-size:14px;line-height:1.9}.source-card h3{font-size:15px}.source-link{font-size:13px;line-height:1.9}.source-type,.source-meta{font-size:11px;line-height:1.8}.site-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;font-size:11px}.site-footer .text-button{font-size:11px;min-height:44px}#toast{bottom:calc(20px + env(safe-area-inset-bottom));font-size:14px;line-height:1.6}
}
@media(max-width:359px){.game-shell{padding-left:14px;padding-right:14px}.chapter{font-size:10px}.game-controls{gap:6px}.game-controls #total-clock{display:none}.site-header .brand{font-size:14px}.site-header>.text-button{font-size:9px}.brand-group{gap:5px}.question h1{font-size:22px}.result-actions{grid-template-columns:1fr}}

/* A short home screen, with the selected dog and care notes beside each other. */
.compact-home{max-width:960px;margin:auto;padding:22px 32px 16px}
.home-intro-line{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:18px}.home-intro-line h1{font-size:25px;line-height:1.4;letter-spacing:1px;margin:0}.home-intro-line p{font-size:13px;line-height:1.8;color:var(--soft-text);margin:0}
.compact-home>.breed-dropdown{display:block;margin:0;max-width:none}.compact-home .breed-dropdown label{font-size:14px;margin:0 0 6px}.compact-home .breed-dropdown p{margin:0;font-size:11px;line-height:1.5}.compact-home .breed-dropdown .text-button{min-height:40px;font-size:11px}
.compact-home>.compact-appearances{margin:8px 0 10px;padding-top:10px}.compact-home .appearance-heading{margin-bottom:5px}.compact-home .appearance-options{display:flex;overflow-x:auto;max-width:none;gap:7px;padding:3px 3px 7px;scrollbar-width:thin}.compact-home .appearance-card{flex:0 0 68px;min-height:68px;width:68px;padding:5px 3px}.compact-home .appearance-portrait{width:54px;height:43px}.compact-home .appearance-card b{font-size:11px}.compact-home .appearance-caption{font-size:11px;line-height:1.6;margin:5px 0 0}
.selected-overview{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;align-items:center;background:var(--milk);border:1px solid var(--line);padding:12px 18px;margin:10px 0 16px}
.compact-dog{margin:0;min-width:0}.compact-dog .scene{width:100%;height:160px;margin:0 auto;max-width:200px}.compact-dog figcaption{font-size:11px;line-height:1.7;text-align:center;color:var(--cocoa);overflow-wrap:anywhere}
.compact-care{min-width:0}.compact-care h2{font-size:16px;line-height:1.6;margin:0 0 5px}.compact-care .care-topics{font-size:13px;line-height:1.8;margin:0 0 5px}.care-lifespan{font-size:12px;line-height:1.8;color:var(--cocoa);margin:5px 0 0}.care-lifespan b{font-size:17px;white-space:nowrap}.care-lifespan small{font-size:10px;display:block;color:var(--soft-text)}.compact-care .text-button{font-size:12px;min-height:40px}.compact-care .bank-progress{font-size:10px;display:block;color:var(--soft-text);line-height:1.6;margin:0}.care-scope{font-size:11px;line-height:1.8;margin:0 0 5px}.care-scope summary{cursor:pointer;min-height:26px}.care-scope p{margin:4px 0;font-size:12px;line-height:1.8}
.home-start{max-width:480px;margin:14px auto 0}.home-start .primary{width:100%;font-size:15px;min-height:52px}.home-start .pill-row{justify-content:center;gap:8px;margin:14px 0 8px}.home-start .pill{font-size:11px;padding:3px 6px}.home-start .start-note{font-size:11px;line-height:1.8;text-align:center;margin:8px 0 0}.choose-hint{font-size:13px;color:var(--soft-text);line-height:1.8;margin:8px 0 18px}.home-utilities{border-top:1px solid var(--line);display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap;padding-top:16px;margin-top:22px}.home-utilities .text-button,.home-utilities .secondary{font-size:12px;min-height:44px}.compact-home .resume-note{margin:0 0 14px;padding:12px}.compact-home .resume-note b{font-size:12px}.compact-home .resume-note p{font-size:11px}

/* The result is one real PNG first; it can be saved with the browser's image menu. */
.result-image-first{max-width:920px;margin:auto;padding-top:16px}
.generated-result{width:100%;max-width:440px;margin:0 auto}.result-image-frame{width:100%;aspect-ratio:3/4;position:relative;background:var(--cream)}.result-preview{display:block;width:100%;height:auto;max-width:100%;-webkit-touch-callout:default;user-select:auto}
#card-image-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:25px;text-align:center;border:1px solid var(--line)}#card-image-state p{font-size:14px;line-height:1.8}#card-image-state strong{font-size:32px}#card-image-state .secondary{font-size:14px}
.result-preview[hidden],#card-image-state[hidden],#save-result-image[hidden],#retry-result-image[hidden]{display:none}
.result-scene-live{position:absolute;pointer-events:none;user-select:none;overflow:hidden}.result-scene-live[hidden],#copy-result-image[hidden]{display:none}.result-scene-live .story-scene-picture{width:100%;height:100%;max-height:none;aspect-ratio:auto}
.ending-caption{max-width:560px;margin:24px auto 20px;text-align:center;padding:16px 20px;border-block:1px solid var(--line);background:var(--cream)}.ending-caption h2{font-size:21px;line-height:1.6;margin:0 0 10px}.ending-caption p{font-size:15px;line-height:1.9;margin:8px 0}
.chosen-breed{margin:12px 0;border:1px solid var(--line);background:var(--cream)}.chosen-breed>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;font-size:14px;list-style:none}.chosen-breed>summary::-webkit-details-marker{display:none}.chosen-breed>summary span:last-child{font-size:12px;color:var(--cocoa);text-decoration:underline;text-underline-offset:4px}.chosen-breed .breed-dropdown{padding:0 14px 8px;margin:0}
.result-age{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:6px 12px;text-align:center;margin:14px 0 6px;color:var(--ink)}.result-age span{font-size:13px;color:var(--cocoa)}.result-age strong{font-size:23px;line-height:1.5}
.image-save-hint{font-size:13px;line-height:1.8;text-align:center;color:var(--cocoa);margin:10px 0}.result-card-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.result-card-actions .secondary{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:48px;font-size:14px;padding:10px 22px}.result-card-actions .text-button{min-height:44px;font-size:12px}
.result-details{margin:28px auto 0;max-width:800px}.result-details>.fatal-learning{margin:0 0 20px}.result-details>h2{font-size:21px}.result-details .result-story{margin-top:18px}.shared-context{font-size:12px;color:var(--soft-text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .compact-home{padding:14px 20px 10px}.home-intro-line{display:block;margin-bottom:12px}.home-intro-line h1{font-size:21px;line-height:1.5;margin:0 0 3px}.home-intro-line p{font-size:12px;line-height:1.7}.compact-home>.breed-dropdown{margin:0}.compact-home .breed-dropdown select{min-height:46px;padding:9px 10px}.compact-home .breed-dropdown label{font-size:13px}.compact-home>.compact-appearances{margin:4px 0 8px;padding-top:8px}.compact-home .appearance-heading h3{font-size:12px}.compact-home .appearance-heading .text-button{font-size:11px;min-height:34px}.compact-home .appearance-options{gap:6px}.compact-home .appearance-card{flex-basis:64px;width:64px;min-height:64px}.compact-home .appearance-portrait{width:50px;height:39px}.compact-home .appearance-caption{font-size:10px;line-height:1.6}
 .selected-overview{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px;margin:8px 0 12px;align-items:start}.compact-dog .scene{height:106px;max-width:110px}.compact-dog figcaption{font-size:10px;line-height:1.5}.compact-care h2{font-size:13px;line-height:1.6;margin:0 0 3px}.compact-care .care-topics{font-size:12px;line-height:1.7;margin:0}.care-lifespan{font-size:11px;margin:3px 0 0}.care-lifespan b{font-size:15px}.care-lifespan small{font-size:9px;line-height:1.6}.compact-care .text-button{font-size:11px;min-height:34px}.compact-care .bank-progress{font-size:9px;line-height:1.5}.care-scope{font-size:10px}.care-scope summary{min-height:24px}.home-start{margin-top:10px}.home-start .primary{min-height:50px;font-size:14px;padding:12px 16px}.home-start .pill-row{gap:5px;margin:11px 0 6px}.home-start .pill{font-size:10px;padding:2px 5px;letter-spacing:0}.home-start .start-note{font-size:11px;margin:6px 0 0}.home-utilities{margin-top:16px;padding-top:12px;gap:6px 16px}.home-utilities .secondary{flex:none;font-size:12px;padding:9px 12px}.home-utilities .text-button{font-size:11px}.compact-home .resume-note{gap:10px}.compact-home .resume-note .primary{padding:10px;min-height:44px;font-size:11px}
 .result-image-first{padding:12px 16px 0}.generated-result{max-width:380px}.image-save-hint{font-size:12px;line-height:1.8;margin:8px 0}.result-details{margin-top:24px}.result-details>.fatal-learning{padding:16px;margin-bottom:18px}.result-card-actions{gap:8px 16px}.result-card-actions .secondary{flex:none}.result-card-actions .text-button{font-size:12px}
}
@media(max-width:359px){.compact-home{padding-left:14px;padding-right:14px}.selected-overview{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:8px}.compact-dog .scene{height:88px}.compact-care .care-topics{font-size:11px}.home-intro-line h1{font-size:20px}}
@media(max-width:700px){.compact-home .appearance-heading .text-button,.compact-care .text-button{min-height:44px}.compact-care .bank-progress{font-size:10px}}

.optional-learning{margin:28px 0 0;border-top:1px solid var(--line);padding:12px 0}.optional-learning>summary{cursor:pointer;min-height:48px;display:list-item;align-content:center;font-size:14px;font-weight:600;line-height:1.8;color:var(--cocoa)}.optional-learning .breed-learning{margin-top:4px}.optional-learning .memory-event{font-weight:400}
.fatal-learning h3{font-size:16px;margin:20px 0 8px}.clinical-story{margin:14px 0;border-top:1px dashed var(--line);padding-top:5px}.clinical-story>summary{cursor:pointer;min-height:44px;align-content:center;font-size:13px;line-height:1.8;color:var(--cocoa)}.clinical-story p{font-size:13px;line-height:1.9}.fatal-learning .real-care-note{font-size:12px;line-height:1.9}
.farewell-note{border:1px solid var(--line);padding:20px;background:var(--milk);margin:20px 0}.farewell-note h2{font-size:21px;line-height:1.6;margin:0 0 12px}.farewell-note p{font-size:14px;line-height:1.9}.farewell-note .text-button{min-height:44px;font-size:13px}
.care-longevity{border-left:2px solid var(--taupe);padding-left:10px;margin:10px 0}.care-longevity small{display:block;font-size:10px;color:var(--muted)}.care-longevity b{display:block;font-size:15px;line-height:1.7}.care-longevity .text-button{font-size:11px;min-height:32px}.care-goal{font-size:11px;line-height:1.7;color:var(--cocoa);margin:6px 0 10px}
@media(max-width:700px){.optional-learning>summary{font-size:13px}.clinical-story>summary{font-size:13px}.clinical-story p{font-size:14px}.fatal-learning .real-care-note{font-size:12px}}

/* Neutral illustrated choices: a pointer left on the next page must never look preselected. */
.illustrated-game .question h1{font-size:29px;line-height:1.45;letter-spacing:.3px;margin:14px 0 12px}.illustrated-game .question-text{font-size:17px;line-height:1.85;margin-bottom:20px;min-height:0;color:var(--ink)}
.illustrated-game .option,.illustrated-game .option:not(:disabled):hover,.illustrated-game .option:focus{background:var(--cream);border:2px solid var(--line);color:var(--ink);transform:none;box-shadow:none;outline:none}
.illustrated-game .option:focus-visible{outline:3px solid var(--cocoa);outline-offset:3px}
.illustrated-game .option.has-choice-image{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:88px;padding:11px 14px;font-size:17px;line-height:1.7}
.choice-picture{display:block;width:64px;height:64px;background:var(--milk);border:1px solid var(--line)}.choice-art{display:block;width:100%;height:100%;image-rendering:pixelated}.choice-copy{min-width:0;overflow-wrap:anywhere;text-align:left}
.illustrated-game .option-letter{background:none;border:0;width:auto;min-width:0;height:auto;font-size:11px;color:var(--muted);margin:0}.illustrated-game .option:disabled{opacity:.72;cursor:default}
.illustrated-game .answer-note{font-size:11px;line-height:1.7;align-items:center;gap:8px}.illustrated-game .answer-note .text-button{font-size:12px;min-height:44px;white-space:nowrap}.illustrated-game .game-bottom{font-size:11px}
@media(max-width:900px){.illustrated-game .question h1{font-size:24px;margin:10px 0}.illustrated-game .question-text{font-size:17px;line-height:1.8;margin-bottom:16px}.illustrated-game .option.has-choice-image{grid-template-columns:56px minmax(0,1fr) 17px;gap:10px;padding:10px;min-height:80px;font-size:16px;line-height:1.7}.choice-picture{width:56px;height:56px}.illustrated-game .options{gap:10px}.illustrated-game .answer-note{gap:5px 10px}.illustrated-game .game-bottom{margin-top:10px}}
@media(max-width:359px){.illustrated-game .question h1{font-size:22px}.illustrated-game .question-text{font-size:16px}.illustrated-game .option.has-choice-image{grid-template-columns:48px minmax(0,1fr) 15px;gap:8px;padding:9px;font-size:15px}.choice-picture{width:48px;height:48px}.illustrated-game .answer-note{font-size:10px}}