.plant-game{background:linear-gradient(145deg,#123d2b,#2d6a4f);border-radius:1.75rem;color:#fff;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 24px 60px rgba(16,44,32,.2)}
.plant-game__plants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1.25rem 0}
.plant-game__plant{min-height:82px;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.08);color:#fff;padding:.7rem .45rem;cursor:pointer;font-weight:700}
.plant-game__plant span{display:block;font-size:1.75rem;margin-bottom:.25rem}
.plant-game--full .plant-game__plants{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}
.plant-game--full .plant-game__plant{min-height:66px;padding:.45rem .25rem;font-size:.72rem;border-radius:.75rem}
.plant-game--full .plant-game__plant span{font-size:1.25rem;margin-bottom:.1rem}
.plant-game__plant[aria-pressed=true]{background:#fff;color:#1b4332;border-color:#b7e4c7;box-shadow:0 0 0 3px rgba(183,228,199,.25)}
.plant-game__months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:1rem 0}
.plant-game__month{min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-weight:700;font-size:.8rem}
.plant-game__month:hover,.plant-game__month:focus-visible{background:rgba(255,255,255,.17)}
.plant-game--full .plant-game__month{background:#fff;color:#1b4332;border:2px solid #d8eadf;box-shadow:0 4px 12px rgba(6,30,20,.12);transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.plant-game--full .plant-game__month:hover,.plant-game--full .plant-game__month:focus-visible{background:#fff7d6;color:#1b4332;border-color:#f4d978;box-shadow:0 7px 18px rgba(6,30,20,.2);transform:translateY(-2px)}
.plant-game--full .plant-game__month[aria-pressed=true]{background:#95d5b2;color:#123d2b;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25),0 8px 20px rgba(6,30,20,.2);transform:translateY(-2px)}
.plant-game__result{min-height:76px;border-radius:1rem;padding:1rem;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.plant-game__result>div{min-width:0}
.plant-game__result strong{display:block;font-size:1rem;margin-bottom:.2rem}
.plant-game__score{flex:0 0 auto;background:#fff;color:#1b4332;border-radius:999px;padding:.55rem .85rem;font-weight:800}
.plant-game__final{width:100%;margin-top:.8rem;padding:.75rem;border-radius:.75rem;background:rgba(255,255,255,.12)}
.plant-game__final span{display:block;margin-top:.2rem;font-size:.8rem;color:rgba(255,255,255,.78)}
@media (prefers-reduced-motion:reduce){.plant-game--full .plant-game__month{transition:none}}
@media(max-width:767px){.plant-game--full .plant-game__plants{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){.plant-game__plants{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-game--full .plant-game__plants{grid-template-columns:repeat(3,minmax(0,1fr))}.plant-game__months{grid-template-columns:repeat(3,minmax(0,1fr))}.plant-game__result{align-items:stretch;flex-direction:column}.plant-game__result>div{width:100%}.plant-game__score{align-self:flex-start;max-width:100%;white-space:normal;text-align:center}}