/* Halı saha araçları: Takım Kur, Fikstür, Diziliş, Kalori (tools/site/araclar.py; sahibinin seçimi 2026-11-02, çizim docs/oneriler/site-araclar*.png). */
.tool { margin-top:32px; padding:24px; border-radius:var(--r-l); background:var(--panel); }
.fld { display:block; margin-bottom:18px; }
.fld > span { display:block; font:650 15px/1.2 var(--text); margin-bottom:8px; }
.fld > span i { font-style:normal; font-weight:400; color:var(--faint); }
.fld textarea, .fld input { display:block; width:100%; border:1.5px solid var(--hair); border-radius:16px; background:#fff; padding:13px 15px; font:400 17px/1.4 var(--text); color:var(--ink); resize:vertical; -webkit-appearance:none; appearance:none; }
.fld textarea:focus, .fld input:focus { outline:none; border-color:var(--ink); }
.fld small { display:block; margin-top:6px; font-size:14px; color:var(--faint); }
.fld-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.seg-l { display:block; font:650 15px/1.2 var(--text); margin-bottom:8px; }
.seg { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.seg button { height:42px; min-width:52px; padding:0 16px; border-radius:999px; background:#fff; box-shadow:inset 0 0 0 1.5px var(--hair); font:600 15px/1 var(--text); transition:background .2s, color .2s; }
.seg button[aria-checked="true"] { background:var(--ink); color:#fff; box-shadow:none; }
.check { display:flex; align-items:center; gap:10px; margin:-6px 0 20px; font-size:16px; }
.check input { width:20px; height:20px; accent-color:var(--ink); }
.tool .go { width:100%; justify-content:center; }
.out { margin-top:24px; animation:out-in .45s var(--settle); }
@keyframes out-in { from { opacity:0; transform:translateY(8px); } }
.acts { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.acts .button { height:48px; padding:0 20px; font-size:16px; }
.button.wa { background:var(--lime); color:var(--lime-ink); }
.note { min-height:22px; margin-top:10px; font-size:14px; color:var(--dim); }
.err { color:#B4232C; }

/* Takım Kur */
.teams { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.team { padding:16px 18px; border-radius:22px; background:#fff; }
.team:nth-child(2) { background:var(--pitch); color:#fff; }
.team h3 { font-size:20px; margin-bottom:8px; }
.team ol { list-style:none; padding:0; }
.team li { padding:5px 0; font-size:16px; border-top:1px solid rgba(128,128,128,.16); }
.team li:first-child { border-top:0; }
.team li em { font-style:normal; font-size:13px; color:var(--faint); margin-left:6px; }
.team:nth-child(2) li em { color:rgba(255,255,255,.6); }

/* Fikstür */
.rounds { display:grid; gap:12px; }
.round { padding:14px 18px; border-radius:22px; background:#fff; }
.round h3 { font:650 13px/1.2 var(--text); letter-spacing:.06em; text-transform:uppercase; color:var(--faint); margin-bottom:6px; }
.round li { list-style:none; display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; padding:8px 0; border-top:1px solid #ececf0; font-size:16px; }
.round li:first-of-type { border-top:0; }
.round ul { padding:0; }
.round li span:first-child { text-align:right; }
.round li i { font-style:normal; color:var(--hair); }
.round li.bye { display:block; color:var(--dim); font-size:15px; }
.round li .ph { color:var(--dim); }
.round .no { color:var(--faint); font-size:13px; margin-right:6px; }

/* Diziliş */
.pitch-wrap { max-width:420px; margin:0 auto 20px; }
.pitch { position:relative; aspect-ratio:3/4; border-radius:24px; overflow:hidden; touch-action:none; user-select:none; -webkit-user-select:none;
  background:repeating-linear-gradient(180deg,#1B6B3F 0 12.5%,#1B5E38 12.5% 25%); }
.pitch svg.lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.tok { position:absolute; display:flex; flex-direction:column; align-items:center; gap:4px; transform:translate(-50%,-50%); cursor:grab; outline:none; }
.tok:active { cursor:grabbing; }
.tok b { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#fff; color:var(--ink); font:700 13px/1 var(--text); box-shadow:0 2px 8px rgba(0,0,0,.25); transition:transform .2s var(--settle); }
.tok.gk b { background:var(--ink); color:#fff; box-shadow:0 0 0 2px #fff, 0 2px 8px rgba(0,0,0,.25); }
.tok span { max-width:92px; padding:2px 7px; border-radius:999px; background:rgba(6,30,17,.55); color:#fff; font:600 12.5px/1.3 var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tok span:empty { display:none; }
.tok.drag b, .tok:focus-visible b { transform:scale(1.12); }
.tok:focus-visible b { box-shadow:0 0 0 3px var(--lime); }
.hint { text-align:center; font-size:14px; color:var(--faint); margin-top:10px; }
.names { display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; margin-bottom:18px; }
.names label { display:flex; align-items:center; gap:8px; }
.names label i { flex:none; width:30px; font-style:normal; font:650 12px/1 var(--text); color:var(--faint); }
.names input { width:100%; min-width:0; border:1.5px solid var(--hair); border-radius:12px; padding:9px 11px; font:400 16px/1.3 var(--text); background:#fff; }
.names input:focus { outline:none; border-color:var(--ink); }

/* Kalori */
.kcal { text-align:center; padding:22px 0 6px; }
.kcal strong { display:block; font:800 clamp(64px,14vw,96px)/1 var(--display); letter-spacing:-0.04em; font-variant-numeric:tabular-nums; }
.kcal span { display:block; margin-top:6px; color:var(--dim); }
.kcal small { display:block; margin-top:12px; font-size:13px; color:var(--faint); }

/* Sayfanın geri kalanı */
.tools-list { list-style:none; padding:0; }
.tools-list li { border-bottom:1px solid #ececf0; }
.tools-list a { display:block; padding:16px 0; }
.tools-list strong { display:block; font:650 19px/1.25 var(--display); letter-spacing:-0.02em; }
.tools-list span { display:block; margin-top:3px; color:var(--dim); font-size:15px; }
.tools-list a:hover strong { color:var(--green); }
@media (max-width:520px) { .tool { padding:18px; border-radius:28px; } .names { grid-template-columns:1fr; } .acts .button { flex:1 1 auto; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .out { animation:none; } .tok b, .seg button { transition:none; } }
@media print { .menu, footer, .end, .district, .tool > :not(.out), .acts, .note, .crumbs, .pitches > .lead, .guide { display:none !important; } .tool { background:none; padding:0; } .pitches { padding-top:0; } }
.tool .button.soft { background:#fff; }
/* Sonucun altında İndir (2026-11-07) */
.next-app { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:22px; padding:18px 20px; border-radius:22px; background:#EEF5E6; }
.next-app > div { flex:1 1 220px; min-width:0; }
.next-app b { display:block; font:650 17px/1.25 var(--text); color:var(--ink); }
.next-app span { display:block; margin-top:4px; font-size:15px; line-height:1.4; color:var(--ink-2); }
.next-app .button { height:48px; padding:0 22px; font-size:16px; }
@media print { .next-app { display:none !important; } }