/* Apple Orchard: short, one-finger arcade round. */
.orchard-game { min-width:0; }
.orchard-hud { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:13px; }
.orchard-hud > div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; padding:8px 3px; border:1px solid #d5e3c8; border-radius:12px; background:#f0f6e8; }
.orchard-hud small { color:#657e6d; font-size:10px; font-weight:900; letter-spacing:.09em; }
.orchard-hud strong { color:#315d43; font:900 19px Nunito,system-ui,sans-serif; white-space:nowrap; }
.orchard-field { isolation:isolate; }
.orchard-fruit-layer, .orchard-effects { position:absolute; inset:0; pointer-events:none; z-index:3; }
.orchard-effects { z-index:4; }
.orchard-fruit { position:absolute; width:46px; height:46px; padding:0; border:2px solid #9d433a; border-radius:42% 42% 47% 47%; background:#e46151; box-shadow:inset -7px -6px #c94741,0 4px 0 #315c3842; color:#fff7d6; font-size:24px; font-weight:900; line-height:40px; text-align:center; pointer-events:auto; touch-action:manipulation; cursor:pointer; animation:orchard-sway var(--sway-time,1.6s) ease-in-out infinite alternate; }
.orchard-fruit::before { content:''; position:absolute; top:-6px; left:21px; width:13px; height:8px; border-radius:100% 0 100% 0; background:#4e8f54; transform:rotate(-25deg); }
.orchard-fruit::after { content:''; position:absolute; top:-5px; left:17px; width:3px; height:9px; border-radius:3px; background:#765740; transform:rotate(15deg); }
.orchard-fruit:focus-visible { outline:3px solid #fff8d8; outline-offset:3px; }
.orchard-fruit.fruit-gold { background:#f0be4b; border-color:#b17c29; box-shadow:inset -7px -6px #dca03c,0 0 13px #fff1a4,0 4px 0 #315c3842; color:#fff7d4; }
.orchard-fruit.fruit-green { background:#a2c969; border-color:#66843f; box-shadow:inset -7px -6px #7fad51,0 4px 0 #315c3842; }
.orchard-fruit.fruit-rotten { background:#7f6a60; border-color:#56464a; box-shadow:inset -7px -6px #65545a,0 4px 0 #315c3842; color:#e9d9cc; }
.orchard-fruit.falling { pointer-events:none; animation:orchard-fall .5s ease-in forwards; }
.orchard-pop { position:absolute; display:block; padding:4px 7px; border-radius:8px; background:#fff8d8; color:#32734e; font-size:15px; font-weight:900; white-space:nowrap; box-shadow:0 3px 0 #496d4733; animation:orchard-pop .7s ease-out forwards; }
.orchard-pop.bad { color:#a45350; }
.orchard-result { display:flex; flex-direction:column; gap:4px; margin:8px 0 12px; color:#315d43; font-weight:900; }
.orchard-result[hidden] { display:none; }
.orchard-result strong { color:#dda73c; font-size:31px; letter-spacing:3px; }
.orchard-legend { display:grid; gap:4px; margin-top:18px !important; font-size:12px !important; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes orchard-sway { from { transform:translateX(-4px) rotate(-7deg); } to { transform:translateX(4px) rotate(7deg); } }
@keyframes orchard-fall { to { transform:translateY(175px) rotate(35deg); opacity:0; } }
@keyframes orchard-pop { to { transform:translateY(-36px); opacity:0; } }
@media(max-width:650px) {
 .orchard-hud { gap:5px; }
 .orchard-hud > div { padding:7px 1px; }
 .orchard-hud strong { font-size:16px; }
 .orchard-fruit { width:44px; height:44px; }
 .orchard-game { min-height:0; }
}
@media(prefers-reduced-motion:reduce) { .orchard-fruit { animation:none; } .orchard-fruit.falling, .orchard-pop { animation-duration:.01ms; } }