.hk-masa{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,420px);margin:8px auto 6px}.hk-direk{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;min-height:270px;padding:0 0 12px;border:0;border-radius:16px;background:var(--yuzey-2);color:var(--metin);font:inherit;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 -6px 0 rgb(0 0 0 / 0.18)}.hk-direk::before{content:'';position:absolute;left:50%;bottom:12px;top:18px;width:10px;margin-left:-5px;border-radius:5px 5px 0 0;background:currentColor;opacity:0.35}.hk-direk:focus-visible{outline:3px solid var(--odak);outline-offset:2px}.hk-direk[aria-pressed="true"]{outline:3px solid var(--o);outline-offset:2px}.hk-direk--hedef::after{content:'★';position:absolute;top:6px;left:8px;opacity:0.6;font-size:0.9rem}.hk-halka{position:relative;z-index:1;width:var(--w);height:26px;margin-top:3px;border-radius:13px;background:var(--c);box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.22),0 1px 0 rgb(0 0 0 / 0.3);color:#10122b;font-weight:800;font-size:0.8rem;display:grid;place-items:center}.hk-halka--kalkik{transform:translateY(-14px);box-shadow:inset 0 -5px 0 rgb(0 0 0 / 0.22),0 6px 0 rgb(0 0 0 / 0.18)}.hk-halka--ipucu{outline:3px dashed var(--metin);outline-offset:2px}.hk-direk--ipucu{box-shadow:inset 0 -6px 0 rgb(0 0 0 / 0.18),0 0 0 3px var(--o)}.hk-direk--sallan{animation:hk-sallan 0.25s ease}@keyframes hk-sallan{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.hk-not{text-align:center;margin:4px 0 8px;font-size:0.92rem}.hk-eylemler{display:flex;gap:10px;justify-content:center}@media (prefers-reduced-motion:reduce){.hk-direk--sallan{animation:none}.hk-halka--kalkik{transition:none}}