/* ============================================================ v2026.10-zzzd · ARENA LOBİSİ + BİLGİ TURU (tasarım ekibi kararı)
   Lobi: üst satır → başlık (etkin kartın adı, imza çizgisi) → kaydırmalı oyun kartları → eşlik yuvası. Çark: manej kadranı.
   Renk: sahne laciverti; altın yalnız ödül/birinci/birincil eylem; yeşil/kırmızı yalnız doğru/yanlış. Hareket: transform/opacity. */
.ar-lob.al{--sand:#E8D3A4;--sand-hi:#F1E2BE;--sand-d:#D3B57C;--sink:#1B2242;--sink-2:rgba(27,34,66,.68);--sig:#2448D8;--alp:0}
html.game-on .ar > .ar-scr.al:not(.out),.ar-lob.al{display:flex;flex-direction:column;gap:0}
.al > *{min-width:0}
.al > .ar-chb{margin:0 0 14px}
.al > .lb-top{margin-bottom:6px}
/* ---------- başlık: iki başlık aynı hücrede üst üste (yükseklik zıplamaz); etkin olan görünür */
.al-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}
.al-tw{min-width:0;flex:1}
.al-h1{display:grid;margin:0;font:800 44px/.95 var(--f-display);letter-spacing:-.04em;color:#fff}
.al-h1:focus{outline:none}
.al-t{grid-area:1/1;min-width:0;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .14s var(--e-in,ease-in),transform .14s var(--e-in,ease-in)}
.al-t.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .3s var(--e-out,cubic-bezier(.22,1,.36,1)) .06s,transform .32s var(--e-out,cubic-bezier(.22,1,.36,1)) .06s}
.al-t.was{transform:translateY(-8px)}
.al-sub{display:grid;margin:8px 0 0;font-size:16px;line-height:1.3;font-weight:550;color:rgba(214,224,255,.8)}
.al-s{grid-area:1/1;opacity:0;transition:opacity .14s ease}
.al-s.on{opacity:1;transition:opacity .28s ease .12s}
/* imza çizgisi: Düello mavi | kehribar, Bilgi Turu altı konu bandı */
.al-sig{position:relative;display:block;width:40px;height:4px;margin-top:10px;border-radius:2px;overflow:hidden}
.al-sig b{position:absolute;inset:0;border-radius:2px;transform-origin:0 50%;transition:transform .32s var(--e-out,cubic-bezier(.22,1,.36,1)) .08s,opacity .2s}
.al-sig .a{background:linear-gradient(90deg,#8FA8FF 0 50%,#F2B266 0)}
.al-sig .k{background:linear-gradient(90deg,#E8D3A4 0 16.66%,#D49CF5 0 33.33%,#5CCFE0 0 50%,#E8A98F 0 66.66%,#B3BDD3 0 83.33%,#F28FD0 0)}
.al-hd[data-alg="ar"] .al-sig .k,.al-hd[data-alg="kk"] .al-sig .a{transform:scaleX(0);opacity:0}
/* noktalar (sekme gibi): görsel 8 px, dokunma alanı 44 px */
.al-dots{flex:none;display:flex;align-items:center;gap:0;margin:0 -10px -10px 0}
.al-dot{display:grid;place-items:center;width:30px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.al-dot i{display:block;width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.34);transition:width .22s cubic-bezier(.2,.8,.2,1),background .22s}
.al-dot[aria-selected="true"] i{width:22px;background:#fff}
.al-dot:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:12px}
/* ---------- kaydırmalı kartlar: yerel scroll-snap; sonraki karttan 36 px görünür.
   v2026.10-zzzq (iPhone'da kart kırpılıyordu: Düello'da sol kenar, Bilgi Turu'nda sağ kenar ~26 px kesik): şeridin yatay iç dolgusu,
   scroll-padding ve negatif kenar boşluğu kalktı; WebKit hizalama noktasını dolgu + scroll-padding ile iki kez kaydırıyordu. Şerit artık
   tam olarak görünen alan (sahnenin kırptığı kutu); ilk kart başa, son kart sona hizalanır. Yan kartın küçülmesi hizalama hedefinde değil
   içindeki kartta (dönüştürülmüş hedef WebKit'te hizalama noktasını da kaydırabilir). js/lobby.js alBind kaydırma bitince yine denetler. */
.al-car{position:relative;margin:0}
.al-trk{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 46px);gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:4px 0 10px;scrollbar-width:none;touch-action:pan-x pan-y}
.al-trk::-webkit-scrollbar{display:none}
.al-sl{--d:0;--o:0;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;display:flex;opacity:calc(1 - .42 * var(--d))}
.al-sl > .lb-day{transform:scale(calc(1 - .06 * var(--d)));transform-origin:50% 50%}
.al-sl:last-child{scroll-snap-align:end}
.al-sl > .lb-day{flex:1;display:flex;flex-direction:column;min-width:0}
.al-sl > .lb-day > .lb-go{margin-top:auto}
.al-sl .lb-art{transform:translateX(calc(var(--o) * -14px))}
.al-sl:not(.cur){cursor:pointer}
/* v2026.10-zzzz5: yan kartın karartması kaydırmaya bağlı (--d); eskiden kart seçildiği anda sınıfla açılıp kapanıyordu (çat diye parlama) */
.al-sl .lb-day::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(8,13,43,.32);pointer-events:none;opacity:var(--d,0)}
/* sayfalayıcı: telefonda noktalar; masaüstünde noktaların iki yanında oklar (başlık satırında, kartın boyundan bağımsız) */
.al-pg{flex:none;display:flex;align-items:center;gap:6px}
.al-ar{display:none}
/* eşlik yuvası: kart değişince yalnız opaklık (yükseklik canlandırılmaz) */
/* v2026.10-zzzz5 · eşlik yuvası: iki bilet aynı hücrede, kartlarla birlikte kayar (alPaint); boşalıp dolmaz, paylaşım düğmesi kaybolmaz */
.al-slot{display:grid;margin-top:12px;overflow:hidden;padding-bottom:28px;margin-bottom:-28px}
.al-sp{grid-area:1/1;min-width:0}
.al-sp:not(.on){pointer-events:none}
.al.pf .al-sp{will-change:transform,opacity}
.al.pf .al-sp:not(.on){opacity:0}
.al:not(.pf) .al-sp:not(.on){visibility:hidden}
/* başlık, alt satır ve imza çizgisi kaydırmaya bağlıyken zaman geçişi yok (parmağı izler) */
.al.pf .al-t,.al.pf .al-s,.al.pf .al-sig b{transition:none}
/* üst satırdaki günün sırası: boşalıp dolmaz, değişince yumuşakça belirir */
.al .lb-mt small{transition:opacity .25s ease}
.al .lb-mt small.wait{opacity:0}
.al .lb-mt small.fx{animation:alFx .32s ease both}
@keyframes alFx{from{opacity:0}}
.al-tl{gap:8px}
/* sahne zemini: Bilgi Turu'nda tepe projektörü + konu tonları; kaydırma konumuyla (--alp) çapraz geçiş */
.ar > .ar-bg::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:calc(var(--alp,0));pointer-events:none;
  background:radial-gradient(60% 46% at 50% -6%,rgba(255,246,218,.13),transparent 70%),radial-gradient(48% 40% at 10% 96%,rgba(212,156,245,.16),transparent 70%),radial-gradient(48% 40% at 92% 92%,rgba(92,207,224,.14),transparent 70%)}
.ar:not([data-al]) > .ar-bg::after{display:none}
/* ---------- davet bileti (telefon): avatarlar · başlık · 48 px WhatsApp; bilete dokunmak davet ekranını açar */
@media (max-width:899px){
  .al-slot .lb-inv{grid-template-columns:68px minmax(0,1fr) auto;grid-template-areas:"vs t a";align-items:center;gap:8px 10px;margin:0;padding:12px 12px 12px 14px;border-radius:20px;cursor:pointer;
    background:linear-gradient(100deg,rgba(143,168,255,.12),rgba(242,178,102,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  .al-slot .lb-inv::before{background:none;border-right:1px dashed rgba(255,255,255,.22);inset:10px auto 10px 87px;width:0}
  /* v2026.10-zzzz3 · VS: iki avatar hafifçe üst üste, "VS" birleştikleri yerin altında küçük yuvarlak rozet; baş harfler açık kalır
     (eskiden "VS" yazısı rakip avatarının altında kalıyordu) */
  .al-slot .lb-iv-vs{grid-area:vs;position:relative;justify-self:center;width:max-content;gap:0;padding:0 0 6px}
  .al-slot .lb-iv-vs .ar-av.lg{width:36px;height:36px;font-size:16px}
  .al-slot .lb-iv-p{gap:0}.al-slot .lb-iv-p > b{display:none}
  .al-slot .lb-iv-p.a{position:relative;z-index:1}
  .al-slot .lb-iv-p.b{margin-left:-8px}
  .al-slot .lb-iv-x{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);display:grid;place-items:center;width:22px;height:22px;margin:0;padding:0 1px 0 0;border-radius:50%;
    font:900 italic 9.5px/1 var(--f-display);letter-spacing:-.02em;color:#fff;background:#141E52;-webkit-background-clip:border-box;background-clip:border-box;
    box-shadow:0 0 0 1.5px rgba(255,255,255,.32),0 3px 8px rgba(0,0,0,.5)}
  .al-slot .lb-iv-g{display:inline}
  .al-slot .lb-iv-eb,.al-slot .lb-iv-l,.al-slot .lb-iv-more{display:none}
  .al-slot .lb-iv-t{grid-area:t;min-width:0}
  .al-slot .lb-iv-t h2{font-size:17px;line-height:1.15;margin:0}
  .al-slot .lb-iv-c{margin:3px 0 0;font-size:13.5px}
  .al-slot .lb-iv-g{padding:0;background:none;box-shadow:none}
  .al-slot .lb-iv-a{grid-area:a;display:flex;gap:6px}
  .al-slot .lb-iv-go{width:48px;min-height:48px;padding:0;border-radius:14px;flex:none}
  .al-slot .lb-iv-go > span:not(.lb-iv-gi){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .al-slot .lb-iv-go svg{width:24px;height:24px}
  .al-slot .lb-inv.open .lb-iv-go.sec{display:none}
}
@media (max-width:370px){   /* v2026.10-zzzz3: dar telefonda metin sütunu daralmasın */
  .al-slot .lb-inv{grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding-left:12px}
  .al-slot .lb-inv::before{left:74px}
  .al-slot .lb-iv-vs .ar-av.lg{width:31px;height:31px;font-size:14px}
  .al-slot .lb-iv-p.b{margin-left:-7px}
  .al-slot .lb-iv-x{width:20px;height:20px;font-size:8.5px}
  .al-slot .lb-iv-t h2{font-size:16px}
  .al-slot .lb-iv-c{font-size:13px}
}
/* ---------- masaüstü (≥ 900 px): kart şeridi solda, altında oklar ve noktalar; sağ sütunda eşlik yuvası */
@media (min-width:900px){
  html.game-on .ar > .ar-scr.al:not(.out),.ar-lob.al{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"ch ch" "top top" "hd hd" "car slot";grid-template-rows:repeat(4,max-content);column-gap:32px;align-content:start}
  .al > .ar-chb{grid-area:ch}.al > .lb-top{grid-area:top}.al > .al-hd{grid-area:hd}.al > .al-car{grid-area:car}.al > .al-slot{grid-area:slot;margin-top:4px;align-self:start}
  .al-h1{font-size:72px}.al-sub{font-size:20px}.al-sig{width:56px;height:5px}
  .al-dots{margin:0}
  .al-car{margin:0}
  .al-trk{grid-auto-columns:100%;padding:4px 0 8px;scroll-padding-inline:0;gap:24px}
  .al-sl{opacity:calc(1 - .5 * var(--d))}
  .al-sl > .lb-day{transform:none}
  .al-ar{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background .2s,opacity .2s}
  .al-ar:hover:not(:disabled){background:rgba(255,255,255,.16)}
  .al-ar:disabled{opacity:.3;cursor:default}
  .al-ar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .al-slot .lb-inv{margin:0}
  .al-tl{display:grid;gap:10px}
}
@media (max-width:370px){.al-h1{font-size:38px}.al-trk{grid-auto-columns:calc(100% - 40px)}}
@media (prefers-reduced-motion:reduce){.al-t,.al-t.on,.al-s,.al-s.on,.al-sig b,.al-dot i,.al .lb-mt small{transition:none}.al .lb-mt small.fx{animation:none}.al-sl > .lb-day{transform:none}.al-sl .lb-art{transform:none}}

/* ============================================================ BİLGİ TURU · lobi kartı: ufuktan yükselen yarım çark */
.tv-hz{position:relative;display:block;height:clamp(150px,24dvh,184px);overflow:hidden;margin:2px 4px 0;border-radius:16px 16px 0 0}
.tv-hz::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(27,34,66,.22)}
.tv-hzt{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:6px}
.tv-hzt i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tp);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.tv-hzt i svg{width:17px;height:17px}

/* ============================================================ çark ekranı */
.tv-run{--ok:#3DD08A;--no:#FF6B6B}
.tv-wsc{align-items:stretch}
.tv-wtop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.tv-rdn{font-size:13.5px;font-weight:650;color:var(--muted)}.tv-rdn b{color:#fff;font:800 17px/1 var(--f-display)}
.tv-fair{font-size:12px;font-weight:650;color:rgba(214,224,255,.72);padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
@keyframes tvNudge{25%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}}
@keyframes tvPop{from{transform:scale(.4);opacity:0}}
.tv-wres{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;margin-top:10px}
.tv-disc{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--tp);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.75);animation:tvPop .32s var(--bounce,cubic-bezier(.34,1.56,.64,1)) both}
.tv-disc svg{width:22px;height:22px}
.tv-wrt{display:flex;flex-direction:column;gap:2px;animation:tvUp .28s var(--e-out,cubic-bezier(.22,1,.36,1)) .08s both}
.tv-wrt b{font:800 24px/1.05 var(--f-display);color:#fff}
.tv-wrt small{font-size:13.5px;color:var(--muted)}
@keyframes tvUp{from{transform:translateY(12px);opacity:0}}
.tv-wdone{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.tv-wdone li{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 4px;border-radius:14px;font-size:12px;font-weight:650;color:var(--tph);background:color-mix(in srgb,var(--tph) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tph) 45%,transparent)}
.tv-wdone li i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--tp);color:#fff}.tv-wdone li i svg{width:12px;height:12px}
.tv-wdone li b{letter-spacing:.06em;color:#fff}
.tv-wbot{margin-top:auto;padding-top:10px;width:100%;max-width:440px;align-self:center}
.tv-go{width:100%;background:linear-gradient(180deg,#FFE19A,#F0C25E);color:#1A1405}
.tv-go.ghost{background:rgba(255,255,255,.1);color:var(--ink-2)}
@media (max-height:680px){.tv-wres{min-height:52px;margin-top:6px}.tv-wrt b{font-size:20px}}
@media (prefers-reduced-motion:reduce){.tv-disc,.tv-wrt{animation:none}}

/* ============================================================ soru ekranı (metin soruları) */
.tv-dots li.pr{margin-right:4px}
.tv-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 4px;border-radius:12px;font:750 12px/1 var(--f-body);color:var(--tph);background:color-mix(in srgb,var(--tph) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tph) 55%,transparent);white-space:nowrap}
.tv-chip i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tp);color:#fff}.tv-chip i svg{width:11px;height:11px}
.tv-sbb{position:relative}
.ar .kk-board.tv-sbb > .tv-q1{align-self:stretch;margin-bottom:2px}
.tv-qc{position:relative;display:grid;perspective:900px}
.tv-qf,.tv-qb{grid-area:1/1;display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 14px 12px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .38s cubic-bezier(.2,.9,.25,1)}
.tv-qf::before,.tv-qb::before{content:"";position:absolute;left:16px;right:16px;top:0;height:4px;border-radius:0 0 3px 3px;background:var(--tph)}
.tv-qb{transform:rotateX(-180deg)}
.tv-qc.flip .tv-qf{transform:rotateX(180deg)}
.tv-qc.flip .tv-qb{transform:none}
.tv-q1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tv-q1 .kk-no{flex:none;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.tv-q1 .kk-no b{color:#fff;font-size:14px}
.tv-big{font:800 clamp(18px,4.8vw,23px)/1.15 var(--f-display);color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.tv-sub{margin-top:-2px;font-size:13.5px;font-weight:650;line-height:1.3;color:var(--ink-2,rgba(255,255,255,.82));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ar .kk-op .tv-osm{display:block;margin-top:1px;font-size:12px;font-weight:600;color:var(--muted)}
.tv-q .kk-qh b,.tv-ex b,.tv-hn b{font-weight:800;color:#fff}
.tv-hn{margin:2px 0 0;font-size:13.5px;line-height:1.35;color:#FFE3A1}
.tv-hn > span:first-child{font-weight:750}
.tv-hn.in{animation:tvUp .28s var(--e-out,cubic-bezier(.22,1,.36,1)) both}
.tv-dc{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.tv-an{font:800 clamp(19px,5vw,24px)/1.15 var(--f-display);color:#9BF0C5}
.tv-ex{margin:0;font-size:14.5px;line-height:1.35;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tv-lk{align-self:flex-start;min-height:32px;font-size:13.5px}
.tv-q .kk-qh:empty{display:none}
/* soru + açıklama aynı hücrede: cevaptan sonra soru söner, veriden tek cümle aynı yerde belirir; hücre seçeneklerin hemen üstünde
   (üstteki boşluk esner), seçenekler yerinden oynamaz. Tabelanın arka yüzünde yalnız doğru cevap */
.tv-qx{display:grid;align-items:end;min-height:3.2em}
html.game-on .kk-run .tv-qx{margin-top:auto}
html.game-on .kk-run .tv-qx .kk-qh{margin-top:0}
.tv-qx > *{grid-area:1/1;min-width:0}
.tv-qx .kk-qh{transition:opacity .2s ease,transform .2s ease}
.tv-qx .tv-exq{margin:0;font-size:15px;line-height:1.38;color:var(--ink-2,rgba(255,255,255,.86));opacity:0;transform:translateY(8px);visibility:hidden;-webkit-line-clamp:4}
.tv-qx.rv .kk-qh{opacity:0;transform:translateY(-6px);pointer-events:none}
.tv-qx.rv .tv-exq{opacity:1;transform:none;visibility:visible;transition:opacity .3s ease .12s,transform .34s var(--e-out,cubic-bezier(.22,1,.36,1)) .12s}
.ar .tv-q .kk-qh{font-size:clamp(21px,5.6vw,26px)}
/* doğru (yeşil ✓) / yanlış seçim (kırmızı ✕): Şampiyonu bul dışındaki konular */
.kk-op.tvok{background:linear-gradient(120deg,rgba(61,208,138,.26),rgba(61,208,138,.08));box-shadow:inset 0 0 0 2px var(--ok,#3DD08A);opacity:1}
.kk-op.tvok .kk-l{background:var(--ok,#3DD08A);color:#062A18;box-shadow:none}
.kk-op .tv-ck,.kk-op .tv-cx{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:900 16px/1 var(--f-display);font-style:normal;animation:tvPop .28s var(--bounce,cubic-bezier(.34,1.56,.64,1)) both}
.kk-op .tv-ck{background:var(--ok,#3DD08A);color:#062A18}.kk-op .tv-cx{background:var(--no,#FF6B6B);color:#2A0606}
.tvrv .kk-op.dim{opacity:.55}
/* sayı seçenekleri: 2 × 2 karo, büyük rakam */
.ar .kk-ops.tv-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar .kk-op.tv-num{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:clamp(76px,11dvh,96px);text-align:center}
.ar .kk-op.tv-num .kk-l{position:absolute;left:10px;top:10px;width:24px;height:24px;font-size:11.5px}
.ar .kk-op.tv-num .kk-on > b{font:800 clamp(24px,7vw,32px)/1 var(--f-display);font-variant-numeric:tabular-nums}
.ar .kk-op.tv-num .kk-rk{position:absolute;right:8px;top:8px;min-width:0}
.ar .kk-op.tv-num .kk-m2{display:none}
@media (prefers-reduced-motion:reduce){.tv-qf,.tv-qb{transition:none}.kk-op .tv-ck,.kk-op .tv-cx,.tv-hn.in{animation:none}}

/* ============================================================ sonuç: konu karnesi, kokart kurdeleleri */
.tv-tops{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;width:100%}
.tv-tops li{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 4px;border-radius:16px;font-size:13px;font-weight:650;color:var(--tph);background:color-mix(in srgb,var(--tph) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tph) 40%,transparent);animation:tvUp .26s var(--e-out,cubic-bezier(.22,1,.36,1)) calc(1200ms + var(--k) * 70ms) both}
.tv-tops li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tp);color:#fff}.tv-tops li i svg{width:14px;height:14px}
.tv-tops li b{display:inline-flex;gap:2px}
.tv-tops em{font-style:normal;font-weight:900}.tv-tops em.ok{color:#9BF0C5}.tv-tops em.no{color:#FFB3B3}
.tv-emb{position:relative;display:inline-block;height:100%}
.fin-emb .tv-emb > svg{height:100%;width:auto;max-width:150px;display:block}
.tv-embr{position:absolute;left:50%;bottom:-6px;display:flex;gap:2px;transform:translateX(-50%)}
.tv-embr i{width:6px;height:12px;border-radius:0 0 3px 3px;background:var(--tph)}
.gm-fin .fin-strip i.pr{margin-right:6px}
.tv-tiles .kk-tile{text-align:left}
.tv-tiles .tv-tn{color:var(--tph)}
@media (prefers-reduced-motion:reduce){.tv-tops li{animation:none}}

/* ============================================================ sıralama alt sayfası (kupa; etkin kartın oyunu) */
.palette.md.gb-sheet{width:min(560px,96vw)}
@media (max-width:680px){
  .palette.md.gb-sheet{left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;max-height:85dvh;margin:0;border-radius:22px 22px 0 0;transform:none;animation:gbUp .32s cubic-bezier(.2,.9,.25,1) both}
  @keyframes gbUp{from{transform:translateY(30%);opacity:.4}}
}
@media (prefers-reduced-motion:reduce){.palette.md.gb-sheet{animation:none}}
.gb-sh .gb-vis{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:13.5px}
.gb-sh .gb-n2{margin:8px 0 0;font-size:12px;color:var(--muted)}
.gb-sh.ga-lb{padding:0;background:none;box-shadow:none;border:0}
.gb-sh .gb-h h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* uzun adlar ve kısa ekranlar (375×667, 360×640): tabela ve seçenekler sıkılaşır, açıklama dört satıra dek */
.tv-big.lg{font-size:clamp(16px,4.3vw,19px);-webkit-line-clamp:3}
.tv-ex{-webkit-line-clamp:4}
.ar .kk-ops.tv-long .kk-on > b{font-size:15px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-height:690px){
  .tv-qf,.tv-qb{padding:8px 12px 10px;gap:4px}
  .tv-sub{-webkit-line-clamp:1}
  .tv-ex{font-size:13.5px}
  .tv-an{font-size:19px}
  html.game-on .tv-q .kk-op{min-height:clamp(50px,7.6dvh,64px)}
  html.game-on .tv-q .kk-op.tv-num{min-height:clamp(58px,9dvh,76px)}
}
html.game-on .tv-q .kk-ops.tv-long .kk-op{min-height:clamp(48px,7dvh,62px);padding-block:8px}
/* tabela süsü (sanat yönetmeni): konunun simgesi köşede filigran; ön yüz parça parça gelir, arka yüz dönünce cevap çizgisi yeşil / kırmızı,
   doğruda tek geçişlik parıltı. Yalnız transform / opacity; hareketi azaltta yok */
.tv-qf,.tv-qb{position:relative;overflow:hidden;isolation:isolate}
.tv-wm{position:absolute;right:-10px;bottom:-14px;width:104px;height:104px;color:var(--tph);opacity:.11;transform:rotate(-14deg);pointer-events:none;z-index:-1}
.tv-wm svg{width:100%;height:100%;stroke-width:1.3}
.tv-qf .tv-wm{animation:tvWm .6s cubic-bezier(.2,.9,.25,1) .05s both}
@keyframes tvWm{from{opacity:0;transform:rotate(-48deg) scale(.55)}}
.tv-qf > .tv-q1,.tv-qf > .tv-big,.tv-qf > .tv-sub,.tv-qf > .kk-tags{animation:tvUp .34s var(--e-out,cubic-bezier(.22,1,.36,1)) both}
.tv-qf > .tv-big{animation-delay:.06s}.tv-qf > .tv-sub{animation-delay:.11s}.tv-qf > .kk-tags{animation-delay:.16s}
.tv-qc.flip .tv-qb > .tv-dc,.tv-qc.flip .tv-qb > .tv-an,.tv-qc.flip .tv-qb > .tv-ex{animation:tvUp .3s var(--e-out,cubic-bezier(.22,1,.36,1)) both}
.tv-qc.flip .tv-qb > .tv-an{animation-delay:.12s}.tv-qc.flip .tv-qb > .tv-ex{animation-delay:.22s}
.tv-qc.ok .tv-qb::before{background:#3DD68C}.tv-qc.no .tv-qb::before{background:#FF7A7A}
.tv-qc.ok .tv-qb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(155,240,197,.22) 48%,transparent 66%);transform:translateX(-110%);animation:tvShine .9s cubic-bezier(.3,.6,.2,1) .35s forwards}
@keyframes tvShine{to{transform:translateX(110%)}}
@media (prefers-reduced-motion:reduce){.tv-qx .kk-qh,.tv-qx.rv .tv-exq{transition:none}.tv-qf .tv-wm,.tv-qf > *,.tv-qc.flip .tv-qb > *{animation:none}.tv-qc.ok .tv-qb::after{display:none}}
/* sahnenin altındaki dipnot etkin oyuna göre (Düello kartı açıklaması / Bilgi Turu kaynağı) */
.ar-foot .ar-fk{display:none}
.ar[data-al="kk"] + .ar-foot .ar-fd{display:none}
.ar[data-al="kk"] + .ar-foot .ar-fk{display:inline}
/* lobi kartı: altı konunun hepsi ufuk çizgisinin üstüne oturur (yarım çarkta yalnız üst dilimler görünür); kart girişinde sırayla belirir */
.tv-hzl{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;margin:-14px 0 4px}
.tv-hzl i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tp);color:#fff;box-shadow:0 0 0 2.5px #F1E2BE,0 3px 6px rgba(27,34,66,.25)}
.tv-hzl i svg{width:16px;height:16px}
.al-sl.al-in .tv-hzl i{animation:tvPop .34s var(--bounce,cubic-bezier(.34,1.56,.64,1)) calc(.35s + var(--k) * 60ms) both}
@media (prefers-reduced-motion:reduce){.al-sl.al-in .tv-hzl i{animation:none}}
.al-sl[data-g="kk"] .lb-spec div{flex:1 1 0}
/* masaüstü çark ekranı: çark, konu satırı ve düğme tek küme olarak ortada (aradaki boşluk kalkar); çark daha büyük */
@media (min-width:900px) and (min-height:700px){
  .tv-wh{--sz:clamp(280px,46dvh,380px);margin-top:auto}
  .tv-wsc .tv-wbot{margin-top:22px;margin-bottom:auto}
}
@media (max-height:690px){.tv-qx .tv-exq{font-size:14px;line-height:1.32}}
/* ön yüz döndükten sonra ipucu satırı yer kaplamaz (arka yüz kısa kalır; seçenekler alttan bağlı olduğu için yerinden oynamaz) */
.tv-qc.flip .tv-qf .tv-hn{display:none}

/* ============================================================ v2026.10-zzzz5 · oyun kartları: eğlenceli degrade (Emir 27.10: "Düello ve bilgi
   turu kartlarının rengini değiştirelim daha eğlenceli degrade yapalım"). Kum zemin yerine pastel holografik degradeler; mürekkep (lacivert)
   ve çizimler aynı kaldı, okunurluk korunur. Düello serin: buz mavisi → lavanta → orkide. Trivia sıcak: şeker pembesi → şeftali → leylak.
   Altın ve yeşil yok (altın yalnız birincilik ve birincil eylem, yeşil yalnız doğru/temiz). */
.al-sl > .lb-day{background:radial-gradient(120% 70% at 18% -10%,rgba(255,255,255,.7),transparent 58%),radial-gradient(90% 70% at 100% 100%,rgba(255,255,255,.28),transparent 60%),
    linear-gradient(150deg,var(--c1) 0%,var(--c2) 48%,var(--c3) 100%);
  box-shadow:0 28px 56px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.35) inset,inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(40,44,120,.16)}
.al-sl[data-g="ar"] > .lb-day{--c1:#A6EEFF;--c2:#B8C6FF;--c3:#E3B6FF}
.al-sl[data-g="kk"] > .lb-day{--c1:#FFC2DA;--c2:#FFCDB3;--c3:#D5C0FF}
.al-sl > .lb-day .lb-spec div{border-left-color:rgba(27,34,66,.14)}