.game-container{gap:var(--space-8);flex-direction:column;width:100%;max-width:600px;display:flex}.canvas{aspect-ratio:16/9;border-radius:var(--radius-2xl);width:100%;transition:all .3s;position:relative;overflow:hidden}.canvas.correct{border-color:var(--success);background:#22c55e33}.canvas.wrong{border-color:var(--error);background:#ef444433;animation:.4s shake}.game-shape{width:60px;height:60px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute}.game-shape.circle{border-radius:50%}.game-shape.square{border-radius:12px}.game-shape.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.options-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.option-btn{border:4px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;color:var(--text-main);box-shadow:var(--shadow-md);background:#fff;padding:1.5rem;font-size:2rem;font-weight:800;transition:all .2s}.option-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.option-btn:active{transform:scale(.95)}.feedback-overlay{color:var(--success);text-shadow:0 4px 10px #0000001a;justify-content:center;align-items:center;font-size:4rem;font-weight:900;animation:.5s ease-out popUp;display:flex;position:absolute;inset:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes popUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.option-btn.correct{border-color:var(--success);color:var(--success);background:#22c55e33}.option-btn.incorrect{border-color:var(--error);color:var(--error);background:#ef444433}.option-btn.incorrect:after{content:"✕";color:#dc354580;pointer-events:none;justify-content:center;align-items:center;font-size:4rem;display:flex;position:absolute;inset:0}@media (max-width:768px){.game-container{gap:var(--space-4)}.option-btn{padding:.8rem;font-size:1.5rem}.game-shape{width:35px;height:35px}.options-grid{gap:var(--space-2)}}
.animal-game{gap:var(--space-8);flex-direction:column;align-items:center;width:100%;display:flex}.target-banner{padding:var(--space-6)var(--space-12);border-radius:var(--radius-2xl);text-align:center;width:100%}.target-banner.correct{background:#22c55e33}.target-banner.wrong{background:#ef444433;animation:.4s shake}.target-banner h2 span{color:var(--primary);text-underline-offset:8px;text-decoration:underline}.animal-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%;display:grid}.animal-card{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.animal-card:hover{transform:translateY(-10px)scale(1.05)}.animal-emoji{font-size:5rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animal-card.correct{border-color:var(--success,#28a745);background:#22c55e33}.animal-card.incorrect{border-color:var(--error,#dc3545);background:#ef444433}.animal-card.incorrect:after{content:"✕";color:#dc354580;pointer-events:none;justify-content:center;align-items:center;font-size:5rem;display:flex;position:absolute;inset:0}@media (max-width:768px){.animal-game{gap:var(--space-4)}.target-banner{padding:var(--space-4)var(--space-6)}.target-banner h2{margin:0;font-size:1.2rem}.animal-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.animal-emoji{font-size:3.5rem}}