/* Shared interface system: timber frames, parchment surfaces, leaf actions. */
:root{--ui-forest:#255d39;--ui-leaf:#407e43;--ui-leaf-light:#578d48;--ui-paper:#fff8e7;--ui-wash:#eef0d8;--ui-text:#304332;--ui-muted:#596347;--ui-timber:#80532e;--ui-gold:#f6d77b;--ui-radius:12px;--ui-edge:2px solid #b99a68}
body{color:var(--ui-text);font-size:16px;line-height:1.45;background:#f1ead6}
button{font-weight:700;line-height:1.3}
/* Every interactive surface shares the same tactile silhouette. */
.buy,.black-product .buy,.primary,.secondary,.care-button,.bask-button,.encourage,.thermal,.thermal-buttons #encourage,.manual-actions button,.turbo-quick,.turbo-quick-heading button,.boost-card button,.icon-button,.header-right .icon-button,.mode-pill button,.quiz button,.fact-nav button,.fact-answers button,.package-status button,#machine-buttons button,.guide button{
 background:linear-gradient(180deg,var(--ui-leaf-light),var(--ui-forest));color:#fffbea;border:2px solid #234e30;border-radius:var(--ui-radius);box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #1f452a;min-height:46px;font-size:14px;padding:10px 12px;text-shadow:0 1px #173921;transition:filter .15s,transform .15s,box-shadow .15s
}
.buy:not(:disabled):hover,.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.care-button:not(:disabled):hover,.turbo-quick:not(:disabled):hover,.icon-button:hover,#machine-buttons button:not(:disabled):hover,.boost-card button:not(:disabled):hover{background:linear-gradient(180deg,#639950,#326e3e);filter:brightness(1.04)}
button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 3px #153c3033}
button:disabled{opacity:1;background:#e0e3d2;color:#65715a;border-color:#b7bfa4;box-shadow:inset 0 1px #fff8;text-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c18b1f;outline-offset:3px}
.buy .price,.primary>span:last-child{color:var(--ui-gold);font-size:16px;font-weight:800}.price:before{color:inherit;font-size:15px}button:disabled .price{color:#626d49}
.care-button svg,.water-care svg,.care-button>svg{color:#f3df99}.care-button b,.care-button em,.shop-card>.care-row .care-button em{font-size:14px;color:#fffbea}.care-button .meter{height:6px;background:#183b2e}.care-button .meter i{background:#b9db77}.water-care .meter i{background:#8adddf}
.manual-actions button[aria-pressed=true],.thermal[aria-pressed=true],.turbo-active{background:linear-gradient(#517b36,#315e32);color:#fffbea;border-color:#d4b362;box-shadow:inset 0 0 0 1px #edcc80,0 3px 0 #254c2d}
.turbo-quick small,.turbo-active small{font-size:13px;color:#fff0bf}.turbo-quick:disabled small{color:#626d49}
/* Major frames use timber; smaller cards use the same quiet parchment. */
.habitat-card,.shop-card,.club-sidebar>.topbar,.turbo-shortcuts,.field-notebook,dialog{border:var(--ui-edge);border-radius:var(--ui-radius);background:var(--ui-paper);box-shadow:0 3px 0 #ad8d5b33;overflow:hidden}
.habitat-card,.shop-card{border:3px solid var(--ui-timber)}
.section-header,.shop-heading{background:linear-gradient(#aa7948,#80532e);color:#fff7df;border-bottom:2px solid #664222;box-shadow:inset 0 1px #edc48c80;padding:12px 14px;min-height:48px}
.section-header h2,.shop-card .section-header h2,.workshop-heading h2{font:700 20px/1.3 'Trebuchet MS',Arial,sans-serif;letter-spacing:0}
.shop-heading{font-size:14px;letter-spacing:.04em}.shop-heading .text-button,.scroll-hint{font-size:13px;color:#fff7df}
.club-sidebar>.topbar{background:var(--ui-paper);padding:12px}.club-sidebar .brand{font-size:27px;color:var(--ui-forest)}
.club-sidebar .mode-pill{font-size:13px;background:#edf0da;border:1px solid #b8c39b;color:var(--ui-text);padding:4px 6px 4px 10px}.club-sidebar .mode-pill button{padding:0;min-height:36px;height:36px}.club-sidebar .icon-button{padding:0;height:44px;min-height:44px}
.club-sidebar .stat{min-height:76px;padding:12px}.club-sidebar .stat strong{font:800 27px/1.1 'Trebuchet MS',Arial,sans-serif}.club-sidebar .stat .stat-label,.club-sidebar .stat small{font-size:13px;color:#ffedc6}.club-sidebar .stat strong small{font-size:15px}
.club-sidebar .journey{background:var(--ui-paper);border:0;padding:9px 4px}.club-sidebar .journey h2{font-size:15px;color:var(--ui-forest)}.club-sidebar .journey p{font-size:13px;line-height:1.45;color:var(--ui-muted)}.club-sidebar .journey-heading>span{font-size:14px}
.goal-track,.purchase-track{height:8px;background:#dce0c6}.goal-track i,.purchase-track i{background:#518347}
.turbo-shortcuts{padding:10px}.turbo-quick-heading b{font-size:15px;color:var(--ui-forest)}.turbo-quick-heading button{font-size:13px;padding:6px 10px;min-height:38px}.turbo-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.turbo-quick{font-size:14px;padding:8px 5px;min-height:55px}.turbo-shortcuts>small{font-size:13px;line-height:1.4;color:var(--ui-muted)}
.shop-card>.care-row{padding:10px;background:var(--ui-wash);gap:10px}.shop-card>.care-row .care-button{font-size:14px;padding:10px;min-height:58px}
.care-fold{background:var(--ui-paper);border-bottom:1px solid #d7c6a0}.care-fold>summary{font-size:14px;color:var(--ui-forest);padding:13px}
.purchase-plan{padding:12px 14px;background:var(--ui-wash);border-bottom:1px solid #c4caa4}.purchase-plan b{font-size:15px;color:var(--ui-forest)}.purchase-plan small,.purchase-plan>span{font-size:13px;color:var(--ui-muted);line-height:1.5}
.tabs{background:var(--ui-wash);padding:5px;gap:4px}.tabs .tab{font-size:14px;padding:9px 4px;color:var(--ui-forest);border:1px solid transparent;border-radius:9px;min-height:46px;background:transparent}.tabs .tab.active,.tabs .tab[aria-selected=true]{background:var(--ui-forest);color:#fffbea;border-color:#21482e;box-shadow:inset 0 1px #ffffff30}
.shop-all-view .shop-panel:not([hidden]){gap:10px;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-all-view .shop-panel::before{background:var(--ui-wash);color:var(--ui-forest);font-size:14px;padding:10px;border-radius:9px;letter-spacing:.04em}
.animal-product,.black-product,.upgrade,.evolution-card,.shop-all-view .animal-product,.shop-all-view .upgrade,.dock-module{background:var(--ui-paper);border:1px solid #c6cbaa;border-radius:var(--ui-radius);padding:12px;color:var(--ui-text)}
.shop-all-view h3,.product-heading h3,.upgrade-top h3,.progression-upgrade h3,.evolution-card h3{font-size:16px;line-height:1.35;color:var(--ui-forest);margin:6px 0}
.shop-all-view .product-facts,.shop-all-view .upgrade p,.shop-all-view .upgrade small,.shop-all-view .shop-footnote,.shop-all-view .processing-values,.shop-all-view .automation-note,.progression-upgrade>small,.evolution-card>small,.product-facts{font-size:13px;line-height:1.5;color:var(--ui-muted)}
.shop-all-view .buy,.dock-module .buy{font-size:14px;padding:10px 8px;min-height:52px;gap:5px}.shop-all-view .price{font-size:16px}.shop-all-view .animal-art{width:100px;height:63px}.shop-all-view .animal-art canvas{width:100px;height:63px}
.upgrade-icon,.dock-icon{background:var(--ui-wash);color:var(--ui-forest);border:1px solid #bdc99e;border-radius:9px}
.boost-card{padding:12px 0;gap:10px}.boost-card b{font-size:16px;color:var(--ui-forest)}.boost-card small,.boost-panel>p,.boost-heading span,.stage-list b,.stage-list small,.level-map summary,.progression-panel>p{font-size:13px;line-height:1.45;color:var(--ui-muted)}.boost-card button{font-size:14px;min-width:106px}.boost-panel h4{font-size:17px;color:var(--ui-forest)}
.manual-dock,.workshop-dock,.machine-actions,.package-status,.circuit-controls,.guide{background:var(--ui-paper);color:var(--ui-text);border-color:#d0bb91}
.manual-heading h2{font-size:21px;color:var(--ui-forest)}.manual-dock p,.hand-upgrade small,.workshop-caption,.belt-status,.dock-level,.delivery-receipt,.machine-actions p,.machine-actions>small,.scene-tip,.club-sidebar .guide p{font-size:14px;line-height:1.5;color:var(--ui-muted)}
.hand-upgrade b,.dock-module>b,.workshop-heading>span,.machine-actions>b,.circuit-controls strong,.manual-heading>strong{font-size:16px;color:var(--ui-forest)}.section-kicker{font-size:13px;color:var(--ui-muted);letter-spacing:.03em}.manual-actions button{font-size:14px}.machine-actions{padding:16px}#machine-buttons button{font-size:14px}.delivery-receipt b{font-size:16px}.delivery-receipt{background:var(--ui-wash)}
.field-turbo{background:linear-gradient(#648f46,#2e653c);color:#fff8dd;border:2px solid #edcb77;border-radius:var(--ui-radius);width:116px;padding:10px;box-shadow:0 3px 0 #25492e}.field-turbo b,.field-turbo small{font-size:12px;line-height:1.4}.field-turbo span{font-size:15px}.field-turbo:not(:disabled):hover{background:linear-gradient(#739e4f,#3f7847)}
.scene-badge{font-size:13px;border-radius:9px}.toast{font-size:16px;background:var(--ui-paper);color:var(--ui-forest);border:var(--ui-edge);border-radius:var(--ui-radius)}.purchase-reward{border-radius:var(--ui-radius);background:#fff7dc}.purchase-reward strong{font-size:18px}.purchase-reward div>span{font-size:14px}
.notebook-heading h2{color:var(--ui-forest)}.fact-copy p{font-size:16px;color:var(--ui-text)}.notebook-link,.notebook-link small,.bottom-row button,.bottom-note,footer{font-size:13px;color:var(--ui-muted)}
@media(min-width:761px){.game-layout{grid-template-columns:minmax(0,1fr) clamp(370px,34vw,480px);gap:16px}.club-sidebar{gap:10px}.club-sidebar .shop-card{min-height:195px}.turbo-shortcuts:has(#turbo-more[aria-expanded=true]){max-height:235px}.turbo-shortcuts:has(#turbo-more[aria-expanded=true]) .turbo-quick-grid{max-height:150px;overflow:auto}}
@media(min-width:761px) and (max-height:780px){.club-sidebar .topbar{padding:8px;min-height:74px}.club-sidebar .stat{min-height:66px;padding:10px}.club-sidebar .journey p{margin:3px 0}.turbo-shortcuts>small{display:none}.turbo-shortcuts{padding:8px}.turbo-quick{min-height:48px;padding:6px}.club-sidebar{gap:7px}}
@media(max-width:760px){.club-sidebar{height:auto;position:static}.club-sidebar .shop-card{min-height:0}.club-sidebar .control-scroll{overflow:visible}.turbo-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-all-view .shop-panel:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.field-turbo{width:98px;min-height:60px;padding:7px}.field-turbo small{display:none}.field-turbo b{font-size:11px}.field-turbo span{font-size:13px}.manual-actions button{min-width:120px}.hand-upgrade{flex-wrap:wrap}.hand-upgrade .buy{width:auto;min-width:145px}#machine-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-badge{font-size:12px}.purchase-reward strong{font-size:16px}.purchase-reward div>span{font-size:13px}.club-sidebar .stat{padding:12px 10px}.club-sidebar .stat strong{font-size:25px}}
@media(max-width:360px){.club-sidebar .stat .stat-label{font-size:12px}.club-sidebar .stat strong{font-size:22px}.tabs .tab{font-size:13px}.shop-all-view h3{font-size:15px}.shop-all-view .animal-art,.shop-all-view .animal-art canvas{width:85px;height:54px}.shop-all-view .buy{padding:9px 5px}.club-sidebar .mode-pill{font-size:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.reduce-motion button{transition:none}
/* Nested legacy selectors must follow the same palette, including solar choices. */
.header-right .mode-pill button,.thermal.shade{background:linear-gradient(180deg,var(--ui-leaf-light),var(--ui-forest));color:#fffbea;border:2px solid #234e30;box-shadow:inset 0 1px #ffffff40,0 3px 0 #1f452a}
.thermal b,.thermal small,.thermal span,.thermal svg,.thermal.shade b,.thermal.shade small{color:#fffbea;font-size:13px;text-shadow:none}.thermal b{font-size:14px}.thermal-heading b,.thermal-heading span,.guide-reward,.guide .section-kicker,.notebook-link small{font-size:13px;line-height:1.4;color:var(--ui-muted)}
dialog{overflow:auto;max-height:calc(100dvh - 32px)}

/* 1.17: interaction stays in the beach; purchased automation becomes a meter. */
.care-button.automated,.care-button.automated:disabled{background:#edf0dc;color:#3c6542;border:1px solid #a9ba8e;box-shadow:none;text-shadow:none;cursor:default}.care-button.automated b,.care-button.automated em,.care-button.automated svg{color:#3c6542}.care-button.automated .meter{background:#d1dcbc}.care-button.automated .meter i{background:#6c9955}.care-button.automated.water-care .meter i{background:#5da4ad}
.turbo-effect{font-size:13px;line-height:1.4;color:#fff4cc;font-weight:400}.turbo-quick:disabled .turbo-effect{color:#5b674e}.turbo-quick-grid{grid-template-columns:1fr}.turbo-quick{display:grid;grid-template-columns:1fr auto;text-align:left;padding:10px 12px;gap:2px 8px}.turbo-quick>span:first-child{font-size:15px}.turbo-effect{grid-row:2;grid-column:1}.turbo-quick>small{grid-column:2;grid-row:1 / 3;align-self:center}.club-sidebar .shop-card{min-height:190px}.scene-tip{display:none}.workshop-caption{display:none}.workshop-dock{padding:12px}.turbo-shortcuts>small{display:none}
.shop-card>.care-row .care-button.automated b,.shop-card>.care-row .care-button.automated em{color:#3c6542}
.dock-module .buy{flex-direction:column;justify-content:center;text-align:center;min-height:66px}.dock-module .buy .price{font-size:15px}
.turbo-quick.turbo-active:disabled{background:linear-gradient(#4e7840,#315e39);border-color:#c5b36e;color:#fffbea;box-shadow:inset 0 1px #ffffff30;text-shadow:none}.turbo-quick.turbo-active:disabled small,.turbo-quick.turbo-active:disabled .turbo-effect{color:#fff0bf}
@media(min-width:761px) and (max-height:780px){.turbo-effect{font-size:12px}.turbo-quick{padding:7px 10px;min-height:48px}.club-sidebar .journey p{display:none}}