/* Keep the existing phone layout; expand and rearrange larger screens. */
@media(min-width:768px){
 .wrap{width:min(100%,1180px);padding:24px 28px 44px}
 .screen{max-width:960px;margin-inline:auto}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .top .logo{width:132px;height:132px}
 .home-tools{max-width:500px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 20px}
 .home-tools>.sound{grid-column:1}.home-tools>.bonus-invite{grid-column:2;grid-row:1}
 .home-tools>.bonus-links{grid-column:2;grid-row:2;justify-content:center;width:240px}
 .bonus-link{width:112px}.bonus-circle{width:68px;height:68px}.bonus-link small{font-size:14px}
 .sign{margin:26px auto 22px;padding:28px 24px}h1{font-size:clamp(34px,3.3vw,46px)}
 .progress{font-size:22px}.screen-head h2{font-size:32px}
 .stage,#breedImage,.shoe-horse{width:min(100%,720px);margin-inline:auto}
 .steps{max-width:720px;margin-inline:auto}.step{font-size:16px;padding:12px}.step svg{height:92px}
 .choice{font-size:20px;min-height:64px}.instruction{font-size:18px}.fact{font-size:17px}
 .field{max-width:740px;margin-inline:auto}.forge-scene{max-width:570px;margin-inline:auto}
 .driver-intro,.tractor-preview,.learning-card,.bonus-panel{max-width:800px;margin-inline:auto}
 .dialogue{max-width:800px;margin-inline:auto}.game-controls{max-width:740px;margin-inline:auto}
 .welcome-panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch}
 .welcome-caption{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px}.welcome-caption p{font-size:24px;line-height:1.5;margin-bottom:30px}.welcome-start{font-size:23px}
 .language-switch{gap:8px}.language-switch button{font-size:15px;min-width:48px;min-height:42px}
 .saddle svg{height:245px}.parts button,.tabs button{font-size:17px}
}
@media(min-width:1100px){
 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 #ride.on,#breeds.on{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:16px 24px}
 #ride>.screen-head,#ride>.instruction,#breeds>.screen-head,#breeds>.instruction{grid-column:1/-1;margin:0}
 #ride>.stage{grid-column:1;grid-row:3/6;margin:0;align-self:start}
 #ride>.steps{grid-column:2;grid-row:3;grid-template-columns:1fr 1fr;align-self:start}
 #ride>.msg{grid-column:2;grid-row:4;align-self:start;margin:0}
 #ride>.actions{grid-column:2;grid-row:5;align-self:start;margin:0}
 #breeds>#breedImage{grid-column:1;grid-row:3/6;margin:0;align-self:start}
 #breeds>.choices{grid-column:2;grid-row:3;grid-template-columns:1fr;align-self:start}
 #breeds>#breedFact{grid-column:2;grid-row:4;align-self:start}
 #breeds>.actions{grid-column:2;grid-row:5;align-self:start;margin:0}
 #tractorContent:has(#hayField),#smithContent:has(.forge-scene){display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px 24px;align-items:start}
 #tractorContent>.game-topline,#smithContent>.game-topline,#smithContent>.instruction{grid-column:1/-1}
 #tractorContent>.field{grid-column:1;grid-row:2/6;width:100%}
 #tractorContent>.game-controls,#tractorContent>#hayTalk,#tractorContent>.bonus-actions{grid-column:2}
 #smithContent>.forge-scene{grid-column:1;grid-row:3/8;width:100%;margin:0}
 #smithContent>#forgeSlots,#smithContent>.dialogue,#smithContent>.hoe-end,#smithContent>.bonus-actions{grid-column:2}
}