.similar-shape-game{flex-direction:column;max-width:700px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{color:#2d3748;margin-bottom:.25rem;font-size:2rem}.subtitle{color:#718096;margin-bottom:1rem;font-size:1.1rem}.difficulty-selector{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.diff-btn{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.diff-btn:hover{color:#4299e1;border-color:#4299e1}.diff-btn.active{color:#fff;background:#4299e1;border-color:#4299e1}.stats{justify-content:center;gap:1rem;display:flex}.stat-badge{color:#4a5568;background:#edf2f7;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:600}.error-badge{color:#c53030;background:#fed7d7}.game-area{flex-direction:column;flex:1;align-items:center;gap:2rem;display:flex}.section-title{color:#4a5568;text-align:center;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.shape-display{flex-direction:column;align-items:center;gap:.5rem;display:flex}.target-svg{width:150px;height:150px}.shape-label{color:#4a5568;font-size:1rem;font-weight:600}.grid-container{background:#e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;width:120px;height:120px;padding:4px;display:grid}.base-grid{width:150px;height:150px;margin:0 auto}.grid-cell{background:#fff;border-radius:4px;transition:background .3s}.grid-cell.filled{background:#4299e1;box-shadow:inset 0 2px 4px #0000001a}.question-section{text-align:center;background:#ebf8ff;border-left:4px solid #4299e1;border-radius:12px;width:100%;max-width:500px;padding:1rem 1.5rem}.question-text{color:#2b6cb0;margin:0;font-size:1.2rem;font-weight:700}.options-grid{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:600px;margin:0 auto;display:flex}.option-card{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;min-width:100px;padding:.75rem;transition:all .2s;display:flex}.option-svg{width:80px;height:80px}.option-card:hover:not(:disabled){border-color:#4299e1;transform:translateY(-4px);box-shadow:0 8px 15px #4299e133}.option-card:disabled{cursor:default}.option-card.correct{background:#c6f6d5;border-color:#48bb78;animation:.5s ease-out popIn}.option-card.correct .option-svg *{fill:#48bb78}.option-card.wrong{background:#fff5f5;border-color:#f56565;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.option-card.wrong .option-svg *{fill:#f56565}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.victory-screen{flex:1;justify-content:center;align-items:center;display:flex}.victory-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:3rem 2rem;animation:.6s ease-out popIn;box-shadow:0 20px 40px #0000001a}.victory-card h2{color:#48bb78;margin-bottom:1rem;font-size:2rem}.final-stats{color:#4a5568;background:#f7fafc;border-radius:12px;margin:1.5rem 0;padding:1rem}.btn-primary{color:#fff;cursor:pointer;background:#48bb78;border:none;border-radius:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .1s,background .2s}.btn-primary:hover{background:#38a169}.btn-primary:active{transform:scale(.95)}@media (width<=600px){.target-svg{width:120px;height:120px}.grid-container{width:100px;height:100px}.base-grid{width:120px;height:120px}.option-card{padding:.75rem}.option-svg{width:60px;height:60px}.options-grid{gap:1rem}@media (width<=600px){.target-svg{width:120px;height:120px}.grid-container{width:90px;height:90px}.base-grid{width:120px;height:120px}.option-card{min-width:85px;padding:.5rem}.option-card .grid-container{width:70px;height:70px}.options-grid{gap:.75rem}}@media (width<=400px){.option-card{min-width:70px;padding:.4rem}.option-card .grid-container{width:60px;height:60px}.options-grid{gap:.5rem}}}