.sy-alan{position:relative;width:min(100%,380px);margin:6px auto 8px}.sy-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:20px;background:#3f7d3a}.sy-yuva{position:relative;aspect-ratio:1;overflow:hidden;border:0;border-radius:16px;padding:0;cursor:pointer;background:#5aa352;touch-action:manipulation;box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.18)}.sy-yuva::before{content:'';position:absolute;left:12%;right:12%;bottom:8%;height:34%;border-radius:50%;background:#3a2616;box-shadow:inset 0 6px 0 rgb(0 0 0 / 0.3)}.sy-yuva:focus-visible{outline:3px solid var(--odak);outline-offset:2px}.sy-yuva[disabled]{cursor:default}.sy-hayvan{position:absolute;left:16%;right:16%;bottom:14%;height:70%;transform:translateY(110%);transition:transform 0.1s ease-out;pointer-events:none}.sy-hayvan svg{width:100%;height:100%;display:block}.sy-yuva[data-tur="sincap"] .sy-sincap,.sy-yuva[data-tur="kirpi"] .sy-kirpi,.sy-yuva[data-tur="altin"] .sy-altin{transform:translateY(0)}.sy-yuva::after{content:'';position:absolute;left:0;right:0;bottom:0;height:24%;background:#5aa352;border-radius:0 0 16px 16px;box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.18)}.sy-yuva--vur{animation:sy-vur 0.18s ease}.sy-yuva--ters{animation:sy-sallan 0.25s ease}@keyframes sy-vur{50%{transform:scale(0.92)}}@keyframes sy-sallan{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.sy-alan .sy-basla{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;z-index:3}.sy-alan .sy-basla[hidden]{display:none}.sy-numara{position:absolute;z-index:2;left:8px;top:4px;font-size:0.7rem;font-weight:800;color:#fff;opacity:0.8}.sy-not{text-align:center;font-weight:700;margin:0 0 8px}@media (prefers-reduced-motion:reduce){.sy-hayvan{transition:none}.sy-yuva--vur,.sy-yuva--ters{animation:none}}