.agGame{direction:rtl;position:relative;overflow:hidden;padding:16px;border-radius:30px;background:linear-gradient(180deg,#166534 0 25%,#f0fdf4 25%);font-family:"Alexandria",Tahoma,sans-serif;color:#172554;box-shadow:0 20px 55px #0f172a2b;min-height:760px}.agGame *{box-sizing:border-box}.agGame button{font:inherit;cursor:pointer}
.agHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.agHeader h1{font-size:clamp(27px,4.5vw,46px);margin:6px 0 3px}.agHeader p{margin:0;font-weight:800}.agHeader span{display:inline-block;background:#ffffff25;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.agHeader>button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:10px 14px;font-weight:900;height:max-content}
.agLevels,.agStats{display:grid;gap:8px}.agLevels{grid-template-columns:repeat(3,1fr);margin:14px 0}.agLevels button{border:2px solid transparent;border-radius:16px;background:#fff;padding:10px;font-weight:900}.agLevels .is-active{border-color:#facc15;transform:translateY(-2px);box-shadow:0 5px 0 #0002}
.agStats{grid-template-columns:repeat(6,1fr);margin-bottom:10px}.agStats div{background:#fff;padding:8px;border-radius:13px;text-align:center;box-shadow:0 4px 15px #0f172a12}
.agMessage,.agBank{position:absolute;z-index:12;left:6%;right:6%;text-align:center}.agMessage{bottom:34px;background:#0f172add;color:#fff;padding:9px;border-radius:14px;font-weight:900}.agBank{bottom:10px;color:#ffffffb8;font-size:9px}
.agSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.agSummary div{background:#fff;padding:9px;border-radius:14px;text-align:center}.agSummary small,.agSummary b{display:block}.agControls{display:flex;justify-content:center;gap:10px}.agControls button,.agEnd button{border:0;border-radius:15px;padding:11px 17px;font-weight:900}.agControls button:first-child{background:#166534;color:#fff}
.agEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.agEnd.is-visible{display:flex}.agEnd>div{background:#f0fdf4;padding:28px;border-radius:26px;text-align:center;width:min(500px,90%)}.agCup{font-size:65px}
.agChoice{border:0;border-radius:16px;background:#fff;padding:12px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.2s}.agChoice:hover{transform:translateY(-2px)}.agChoice.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.agChoice.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.agChoice.hint{outline:6px solid #facc15}
@media(max-width:720px){.agGame{padding:11px;border-radius:22px;min-height:900px}.agHeader{display:block}.agHeader h1{font-size:30px}.agLevels{grid-template-columns:1fr}.agStats{grid-template-columns:repeat(3,1fr)}.agSummary{grid-template-columns:repeat(2,1fr)}}

.agGarden{position:relative;min-height:500px;border-radius:24px;overflow:hidden;background:linear-gradient(#bae6fd 0 45%,#86efac 45% 72%,#4d7c0f 72%);box-shadow:inset 0 0 0 4px #fff8}.agSun{position:absolute;top:18px;right:25px;font-size:58px}.agCloud{position:absolute;top:35px;left:35px;font-size:50px}.agBoard{position:absolute;z-index:8;top:18px;left:50%;transform:translateX(-50%);width:min(80%,650px);background:#14532de8;color:#fff;padding:14px;border-radius:22px;text-align:center}.agBoard small{color:#bbf7d0}.agBoard>span{display:inline-block;background:#ffffff25;border-radius:99px;padding:4px 9px;font-size:11px}.agBoard h2{margin:7px;font-size:clamp(20px,3vw,29px);line-height:1.6}.agBoard p{margin:3px}.agBoard button{border:0;border-radius:99px;padding:7px 11px;margin:2px;font-weight:900}.agBoard i{display:block;height:7px;background:#ffffff44;border-radius:99px;overflow:hidden;margin-top:6px}.agBoard i b{display:block;height:100%;background:#facc15}.agFlower{position:absolute;top:245px;left:50%;transform:translateX(-50%);font-size:100px;transition:.45s}.agGarden.bloom .agFlower{transform:translateX(-50%) scale(1.25) rotate(8deg)}.agChoices{position:absolute;z-index:8;left:5%;right:5%;bottom:85px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.agChoice{border:0;border-radius:50% 50% 18px 18px;background:#fef9c3;padding:14px 9px;font-weight:900;box-shadow:0 7px 0 #3f6212}.agChoice.correct{background:#dcfce7}.agChoice.wrong{background:#fee2e2}.agChoice.hint{outline:6px solid #facc15}.agBank{color:#fff}
@media(max-width:720px){.agGarden{min-height:650px}.agBoard{width:92%}.agFlower{top:290px}.agChoices{grid-template-columns:repeat(2,1fr);bottom:95px}}