/* Kronometre ve tur sayacı (UYG 3. tur 37, 0.3.10, 23.10.2026) — js/kronometre.js. Renkler yalnız tema değişkenlerinden. */
.kn-pano { text-align: center; padding: 18px 12px 16px; position: relative; overflow: hidden; }
.kn-durum { display: inline-flex; align-items: center; gap: 6px; color: var(--mt); font-weight: 500; min-height: 18px; }
.kn-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--ln); flex: none; }
.kn-calisiyor .kn-nokta { background: var(--ac); animation: kn-nabiz 1s ease-in-out infinite; }
.kn-calisiyor .kn-durum { color: var(--ac); }
@keyframes kn-nabiz { 50% { opacity: .3; } }
.kn-sure { display: flex; justify-content: center; align-items: baseline; margin: 6px 0 2px; color: var(--tx); font-weight: 500; line-height: 1.05; white-space: nowrap; letter-spacing: -.01em; }
.kn-ana { font-size: min(80px, 21vw); }
.kn-sa { font-size: min(40px, 10.5vw); color: var(--mt); margin-left: 1px; }
.kn-sure[data-uzun="7"] .kn-ana { font-size: min(62px, 15.5vw); }
.kn-sure[data-uzun="7"] .kn-sa { font-size: min(32px, 8vw); }
.kn-sure[data-uzun="8"] .kn-ana { font-size: min(56px, 14vw); }
.kn-sure[data-uzun="8"] .kn-sa { font-size: min(28px, 7vw); }
.kn-sure[data-uzun="9"] .kn-ana, .kn-sure[data-uzun="10"] .kn-ana { font-size: min(48px, 12vw); }
.kn-sure[data-uzun="9"] .kn-sa, .kn-sure[data-uzun="10"] .kn-sa { font-size: min(24px, 6vw); }
.kn-cubuk { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: transparent; }
.kn-cubuk i { display: block; height: 100%; background: var(--ac); opacity: .55; transform-origin: left center; transform: scaleX(0); }
.kn-pano:not(.kn-calisiyor) .kn-cubuk i { opacity: .25; }

.kn-tuslar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 12px; }
.kn-tus { min-height: 60px; border-radius: 16px; border: 1px solid var(--ln); background: var(--sf); color: var(--tx); font-weight: 600; font-size: 18px; cursor: pointer; padding: 0 10px;
  -webkit-user-select: none; user-select: none; touch-action: manipulation; }
.kn-sag { background: var(--btnbg, var(--ac)); color: var(--onac); border-color: transparent; box-shadow: var(--btnglow, none); }
.kn-sag.kn-dur { background: var(--sf); color: var(--tx); border-color: var(--tx); box-shadow: none; }
.kn-tus:disabled { opacity: .45; cursor: default; }
.kn-tus:not(:disabled):active { filter: brightness(.94); }

.kn-tur-kart { padding: 8px 14px 6px; }
.kn-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 8px 0 10px; border-bottom: 1px solid var(--ln); margin-bottom: 2px; }
.kn-ozet[hidden] { display: none; }
.kn-ozet-k { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; }
.kn-ozet-k b { font-size: 16px; font-weight: 600; }
.kn-hizli-y b { color: var(--p-yesil-yazi); }
.kn-yavas-y b { color: var(--p-kirmizi-yazi); }
.kn-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 10px 2px; border-top: 1px solid var(--ln); font-size: 16px; }
.kn-satir[hidden] { display: none; }
.kn-satir > span:nth-child(2), .kn-satir > span:nth-child(3) { text-align: right; min-width: 74px; }
.kn-ust { border-top: 0; padding: 6px 2px 6px; font-size: 12.5px; }
.kn-ust span { font-family: var(--metin); }
.kn-simdiki { color: var(--tx); font-weight: 600; } /* şimdiki tur: en hızlı turun yeşiliyle karışmasın diye vurgu renksiz */
.kn-no { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-family: var(--metin); }
.kn-etiket { font-style: normal; font-size: 11.5px; font-weight: 600; padding: 2px 7px; border-radius: 999px; border: 1px solid currentColor; line-height: 1.3; white-space: nowrap; }
.kn-hizli { color: var(--p-yesil-yazi); font-weight: 600; }
.kn-yavas { color: var(--p-kirmizi-yazi); }
.kn-hizli .soluk, .kn-yavas .soluk { color: var(--mt); font-weight: 400; }

.kn-paylas { margin: 0 2px 12px; }
.kn-paylas[hidden] { display: none; }
.kn-paylas .secim { min-height: 44px; }
.kn-anahtar-satir { display: flex; align-items: center; gap: 12px; min-height: 44px; }
.kn-anahtar-ad { flex: 1; min-width: 0; font-size: 15px; }
.kn-anahtar-satir .anahtar { position: relative; }
.kn-anahtar-satir .anahtar::after { content: ''; position: absolute; inset: -9px -6px; }
.kn-anahtar-satir .anahtar:disabled { opacity: .45; cursor: default; }
.kn-not { margin: 4px 4px 8px; line-height: 1.5; }

/* Hareketi azalt: nabız ve saniye çubuğu yok, yalnız rakamlar */
:root[data-hareket="az"] .kn-nokta, :root[data-hareket="hic"] .kn-nokta { animation: none; }
:root[data-hareket="az"] .kn-cubuk, :root[data-hareket="hic"] .kn-cubuk { display: none; }