.coc-cini{background-color:#e9fbf8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M14 1 20 7 14 13 8 7Z' fill='%2326358A'/%3E%3Ccircle cx='14' cy='7' r='2' fill='%237FF6EC'/%3E%3Ccircle cx='0' cy='7' r='2.4' fill='%2326B5A8'/%3E%3Ccircle cx='28' cy='7' r='2.4' fill='%2326B5A8'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;height:14px}:root[data-tema=koyu] .coc-cini{background-color:#0e2327;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M14 1 20 7 14 13 8 7Z' fill='%236B7BE0'/%3E%3Ccircle cx='14' cy='7' r='2' fill='%237FF6EC'/%3E%3Ccircle cx='0' cy='7' r='2.4' fill='%2326B5A8'/%3E%3Ccircle cx='28' cy='7' r='2.4' fill='%2326B5A8'/%3E%3C/svg%3E")}@keyframes coc-belir{0%{opacity:0;transform:translateY(6px)}}@keyframes coc-etiket{0%{opacity:0;transform:scale(.7)rotate(-6deg)}70%{opacity:1;transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:none}}@keyframes coc-nabiz{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 40%, transparent)}50%{box-shadow:0 0 0 8px #0000}}.coc-belir{animation:coc-belir .26s var(--ease-cezi) both}.coc-etiket{animation:coc-etiket .42s var(--ease-cezi) both}.coc-nabiz{animation:1.5s ease-in-out infinite coc-nabiz}.coc-dugme{transition:transform .16s var(--ease-cezi), box-shadow .16s var(--ease-cezi), background-color .16s}.coc-dugme:active{transform:scale(.96)}.coc-kalk{transform:translateY(-5px)scale(1.05)}@media (prefers-reduced-motion:reduce){.coc-belir,.coc-etiket,.coc-nabiz{animation:none}.coc-kalk,.coc-dugme:active{transform:none}}.coc-zemin-mavi{background-color:color-mix(in srgb, #d9e4ff 70%, var(--color-surface))}.coc-zemin-mint{background-color:color-mix(in srgb, #cfefea 70%, var(--color-surface))}.coc-zemin-yesil{background-color:color-mix(in srgb, #d8ecd3 70%, var(--color-surface))}:root[data-tema=koyu] .coc-zemin-mavi{background-color:color-mix(in srgb, #d9e4ff 10%, var(--color-surface))}:root[data-tema=koyu] .coc-zemin-mint{background-color:color-mix(in srgb, #cfefea 10%, var(--color-surface))}:root[data-tema=koyu] .coc-zemin-yesil{background-color:color-mix(in srgb, #d8ecd3 10%, var(--color-surface))}@keyframes coc-tikir{0%,50%,to{transform:none}15%,65%{transform:rotate(-14deg)translateY(-3px)}30%,80%{transform:rotate(10deg)}}.coc-tikir{transform-origin:50% 90%;animation:.9s ease-in-out both coc-tikir}@keyframes coc-salla{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.coc-salla{animation:.3s ease-in-out both coc-salla}@media (prefers-reduced-motion:reduce){.coc-tikir,.coc-salla{animation:none}}@keyframes coc-isaret{0%,to{box-shadow:0 0 0 3px var(--color-accent), 0 0 0 3px color-mix(in srgb, var(--color-accent) 45%, transparent)}50%{box-shadow:0 0 0 3px var(--color-accent), 0 0 0 11px transparent}}.coc-isaret,[data-evre=oyun] :is([data-siradaki],[data-bitir],[data-kol],[data-ciz],[data-gonder],[data-birak],[data-devir-tamam]):not(:disabled):not([aria-disabled=true]){animation:1.4s ease-in-out infinite coc-isaret}@keyframes coc-ok{0%,to{transform:none}50%{transform:translateY(-4px)}}.coc-ok{animation:.9s ease-in-out infinite coc-ok}@media (prefers-reduced-motion:reduce){.coc-isaret,[data-evre=oyun] :is([data-siradaki],[data-bitir],[data-kol],[data-ciz],[data-gonder],[data-birak],[data-devir-tamam]):not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 3px var(--color-accent);animation:none}.coc-ok{animation:none}}