.dh-alan{position:relative;width:min(100%,360px);margin:6px auto 12px}.dh-izgara{--n:3;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:8px;padding:12px;border-radius:18px;background:#1d2140}.dh-kare{aspect-ratio:1;border:0;border-radius:12px;padding:0;cursor:pointer;touch-action:manipulation;background:#2f3566;box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.25);transition:background 0.12s ease,transform 0.12s ease}.dh-kare[disabled]{cursor:default}.dh-kare--yanik{background:#ffd23f;transform:scale(1.04);box-shadow:0 0 16px 2px rgb(255 210 63 / 0.55),inset 0 -5px 0 rgb(0 0 0 / 0.15)}.dh-kare--dogru{background:#3ddc84;box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.2)}.dh-kare--yanlis{background:#e5484d;animation:dh-sallan 0.3s ease}.dh-kare--goster{background:#ffd23f;opacity:0.55}.dh-kare:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}.dh-alan .dh-basla{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.dh-alan .dh-basla[hidden]{display:none}@keyframes dh-sallan{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.dh-kare--yanlis{animation:none}.dh-kare--yanik{transform:none}}