/* Mesma direção visual de memoria/style.css e memoria-desenhos/capa.css. */
body{background:#fbefcf url('../09-memoria-desenhos/jardim-capa.png') center top/cover fixed no-repeat;color:#24482c}
body header{max-width:1120px;padding:20px 28px 0;min-height:66px}
body header .quintal-home,body header button{background:#fff5dc;border:2px solid #ddc79b;border-radius:18px;padding:12px 18px;color:#315b38;box-shadow:0 4px 0 #ba9c65;font:700 14px 'Trebuchet MS',sans-serif;min-height:46px}
main{max-width:1080px;padding:8px 28px 30px;grid-template-columns:216px minmax(0,1fr);gap:22px 28px}
.heading .eyebrow{color:#49633a;letter-spacing:1.5px;margin:6px 0 14px}
h1{padding:15px 38px 19px;margin:0 auto 18px;border-radius:40% 36% 25% 29%/28% 33% 23% 30%;box-shadow:0 5px 0 #0c3420,0 8px 15px #26422524;text-shadow:0 3px 0 #082d1e;font-size:clamp(32px,4.4vw,50px);letter-spacing:-1.5px;line-height:1.05}
h1 span{color:#ff941c;font-size:.7em;letter-spacing:-.8px;margin-top:4px}
h1:before,h1:after{box-shadow:inset -5px 0 #749a34}
.heading>p:last-child{margin:0;color:#45603b}
.controls{background:#fff6dfee;border-radius:25px;padding:12px 12px 20px;gap:18px}
.cover{border:2px solid #f7e9c9;border-radius:15px;aspect-ratio:1.91;object-fit:cover}
fieldset button{font-weight:bold;border-radius:14px;padding:13px 12px;background:#fff9e9}
fieldset button small{color:#526b40}
.signature{width:145px}.signature img{max-height:85px;object-fit:contain}
.play-area{padding:20px 22px 14px;border-radius:28px}
.canvas-wrap{border-radius:20px;border:4px solid #fff0c9;box-shadow:0 4px 0 #9b713e,0 7px 10px #61482435;background:#163d30}
.score{color:#53683e;margin-bottom:18px;align-items:center;padding:10px 14px}
.score strong{color:#315936;font-size:16px}
#phase{font-size:11px}
.welcome{background:radial-gradient(ellipse at 50% 0,#fffbee,#fff0cd 85%);color:#24482c;padding:22px;gap:0}
.welcome-cover{display:block;width:100%;max-height:49%;height:auto;object-fit:contain;border-radius:17px;filter:drop-shadow(0 5px 3px #79552a25);margin-bottom:8px}
.welcome h2{font-size:clamp(20px,2.7vw,28px);line-height:1.15;margin:10px 0 6px;color:#234b31}
.welcome p{color:#526b40;font-size:14px;line-height:1.55;margin:4px 0 18px}
.welcome .primary{background:#ed951e;border:2px solid #b56e20;box-shadow:0 4px 0 #985a1b;color:#173d2b;min-height:50px;padding:12px 25px;border-radius:17px}
#message{background:#fff1d2c9;color:#3f5d34;border-radius:16px;margin:18px 0 14px}
.dpad button{border:2px solid #dccb9f;border-radius:14px;background:#fff9e9;box-shadow:0 3px 0 #c8b488}
#pulse{background:#3d6b40;border:2px solid #284d31;border-radius:17px;box-shadow:0 4px 0 #24482c}
.instructions{background:#fff6dfe8;border-radius:22px}.footnote{color:#49613b}
@media(max-width:760px){body{background-attachment:scroll}body header{padding:16px 16px 0;min-height:62px}body header .quintal-home,body header button{padding:10px 14px;font-size:12px}main{grid-template-columns:minmax(0,1fr);padding:12px 16px 24px;gap:18px}h1{font-size:38px;padding:12px 28px 16px}.heading .eyebrow{font-size:9px;letter-spacing:1px}.controls{padding:12px 12px 14px;gap:14px}.cover,.signature{display:none}.controls fieldset button{padding:10px 5px;font-size:12px}.play-area{padding:16px 14px 12px;border-width:4px}.score{font-size:11px;margin-bottom:16px;padding:9px 10px}.score strong{font-size:16px}.welcome{padding:14px}.welcome-cover{max-height:42%;margin:0}.welcome h2{font-size:22px;margin:10px 0 5px}.welcome p{font-size:12px;margin:3px 0 12px}.welcome .primary{min-height:46px;padding:10px 20px;font-size:14px}#message{font-size:12px}.instructions{padding:14px 16px}}
@media(max-width:380px){main{padding-inline:10px}body header{padding-inline:12px}h1{font-size:33px}.play-area{padding-inline:10px}.welcome{padding:10px}.welcome h2{font-size:18px;margin:6px 0 3px}.welcome p{font-size:11px;line-height:1.4;margin:3px 0 8px}.welcome-cover{max-height:36%}.welcome .primary{min-height:42px;padding:8px 15px;font-size:13px}.game-controls{gap:12px}.game-controls>.primary{min-width:108px}.controls fieldset button{font-size:11px}}