/* Country wood and braided ropes; keep all existing horse menu artwork. */
.wood,.sound,.back,.language-switch button,.bonus-invite,.bonus-link small,.progress,.instruction,.choice,.tabs button,.parts button,.step,.green,.secondary,.driver-card,.quiz-answer,.forge-meter,.welcome-caption{background-image:linear-gradient(#ffe1aa30,#ffe1aa30),url('assets/wood-country-v33.webp');background-size:100% 100%;background-color:#dda65a;border-color:#5f3216;box-shadow:inset 0 2px 0 #ffe8b8cc,inset 0 -4px 0 #90531d88,0 4px 0 #572c13,0 7px 10px #28130855;color:#321808;text-shadow:0 1px 1px #ffdea38f}
.language-switch button.selected,.tabs button.active{background-image:linear-gradient(#4d2a16b8,#4d2a16b8),url('assets/wood-country-v33.webp');color:#fff5de;text-shadow:none}
.sign{margin-top:55px;margin-bottom:36px;padding:23px 21px;border:3px solid #623814;border-radius:19px;position:relative}
.sign:before,.sign:after{content:'';position:absolute;top:-45px;width:28px;height:66px;border:0;border-radius:0;background:url('assets/rope-country-v33.svg') center/100% 100% no-repeat;box-shadow:none;pointer-events:none}.sign:before{left:22px}.sign:after{right:22px}
.progress{position:relative;margin-top:34px;margin-bottom:20px;border-radius:15px;padding:15px 18px}
.progress:before,.progress:after{content:'';position:absolute;top:-36px;width:22px;height:53px;background:url('assets/rope-country-v33.svg') center/100% 100% no-repeat;pointer-events:none}.progress:before{left:15px}.progress:after{right:15px}
.game-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:center;gap:10px;padding:8px 0;max-width:440px}
.move-button{width:100%;max-width:88px;aspect-ratio:1;height:auto!important;min-width:0;min-height:0;border-radius:50%!important;border:3px solid #5b3016;padding:0;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #ffe6ad80,inset 0 -5px #8b501d50,0 5px 0 #5b3016;font:900 clamp(29px,7vw,40px)/1 system-ui;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.move-button.pressed{transform:translateY(3px);box-shadow:inset 0 2px 5px #43200766,0 2px 0 #5b3016}.move-button svg{width:52%;height:52%;overflow:visible;fill:#422009;filter:drop-shadow(0 1px #ffe3a780)}
@media(min-width:768px){.sign{margin-top:55px;padding:30px 24px}.game-controls{max-width:440px;width:100%}.move-button{max-width:85px}}

/* Desktop grid must not stretch the two shorter original cards. */
@media(min-width:768px){.cards{align-items:start}.cards>.card{align-self:start;height:auto;min-height:0;padding:0;line-height:0;background:#eed2a2}.cards>.card:not(.seasonal-card){height:fit-content}.card-title{line-height:1.1}}


/* One consistent menu-card frame for every original illustration. */
.cards>.card:not(.seasonal-card){display:flex;align-items:center;justify-content:center;aspect-ratio:390/180;height:auto;min-height:0;padding:5px;line-height:0;border:3px solid #593015;border-radius:18px;background:#9a602d url('assets/wood-country-v33.webp') center/cover;box-shadow:inset 0 0 0 1px #e4b575,0 4px 0 #4d2914,0 7px 10px #29150666}
.cards>.card:not(.seasonal-card)>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:10px}
.card-title{line-height:1.1}

/* Align the actual illustrated cream panels, not only their outer boxes. */
.cards>.card:not(.seasonal-card){position:relative}
.cards>.card:not(.seasonal-card)>img{position:absolute;object-fit:fill;border-radius:0;max-width:none}
.cards>.card[data-go=ride]:not(.seasonal-card)>img{left:3.10%;top:6.05%;width:94.13%;height:82.79%}
.cards>.card[data-go=breeds]:not(.seasonal-card)>img{left:.64%;top:9.0%;width:96.03%;height:77.8%}
.cards>.card[data-go=saddles]:not(.seasonal-card)>img{left:1.46%;top:5.0%;width:95.73%;height:89.6%}

/* Hide all source-art surroundings and neighboring atlas fragments. */
.cards>.card[data-go=breeds]:not(.seasonal-card)>img{clip-path:inset(0 .5% 6.5% 3% round 7px)}
.cards>.card[data-go=saddles]:not(.seasonal-card)>img{clip-path:inset(4% .8% 13% 2.2% round 8px)}

.cards>.card:after{content:'';position:absolute;right:12px;bottom:3px;width:38px;height:26px;background:var(--card-decoration) center/contain no-repeat;z-index:3;pointer-events:none}
#app .card[data-go=ride] .card-title{left:44%!important;top:27%!important;width:37%!important;height:31%!important}
#app .card[data-go=breeds] .card-title{left:46%!important;top:18%!important;width:37%!important;height:41%!important}
#app .card[data-go=saddles] .card-title{left:53%!important;top:26%!important;width:31%!important;height:19%!important}

/* Seasonal objects resting on the first plaque's upper ledge. */
.cards>.card:after{display:none}
.cards>.card:first-child{overflow:visible}
.cards>.card:first-child:after{display:block;right:auto;left:3%;bottom:calc(100% - 12px);width:26%;max-width:110px;height:auto;aspect-ratio:3/2;background-image:var(--card-decoration);background-position:center;background-size:contain;background-repeat:no-repeat}
#app[data-season=autumn] .cards>.card:first-child:after{background-image:url('assets/pumpkins-on-wood-v40.webp')}

.cards>.card[data-go=saddles]:not(.seasonal-card)>img{clip-path:url(#saddle-menu-clean-v41)}

/* Follow the illustrated breed panel contour, including its four corners. */
.cards>.card[data-go=breeds]:not(.seasonal-card)>img{clip-path:url(#breed-menu-clean-v42)}