/* The same paper-and-fine-border system, in warm cream, cocoa and brass. */
:root{--paper:#f5f0e7;--cream:#fffdf8;--ink:#42372e;--muted:#796958;--soft-text:#796958;--line:#dfd3c2;--cocoa:#79563d;--cocoa-dark:#4d382a;--taupe:#b39a78;--milk:#f4eadb;--sage:#eee2cf;--sand:#f7eee1;--selected:#f0e2cc;--pixel-shadow:#e0d1bc;--accent:#a87f41;--surface-shadow:0 8px 28px #6d49220a;--button-shadow:0 3px 8px #6d492217}
.dog-park,.game-shell,.result-shell,.story-shell,.chosen-breed,.selected-overview{border-color:var(--line)}
.primary:hover,.park-choose:hover{background:#67462f;border-color:#67462f;box-shadow:0 5px 12px #6d49221c}
.primary:active,.park-choose:active{background:#583a28;box-shadow:inset 0 2px 3px #34200c20}
.secondary,.small-button,.guide-button,.icon-button,.dog-interaction-controls button{border-color:#c7b294;color:var(--cocoa-dark)}
.secondary:hover,.small-button:hover,.guide-button:hover,.icon-button:hover,.dog-interaction-controls button:hover{background:#f3e7d5;border-color:#aa8a61}
.secondary:active,.small-button:active,.guide-button:active,.icon-button:active{background:#ecddc4}
.primary:disabled,.secondary:disabled{background:#e9e1d5;border-color:#ded2c1;color:#877766}
.text-button:hover,.source-link:hover{color:#543923}
.language-bar select,.breed-dropdown select,.guide-toolbar select{border-color:#c8b59a}
.compact-home .appearance-card:hover{border-color:#b89970;background:#f5ecdc}
.temperament-traits li{background:#f1e6d3;color:#6b5037}
.progress i{background:#eee4d6}.progress .done{background:#c7aa7e}.progress .current{background:var(--cocoa)}
.dog-status span{background:#f3e9d8;color:#70563b}
.option.has-choice-image{border-color:#c8b598;background:var(--cream)}
.option.has-choice-image:not(:disabled):hover{background:#faf1e3;border-color:#a5845c;box-shadow:0 3px 10px #7b54260a}
.option.has-choice-image:active,.option.has-choice-image.selected{background:var(--selected)}
.option.has-choice-image .choice-picture{background:#f5eddf;box-shadow:inset 0 0 0 1px #e9ddc8}
.option-letter{color:#876d4e}.story-question .story-visual{background:#f3e8d4;border-color:#d8c5a5}
.procedure-estimate{background:#f7eddb;border-color:#dfcfb2}
dialog,dialog.guide-dialog{border-color:#cbb89a;box-shadow:0 24px 80px #3f2c2240}
dialog::backdrop{background:#34271f80}.knowledge-card{border-color:#dccbb0}
.home-quick-start{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin:12px 0 18px;background:#f4e9d6;border:1px solid #dfcaa8;border-radius:12px}
.home-quick-start>span{font-size:13px;color:var(--cocoa-dark);line-height:1.7;overflow-wrap:anywhere}
.home-quick-start .primary{min-height:48px;flex-shrink:0;padding:12px 20px;font-size:14px}
.compact-dog .selected-dog-portrait{display:block;width:180px;height:180px;max-width:100%;margin:0 auto 12px}
.selected-dog-portrait svg{display:block;width:100%;height:100%;image-rendering:pixelated}
.result-image-frame{border-radius:16px;overflow:hidden;box-shadow:0 10px 36px #6d492212}
.result-preview{border-radius:16px}
.ending-rewards{border-top:1px solid #d9c4a4}
.ending-rewards h2{color:var(--cocoa-dark)}
.reward-gift-tag{background:#f1e3c9;color:#75572f;border-radius:6px;padding:7px 10px}
.reward-ticket,.reward-ticket.is-unlocked{border:1px solid #c2a373;border-radius:14px;background:#fffaf0;color:#483526;box-shadow:0 7px 22px #79562912;overflow:hidden}
.reward-ticket.is-locked{border-color:#d4c7b3;background:#f5f0e7;box-shadow:none;color:#7b6e5d}
.reward-ticket-head{background:#f1e2c6;border-bottom:1px solid #dec9a5;padding:14px 16px}
.reward-ticket.is-locked .reward-ticket-head{background:#eae2d5}
.reward-ticket-brand small,.reward-ticket-number{color:#7d6747}
.reward-ticket h3{color:#573a24;letter-spacing:-.02em}
.reward-ticket .reward-minimum{color:#77512d}
.reward-ticket .reward-status{border:1px solid #bd9c66;border-radius:5px;background:#fff6e4;color:#7b582d;padding:3px 7px}
.reward-ticket.is-locked .reward-status{border-color:#c8bca8;background:#f1ebe0;color:#796d5c}
.reward-ticket .reward-rule{color:#78674f;line-height:1.8}
.reward-ticket .unlock-progress{border-color:#ddcaaa;color:#78674f}
.reward-ticket progress{accent-color:#ab8150}
.reward-ticket-tear{border-top:1px dashed #c4a577;margin-top:18px;color:#aa854d}
.reward-ticket-tear span{background:#fffaf0}
.reward-ticket-tear::before,.reward-ticket-tear::after{border:1px solid #c2a373;background:var(--cream)}
.reward-ticket.is-locked .reward-ticket-tear span{background:#f5f0e7}
.reward-ticket.is-locked .reward-ticket-tear::before,.reward-ticket.is-locked .reward-ticket-tear::after{border-color:#d4c7b3}
.reward-ticket-stub{background:#faf0df;padding:16px 19px 19px}
.reward-ticket.is-locked .reward-ticket-stub{background:#eee6d9}
.reward-code{border:1px solid #d2b88e;border-radius:8px;background:#fffdf7;padding:12px;margin-bottom:12px}
.reward-code span{color:#80694b}.reward-code code{color:#644326;letter-spacing:.12em}
.reward-actions .secondary{border:1px solid #b69a73;border-radius:8px;color:#67482d;background:#fffaf0;min-height:44px;box-shadow:none}
.reward-actions .secondary:first-child{background:#79563d;border-color:#79563d;color:#fffaf0}
.reward-actions .secondary:hover{filter:none;background:#efe1c7;color:#5a3d24}
.reward-actions .secondary:first-child:hover{background:#64442e;color:#fffaf0}
.reward-terms,.reward-storage,.reward-intro{color:#796958}
@media(max-width:700px){
 .compact-dog{gap:22px;padding-bottom:16px;justify-content:center}
 .compact-dog .selected-dog-portrait{width:132px;height:128px;flex:0 0 132px;margin:0}
 .compact-dog figcaption{font-size:14px;line-height:1.7}
 .home-quick-start{padding:12px;gap:10px}.home-quick-start>span{font-size:12px}.home-quick-start .primary{font-size:13px;padding:11px 15px}
 .reward-ticket-head{padding:10px 8px}.reward-ticket-main{padding:14px 10px 8px}
 .reward-ticket-stub{padding:13px 10px}.reward-ticket .reward-status{padding:2px 5px}
 .reward-code{padding:9px 7px}.reward-actions .secondary{min-height:44px}
 .reward-ticket .reward-rule{font-size:12px}.reward-ticket-brand small{letter-spacing:0}
}
@media(max-width:359px){.compact-dog .selected-dog-portrait{width:112px;height:112px;flex-basis:112px}.home-quick-start{flex-wrap:wrap}.home-quick-start .primary{flex:1}}