/* v2026.10-zzzq · ARENA: tek "Oyna" ve kip seçimi (Dereceli · Antrenman), Bilgi Turu davet bileti, SIRALAMA v2.
   Emir (26.10): "İkisinde de oyna butonu olmalı … Scoreboard çok daha gelişmiş olmalı." Sahne laciverti; altın yalnız birincilik/ödül,
   yeşil yalnız doğru/temiz. Hareket yalnız transform/opacity; hareketi azaltınca yok. Dokunma hedefleri ≥ 44 px. */

/* ---------- lobi kartının alt satırındaki bağlantı (kum zemin) */
.lb-st .lb-stl{display:inline;min-height:0;padding:0;border:0;background:none;font:inherit;font-weight:750;color:var(--sig,#2448D8);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;cursor:pointer}
.lb-st .lb-stl::after{content:"";position:absolute}

/* ================================================================ OYNA · kip seçimi (alt sayfa) */
.palette.md.lp-md{background:#0C1437;color:#F2F4FA;--ink:#F2F4FA;--ink-2:#DCE1EE;--muted:#B7BFD6;--faint:#8C97B8}
.palette.md.lp-md .md-h{color:#fff}
@media (max-width:680px){
  .palette.md.lp-md{left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;max-height:88dvh;margin:0;border-radius:24px 24px 0 0;transform:none;animation:gbUp .32s cubic-bezier(.2,.9,.25,1) both;padding-bottom:env(safe-area-inset-bottom,0px)}
}
.lp{display:flex;flex-direction:column;gap:10px;padding:0 0 6px}
.lp > *{flex:none}          /* alt sayfa yüksekliği sınırlıyken seçenekler sıkışıp taşmasın (kaydırılır) */
.lp-k{display:flex;justify-content:space-between;gap:10px;margin:0 2px 2px;font-size:13.5px;font-weight:600;color:var(--muted)}
.lp-o{position:relative;display:block;width:100%;padding:12px 14px;border:0;border-radius:18px;text-align:left;color:#fff;font:inherit;cursor:pointer;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .18s var(--spring,ease),background .15s;animation:lpIn .42s var(--spring,cubic-bezier(.22,1,.36,1)) both}
.lp-o + .lp-o{animation-delay:.06s}
@keyframes lpIn{from{opacity:0;transform:translateY(10px)}}
.lp-in{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ic t go" "ic b go";align-items:center;gap:2px 12px;min-height:54px}
button.lp-o:hover{background:rgba(255,255,255,.1)}
button.lp-o:active{transform:scale(.985)}
button.lp-o:focus-visible,.lp-hts button:focus-visible{outline:2.5px solid #9DBFFF;outline-offset:2px}
.lp-o.lp-rk{background:linear-gradient(120deg,rgba(240,194,94,.22),rgba(240,194,94,.06) 70%);box-shadow:inset 0 0 0 1.5px rgba(240,194,94,.55)}
.lp-o.off{cursor:default;opacity:.62;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lp-ic{grid-area:ic;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);color:#DCE4FF}
.lp-o.lp-rk .lp-ic{background:#F0C25E;color:#3A2A06}
.lp-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-t{grid-area:t;display:flex;flex-direction:column;gap:2px;min-width:0}
.lp-t b{font:800 18px/1.15 var(--f-display);letter-spacing:-.01em}
.lp-t small{font-size:13px;line-height:1.35;color:var(--muted);text-wrap:balance}
.lp-t small b{font:inherit;font-weight:750;color:#fff}
/* v2026.10-zzzz3: kartın altındaki bilgi düğme gibi görünmesin: hap zemin yok, noktalı düz satır */
.lp-b{grid-area:b;justify-self:start;display:block;margin-top:3px;font-size:12.5px;font-weight:650;line-height:1.35;color:#AEB9DA}
.lp-b::before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 0 0;border-radius:50%;background:currentColor;opacity:.75;vertical-align:.12em}
.lp-b b{font-weight:800;color:#fff}
.lp-o.lp-rk .lp-b{color:#FFE19A}
.lp-go{grid-area:go;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0F1A45}
.lp-go svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
.lp-o.lp-rk .lp-go{background:#F0C25E;color:#3A2A06}
/* antrenman: yükseklik seçimi aynı kutuda */
.lp-blk{cursor:default}
.lp-blk > .lp-in{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ic t" "ic b" "h h"}
.lp-hts{grid-area:h;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
/* v2026.10-zzzz4 · Emir (27.10): "Butonlara biraz renk verebiliriz"; seviye kutucukları CSI1* … CSI4*, her seviye kendi neon tonunda
   (gece gösterisi paleti: camgöbeği, mavi, menekşe, pembe; altın ve yeşil yok) */
.lp-hts button{--lc:157,191,255;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 4px;border:0;border-radius:14px;color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
  background:linear-gradient(180deg,rgba(var(--lc),.26),rgba(var(--lc),.08));box-shadow:inset 0 0 0 1px rgba(var(--lc),.55);transition:transform .18s var(--spring,ease),background .15s,box-shadow .15s}
.lp-hts button.lv1{--lc:34,211,238}.lp-hts button.lv2{--lc:96,165,250}.lp-hts button.lv3{--lc:167,139,250}.lp-hts button.lv4{--lc:244,114,182}
.lp-hts button:hover{background:linear-gradient(180deg,rgba(var(--lc),.38),rgba(var(--lc),.13));box-shadow:inset 0 0 0 1.5px rgba(var(--lc),.85),0 8px 22px -12px rgba(var(--lc),.8)}
.lp-hts button:active{transform:scale(.96);box-shadow:inset 0 0 0 2px rgb(var(--lc))}
.lp-hts svg{width:40px;height:30px}
.lp-hts svg .s,.lp-hts svg .p{fill:rgb(var(--lc))}.lp-hts svg .f{fill:rgba(var(--lc),.55)}.lp-hts svg .g{fill:rgba(255,255,255,.28)}
.lp-hts b{font:800 clamp(13px,3.9vw,15px)/1.1 var(--f-display);letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(var(--lc),.55)}
/* kart tonları: yeniden sürüş camgöbeği-mavi, antrenman menekşe; oynat düğmeleri renkli (altın yalnız Dereceli) */
.lp-o.lp-rp{background:linear-gradient(120deg,rgba(34,211,238,.16),rgba(96,165,250,.05) 70%);box-shadow:inset 0 0 0 1.5px rgba(34,211,238,.42)}
.lp-o.lp-rp .lp-ic{background:rgba(34,211,238,.18);color:#A5F3FC}
.lp-o.lp-rp .lp-go{background:linear-gradient(135deg,#22D3EE,#60A5FA);color:#05283A}
.lp-o.lp-pr{background:linear-gradient(120deg,rgba(167,139,250,.14),rgba(96,165,250,.04) 70%);box-shadow:inset 0 0 0 1px rgba(167,139,250,.34)}
.lp-o.lp-pr .lp-ic{background:rgba(167,139,250,.2);color:#DDD6FE}
.lp-o.lp-pr .lp-go{background:linear-gradient(135deg,#A78BFA,#F472B6);color:#2A0B33}
button.lp-o.lp-rk:hover{background:linear-gradient(120deg,rgba(240,194,94,.3),rgba(240,194,94,.09) 70%)}
button.lp-o.lp-rp:hover{background:linear-gradient(120deg,rgba(34,211,238,.24),rgba(96,165,250,.08) 70%)}
button.lp-o.lp-pr:hover{background:linear-gradient(120deg,rgba(167,139,250,.22),rgba(96,165,250,.07) 70%)}
/* kalan süre: kartın alt satırı; rakamlar eş genişlikli, sola dayalı (saniye değişince satır kaymaz) */
.lp-cd{grid-column:1 / -1;display:flex;align-items:baseline;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;color:var(--muted)}
.lp-cd time{font:800 16px/1 var(--f-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em;color:#fff;white-space:nowrap}
.lp-o.lp-rk .lp-cd{border-top-color:rgba(240,194,94,.28)}
.lp-o.lp-rk .lp-cd time{color:#FFE19A}
.lp-o.lp-rp .lp-cd{border-top-color:rgba(34,211,238,.25)}
@media (prefers-reduced-motion:reduce){.lp-o,.lp-hts button{animation:none;transition:none}}

/* ================================================================ Bilgi Turu davet bileti (Düello biletinin biçimi; kehribar yerine konu bandı) */
.lb-inv.tvi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#E8D3A4 0 12.5%,#FF9E96 0 25%,#E8A98F 0 37.5%,#9FDB8A 0 50%,#D49CF5 0 62.5%,#9DBFFF 0 75%,#5CCFE0 0 87.5%,#F2D06B 0);opacity:.85}   /* v2026.10-zzzr: çarkın 8 dilimi gibi, veri ve bilgi sırayla */
@media (max-width:899px){
  .al-slot .lb-inv.tvi{background:linear-gradient(100deg,rgba(212,156,245,.14),rgba(92,207,224,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
}

/* ================================================================ SIRALAMA v2 (alt sayfa) */
.palette.md.gb-sheet{width:min(600px,96vw)}
.gb-sh .lb2-hh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lb2-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.lb2-sg{display:flex;gap:3px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07)}
.lb2-sg button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--muted);font:700 13px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.lb2-sg button[aria-selected="true"]{background:#fff;color:#14215C}
.lb2-sg.g button i{width:8px;height:8px;border-radius:50%;background:#8FA8FF}
.lb2-sg.g button.c-kk i{background:#F0C25E}
.lb2-sg button:focus-visible{outline:2.5px solid #FFD98A;outline-offset:2px}
.lb2-mt{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0 2px 10px;font-size:12.5px;color:var(--muted)}
.lb2-mt b{color:#fff;font-weight:750;font-variant-numeric:tabular-nums}
.lb2-lv{display:inline-flex;align-items:center;gap:6px;font-weight:750;color:#7FE2B0}
.lb2-lv i{width:7px;height:7px;border-radius:50%;background:#3DD08A;box-shadow:0 0 0 0 rgba(61,208,138,.6);animation:lb2Pulse 1.8s ease-out 6}
@keyframes lb2Pulse{70%{box-shadow:0 0 0 7px rgba(61,208,138,0)}100%{box-shadow:0 0 0 0 rgba(61,208,138,0)}}

/* SEN kartı */
.lb2-me{position:relative;display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:14px;border-radius:20px;background:linear-gradient(125deg,rgba(143,168,255,.22),rgba(143,168,255,.06) 65%);box-shadow:inset 0 0 0 1px rgba(143,168,255,.4)}
.lb2-me.top{background:linear-gradient(125deg,rgba(240,194,94,.26),rgba(240,194,94,.06) 65%);box-shadow:inset 0 0 0 1.5px rgba(240,194,94,.6)}
.lb2-mr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.lb2-rk{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:6px 8px;border-radius:14px;background:rgba(8,13,43,.45)}
.lb2-rk small{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lb2-rk b{font:800 30px/1 var(--f-round);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.lb2-me.top .lb2-rk b{color:#FFE19A}
.lb2-rk em{font-style:normal;font-size:11.5px;font-weight:650;color:var(--muted);font-variant-numeric:tabular-nums}
.lb2-mn{display:flex;align-items:center;gap:10px;min-width:0}
.lb2-mn > span{display:flex;flex-direction:column;min-width:0}
.lb2-mn > span > b{font:800 16px/1.2 var(--f-display);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb2-mn small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb2-mn small b{color:#fff;font-weight:750}
.lb2-pc{align-self:start;padding:4px 9px;border-radius:999px;background:rgba(61,208,138,.16);color:#7FE2B0;font-size:12px;font-weight:800;white-space:nowrap}
.lb2-gap{margin:0;font-size:13px;color:var(--ink-2)}
.lb2-gap b{color:#fff;font-weight:800}
.lb2-chs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lb2-ch{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:7px 9px;border-radius:12px;background:rgba(8,13,43,.35)}
.lb2-ch b{font:800 16px/1.1 var(--f-round);color:#fff;font-variant-numeric:tabular-nums}
.lb2-ch small{font-size:11px;line-height:1.2;color:var(--muted)}
.lb2-ch.fire{flex-direction:column}
.lb2-ch.fire svg{position:absolute;width:0;height:0}
.lb2-ch.fire b{color:#FFB65C}
.lb2-ch.fire b::before{content:"";display:inline-block;width:11px;height:13px;margin-right:4px;vertical-align:-1px;background:#FF9F43;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8c.6 3.3 4.6 5 4.6 10a4.6 4.6 0 0 1-9.2 0c0-2 1-3.3 2.2-4.4.1 1.6.8 2.6 1.8 3.1-.3-3.4.6-6 .6-8.7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8c.6 3.3 4.6 5 4.6 10a4.6 4.6 0 0 1-9.2 0c0-2 1-3.3 2.2-4.4.1 1.6.8 2.6 1.8 3.1-.3-3.4.6-6 .6-8.7z'/%3E%3C/svg%3E") center/contain no-repeat}
.lb2-me.none{flex-direction:row;align-items:center;gap:12px}
.lb2-me.none p{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:2px}
.lb2-me.none p b{font:800 15px/1.25 var(--f-display);color:#fff}
.lb2-me.none p small{font-size:12.5px;line-height:1.35;color:var(--muted)}
.lb2-cta{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:14px;background:#F0C25E;color:#3A2A06;font:800 15px/1 var(--f-display);cursor:pointer}
.lb2-cta:focus-visible{outline:2.5px solid #fff;outline-offset:2px}

/* podyum: DOM sırası 1-2-3, görünüm 2-1-3 */
.lb2-pod{list-style:none;display:flex;align-items:flex-end;gap:8px;margin:0 0 6px;padding:0}
.lb2-pod > li{flex:1 1 0;min-width:0;display:flex}
.lb2-pod > li.o1{order:2}.lb2-pod > li.o2{order:1}.lb2-pod > li.o3{order:3}
.lb2-pb{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;color:#fff;font:inherit;cursor:pointer}
.lb2-pb:focus-visible{outline:2.5px solid #FFD98A;outline-offset:3px;border-radius:14px}
.lb2-pa{position:relative;display:grid;place-items:center}
.lb2-pa .ar-av{width:46px;height:46px;font-size:19px;box-shadow:0 0 0 3px var(--pc,#B4BBC6)}
.lb2-pod .o1 .lb2-pa .ar-av{width:58px;height:58px;font-size:23px}
.lb2-cr{position:absolute;top:-15px;left:50%;width:26px;height:17px;margin-left:-13px;fill:#F0C25E;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.lb2-pn{max-width:100%;font:800 13.5px/1.2 var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb2-sen{font-style:normal;font-size:10.5px;font-weight:800;color:#F0C25E;text-transform:uppercase;letter-spacing:.06em}
.lb2-pv{font-size:12px;color:var(--muted);white-space:nowrap}
.lb2-pv b{font:800 15px/1 var(--f-round);color:#fff;font-variant-numeric:tabular-nums}
.lb2-pl{display:grid;place-items:start center;width:100%;height:var(--ph,44px);margin-top:4px;padding-top:6px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--pc,#B4BBC6),color-mix(in srgb,var(--pc,#B4BBC6) 35%,#0C1437));transform-origin:50% 100%}
.lb2-pl b{font:900 20px/1 var(--f-round);color:rgba(12,20,55,.78)}
.lb2-pod .p1{--pc:#F0C25E}.lb2-pod .p2{--pc:#C7CEDC}.lb2-pod .p3{--pc:#D79A66}
.lb2-pod .o1{--ph:66px}.lb2-pod .o2{--ph:48px}.lb2-pod .o3{--ph:36px}
.lb2-pod .me .lb2-pn{color:#FFE19A}
.lb2-pdt{margin:0 0 8px}

/* satırlar */
.lb2-l{list-style:none;display:flex;flex-direction:column;gap:3px;margin:8px 0 0;padding:0}
.lb2-r{position:relative;border-radius:14px}
.lb2-r:nth-child(odd){background:rgba(255,255,255,.035)}
.lb2-rb{position:relative;display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:52px;padding:6px 10px 6px 6px;border:0;border-radius:14px;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer}
.lb2-rb:hover{background:rgba(255,255,255,.05)}
.lb2-rb:focus-visible{outline:2.5px solid #FFD98A;outline-offset:-2px}
.lb2-n{font:800 13px/1 var(--f-round);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.lb2-rb .ar-av{width:30px;height:30px;font-size:13px}
.lb2-nm{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0}
.lb2-nm > b{font:750 14.5px/1.2 var(--f-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb2-nm > small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb2-nm .lb2-sen{position:absolute;right:0;top:1px}
.lb2-bar{display:block;height:3px;margin-top:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.lb2-bar::after{content:"";display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8FA8FF,#C9D5FF);transform:scaleX(var(--f,0));transform-origin:left}
.lb2-v{display:flex;flex-direction:column;align-items:flex-end;min-width:44px}
.lb2-v b{font:800 16px/1.1 var(--f-round);color:#fff;font-variant-numeric:tabular-nums}
.lb2-v small{font-size:11px;color:var(--muted)}
.lb2-r.me{background:linear-gradient(90deg,rgba(240,194,94,.22),rgba(240,194,94,.05));box-shadow:inset 0 0 0 1px rgba(240,194,94,.55)}
.lb2-r.me .lb2-n{color:#FFE19A}
.lb2-r.op{background:rgba(255,255,255,.07)}
.lb2-gp{display:flex;justify-content:center;gap:5px;padding:4px 0}
.lb2-gp i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3)}
/* satır görselleri: son üç engel · 10 cevap · haftanın günleri */
.lb2-l3{display:flex;gap:3px}
.lb2-l3 i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.lb2-l3 i.on{background:#3DD08A;box-shadow:none}
.lb2-a10{display:grid;grid-template-columns:repeat(5,7px);gap:2px}
.lb2-a10 i{width:7px;height:7px;border-radius:2px;background:rgba(255,255,255,.14)}
.lb2-a10 i.on{background:#3DD08A}
.lb2-wk{display:flex;align-items:flex-end;gap:2px;height:20px}
.lb2-wk i{width:5px;height:calc(var(--f) * 20px);border-radius:2px 2px 1px 1px;background:rgba(255,255,255,.18)}
.lb2-wk i.on{background:#F0C25E}
/* oyuncu kartı (satıra dokununca) */
.lb2-dt{margin:2px 6px 8px;padding:10px 12px;border-radius:12px;background:rgba(8,13,43,.4);animation:lb2Up .28s var(--spring,ease) both}
@keyframes lb2Up{from{opacity:0;transform:translateY(-4px)}}
.lb2-dt dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:0}
.lb2-dt dt{font-size:11px;line-height:1.25;color:var(--muted)}
.lb2-dt dd{margin:1px 0 0;font:800 15px/1.1 var(--f-round);color:#fff;font-variant-numeric:tabular-nums}
.lb2-dtf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin:10px 0 0;font-size:12px;color:var(--muted)}
.lb2-dtf .lnk{min-height:36px;font-size:12.5px}
/* Tümü */
.lb2-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:8px 0 0;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#DCE4FF;font:700 14px/1 var(--f-body);cursor:pointer}
.lb2-all b{padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-variant-numeric:tabular-nums}
.lb2-all:focus-visible{outline:2.5px solid #FFD98A;outline-offset:2px}
/* günün dağılımı */
.lb2-ds{margin:16px 0 0;padding:12px 12px 10px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.lb2-dh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.lb2-dh h3{margin:0;font:800 15px/1.2 var(--f-display);color:#fff}
.lb2-dh > span{font-size:12.5px;color:var(--muted)}
.lb2-dh b{color:#fff;font-weight:800}
.lb2-db{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:6px;height:118px;margin:0;padding:0}
.lb2-db.k11{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}
.lb2-db li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%;min-width:0}
.lb2-db li b{font-size:11px;font-weight:750;color:var(--ink-2);font-variant-numeric:tabular-nums}
.lb2-db li i{width:100%;max-width:34px;height:calc(var(--f) * 74px);min-height:2px;border-radius:5px 5px 2px 2px;background:rgba(143,168,255,.55);transform-origin:50% 100%}
.lb2-db li span{font-size:10.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.lb2-db li.me i{background:#F0C25E}
.lb2-db li.me b,.lb2-db li.me span{color:#FFE19A;font-weight:800}
.lb2-db li.z i{background:rgba(255,255,255,.1)}
.lb2-dn{margin:6px 0 0;font-size:11.5px;color:var(--muted);text-align:center}
.lb2-f{margin-top:12px}
.lb2-nt{margin:6px 2px 0;font-size:12px;color:var(--muted)}
.lb2-e{display:flex;flex-wrap:wrap;gap:4px 8px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);font-size:13.5px;color:var(--ink-2)}
/* iskelet */
.lb2.sk .lb2-me{height:118px;background:rgba(255,255,255,.06);box-shadow:none}
.lb2.sk .lb2-pod li{height:120px;border-radius:14px;background:rgba(255,255,255,.05)}
.lb2.sk .lb2-l li{height:52px;background:rgba(255,255,255,.04)}
/* giriş hareketi (dönem ya da oyun değişince bir kez; canlı güncellemede yok) */
.lb2.an .lb2-me{animation:lb2Up .36s var(--spring,ease) both}
.lb2.an .lb2-pl{animation:lb2Rise .6s var(--spring,cubic-bezier(.22,1,.36,1)) both;animation-delay:calc(var(--i,0) * 70ms + .1s)}
.lb2.an .lb2-pa{animation:lb2Pop .45s var(--bounce,cubic-bezier(.34,1.56,.64,1)) both;animation-delay:calc(var(--i,0) * 70ms + .3s)}
.lb2.an .lb2-r{animation:lb2Up .32s var(--spring,ease) both;animation-delay:calc(min(var(--i,0), 10) * 30ms + .25s)}
.lb2.an .lb2-db li i{animation:lb2Rise .5s var(--spring,ease) both;animation-delay:calc(var(--i,0) * 35ms + .3s)}
.lb2.an .lb2-bar::after{animation:lb2X .7s var(--spring,ease) both;animation-delay:.35s}
@keyframes lb2Rise{from{transform:scaleY(0)}}
@keyframes lb2Pop{from{opacity:0;transform:scale(.4)}}
@keyframes lb2X{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.lb2 *,.lb2-lv i{animation:none!important;transition:none!important}}
@media (max-width:380px){
  .lb2-chs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lb2-rb{gap:7px;grid-template-columns:22px 28px minmax(0,1fr) auto auto}
  .lb2-rb .ar-av{width:28px;height:28px}
  .lb2-a10{grid-template-columns:repeat(5,6px)}.lb2-a10 i{width:6px;height:6px}
}

/* ============================================================ v2026.10-zzzr · Bilgi Turu bilgi soruları (Hakem masası, Ahır, Kendine sor,
   Padok). Çark 8 dilim; çarkın indiği ekranda konu tanımı; soru metni uzun (≤ 120 harf, DE/FR ≤ 140): soru başlığı ve açıklama küçük,
   açıklama 7 satıra kadar; Kendine sor açıklamayla aynı hücrede ikinci adım (hücre en uzununa göre baştan ölçülü, düzen zıplamaz) */
.tv-wd{font-style:normal;font-size:14px;font-weight:650;line-height:1.3;color:var(--tph,#FFE3A1)}
.ar .tv-q.tv-bq .kk-qh{font-size:clamp(17px,4.6vw,21px);line-height:1.28;text-wrap:pretty}
.tv-bq .tv-qx .tv-exq,.tv-bq .tv-qx .tv-ksq{-webkit-line-clamp:7;font-size:14.5px;line-height:1.36}
.tv-qx .tv-ksq{margin:0;color:#fff;opacity:0;transform:translateY(8px);visibility:hidden}
.tv-qx.ks .tv-exq{opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
.tv-qx.ks .tv-ksq{opacity:1;transform:none;visibility:visible;transition:opacity .3s ease .1s,transform .34s var(--e-out,cubic-bezier(.22,1,.36,1)) .1s}
.tv-ksl{display:inline-block;margin-right:4px;padding:1px 8px;border-radius:999px;background:var(--tph,#9DBFFF);color:#0C1437;font-size:12px;font-weight:800;letter-spacing:.02em;vertical-align:1px}
.tv-ksn{display:block;margin-top:4px;font-size:12.5px;color:var(--muted,rgba(255,255,255,.62))}
.tv-exq .tv-src{display:block;margin-top:5px;font-size:12px;line-height:1.3;color:var(--muted,rgba(255,255,255,.62));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-srcn{white-space:nowrap}
.tv-bq .tv-big{font-size:clamp(17px,4.4vw,20px)}
.tv-bq .tv-hn{font-size:13px;line-height:1.32}
.ar .tv-q.tv-bq .kk-ops:not(.tv-nums) .kk-op{min-height:clamp(48px,7.2dvh,60px);padding-block:8px}
.ar .tv-q.tv-bq .kk-ops:not(.tv-nums):not(.tv-long) .kk-on > b{font-size:clamp(16px,4.5vw,19px);line-height:1.2}
/* ✓ / ✕ rozetinin yeri baştan ayrılır: cevaptan sonra seçenek metni yeniden kırılmaz, düzen zıplamaz */
.ar .tv-q.tv-bq .kk-op:not(.tv-num) .kk-rk{flex:0 0 30px;min-width:30px}
.ar .tv-q.tv-bq .kk-op.tv-num{min-height:clamp(56px,8.4dvh,72px)}
.tv-hzl.w8{gap:6px}
.tv-hzl.w8 i{width:26px;height:26px}
.tv-hzl.w8 i svg{width:15px;height:15px}
@media (max-height:680px){.ar .tv-q.tv-bq .kk-qh{font-size:clamp(16px,4.3vw,19px)}.tv-bq .tv-qx .tv-exq,.tv-bq .tv-qx .tv-ksq{font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.tv-qx.ks .tv-exq,.tv-qx.ks .tv-ksq{transition:none}}

/* ================================================================ v2026.10-zzzz5 · oyunda Geri onayı (Trivia; Düello'da gx-sheet) */
.ag-q p{margin:2px 2px 16px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.ag-a{display:grid;gap:10px;padding-bottom:4px}
.ag-b{min-height:52px;padding:0 18px;border:0;border-radius:16px;font:750 16.5px/1.1 var(--f-display);cursor:pointer;transition:transform .15s var(--spring,ease),background .2s}
.ag-b.pri{background:#fff;color:#0F1A45;box-shadow:0 14px 28px -16px rgba(0,0,0,.8)}
.ag-b:not(.pri){background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.ag-b:not(.pri):hover{background:rgba(255,255,255,.12)}
.ag-b:active{transform:scale(.98)}
.ag-b:focus-visible{outline:2.5px solid #9DBFFF;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ag-b{transition:none}}