/* ===================== 1.1.54 · SİBER ARENA tasarım katmanı (yalnız html[data-a84="siber"]) =====================
   Ufuk'un 22.10 22:18 tema görseli birebir: kömür gri zemin + karbon doku, bakır başlık, camgöbeği ışıklar ve yansımalar. Yerleşim değişmez. */
html[data-a84="siber"]{--a84-bg:#15181b;--a84-s1:#1c2024;--a84-s2:#22272b;--a84-s3:#2a3035;--a84-line:#343b42;--a84-txt:#eef1f3;--a84-mut:#9aa3aa;--a84-cy:#22d8ec;--a84-cy2:#0bb6cc;--a84-cu1:#e2a478;--a84-cu2:#a8673f;--a84-cu3:#7a4526;
 --a84-carbon:repeating-linear-gradient(45deg,#ffffff06 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,#00000030 0 2px,transparent 2px 4px);color-scheme:dark}
html[data-a84="siber"] body{background:#15181b!important;color:var(--a84-txt)}
html[data-a84="siber"] #matchList{background:transparent!important}

/* ── üst bant: koyu metal, bakır VEKTOR ARENA, bakır PRO, ışıklı Hakkında ── */
html[data-a84="siber"] header.brand{background:linear-gradient(115deg,#ffffff07 0%,transparent 35%,#ffffff05 55%,transparent 70%),linear-gradient(180deg,#262b30 0%,#1d2125 100%)!important;border-bottom:1px solid #0c0e10!important;box-shadow:inset 0 1px 0 #ffffff12,0 1px 0 #000}
html[data-a84="siber"] header.brand img{border-radius:10px!important;box-shadow:0 2px 6px #000a,0 0 0 1px #ffffff10}
html[data-a84="siber"] header.brand>div>b{background:linear-gradient(180deg,#f3c9a3 0%,#d89a6c 45%,#a8673f 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #000)}
html[data-a84="siber"] header.brand>div>small.a84-ai{display:inline-flex!important;align-items:center;gap:4px;margin-top:3px!important;padding:2px 8px 2px 4px;border:1px solid #c58a5c;border-radius:12px;background:linear-gradient(180deg,#121417,#0a0b0d);color:#f2f4f5!important;font-size:8.5px!important;font-weight:900;letter-spacing:.6px!important;font-style:normal!important;box-shadow:0 0 6px #c58a5c55,inset 0 1px 0 #ffffff14;white-space:nowrap}
html[data-a84="siber"] header.brand>div>small.a84-ai .g{width:10px;height:10px;display:inline-block;background:radial-gradient(circle,#2a1a0f 30%,transparent 32%),conic-gradient(from 0deg,#e2a478,#a8673f,#e2a478,#a8673f,#e2a478);border-radius:50%;box-shadow:0 0 4px #e2a47888}
html[data-a84="siber"] header.brand>div>small.a84-ai i{font-style:normal;color:var(--a84-cy)}
html[data-a84="siber"] #editionStatus{background:repeating-linear-gradient(0deg,#ffffff10 0 1px,transparent 1px 3px),linear-gradient(180deg,#e7ad82 0%,#c2804f 50%,#9a5a33 100%)!important;color:#5fe6f5!important;border:1px solid #f2c39c!important;border-radius:8px!important;font-weight:900!important;text-shadow:0 1px 0 #3a1f0e;box-shadow:0 2px 0 #4a2a14,0 3px 8px #0008,inset 0 1px 0 #ffe0c6!important}
html[data-a84="siber"] #arena60About,html[data-a84="siber"] #aboutBtn{border:1.5px solid var(--a84-cy)!important;color:var(--a84-cy)!important;background:#14191c!important;border-radius:10px!important;box-shadow:0 0 8px #22d8ec55,inset 0 0 6px #22d8ec22!important}
html[data-a84="siber"] header.brand button,html[data-a84="siber"] header.brand [id*="Settings"]{color:#aeb6bc}

/* ── ana sekmeler: koyu kabartma karolar, seçili = camgöbeği yazı + ışıklı alt çizgi ── */
html[data-a84="siber"] nav#mainTabs{background:#121416!important;border-bottom:1px solid #000!important;gap:0!important}
html[data-a84="siber"] nav#mainTabs button{background:linear-gradient(180deg,#30363c 0%,#262b30 50%,#212529 100%)!important;color:#e3e7ea!important;border:0!important;border-right:1px solid #0d0f11!important;box-shadow:inset 0 1px 0 #ffffff14,inset 1px 0 0 #ffffff08!important;position:relative}
html[data-a84="siber"] nav#mainTabs button.active{background:linear-gradient(180deg,#2a3035 0%,#1e2226 100%)!important;color:var(--a84-cy)!important;box-shadow:inset 0 1px 0 #ffffff10,inset 0 -3px 0 var(--a84-cy),0 4px 12px -2px #22d8ec88!important}
html[data-a84="siber"] nav#mainTabs button .count,html[data-a84="siber"] nav#mainTabs button small{color:inherit!important;opacity:.85}
html[data-a84="siber"] nav#arena61Toolbar{background:linear-gradient(115deg,#ffffff06 0%,transparent 40%),linear-gradient(180deg,#24292e,#1c2024)!important;border-bottom:1px solid #0c0e10!important;color:#e8ecef}
html[data-a84="siber"] nav#arena61Toolbar *{color:#e8ecef}
html[data-a84="siber"] #listMarketTabs,html[data-a84="siber"] #detailTabs,html[data-a84="siber"] .subtabs{background:#1a1d20!important;border-bottom:1px solid #0d0f11!important}
html[data-a84="siber"] #listMarketTabs button,html[data-a84="siber"] .subtabs button{color:#dfe4e7!important;background:transparent!important}
html[data-a84="siber"] #listMarketTabs button.active,html[data-a84="siber"] .subtabs button.active{color:var(--a84-cy)!important;box-shadow:inset 0 -3px 0 var(--a84-cy),0 6px 10px -6px #22d8ec99!important}

/* ── lig bandı: karbon doku ── */
html[data-a84="siber"] .league-band{background:var(--a84-carbon),linear-gradient(180deg,#2a2f34,#22262a)!important;color:#f4f6f7!important;font-weight:900!important;border-top:1px solid #ffffff0d;border-bottom:1px solid #000}
html[data-a84="siber"] .league-band *{color:inherit!important}
html[data-a84="siber"] .league-band .kickoff-label{color:#c9cfd3!important;font-weight:700}
html[data-a84="siber"] article.match-card{background:#1e2226!important;border:0!important;border-bottom:1px solid #0e1012!important;box-shadow:none!important}
html[data-a84="siber"] #matchList article.match-card .arena56-match,html[data-a84="siber"] #matchList .match-card.a78-card .arena56-match,html[data-a84="siber"] body #matchList .arena58-match{background:#1e2226!important}
html[data-a84="siber"] #matchList article.match-card .arena56-match.arena62-live{background:linear-gradient(90deg,#22d8ec14,transparent 30%),#1e2226!important;box-shadow:inset 3px 0 0 var(--a84-cy)}

/* ── Asya / gol limiti kutuları ── */
html[data-a84="siber"] .a78-ac>div,html[data-a84="siber"] .a78-ac>span{background:linear-gradient(180deg,#191c1f,#141619)!important;border:1px solid #2b3035!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #ffffff08,0 1px 0 #000!important;color:#eef1f3!important}
html[data-a84="siber"] .a78-ac{background:transparent!important}

/* ── algoritma rozetleri: ışıklı çerçeveli hap ── */
html[data-a84="siber"] .a78-alg .b{background:#16191c!important;border:1.5px solid #3b4249!important;border-radius:9px!important;color:#e9edf0!important;box-shadow:inset 0 1px 0 #ffffff0a}
html[data-a84="siber"] .a78-alg .b.hit{border-color:var(--a84-cy)!important;color:var(--a84-cy)!important;box-shadow:0 0 7px #22d8ec55,inset 0 0 6px #22d8ec22!important}
html[data-a84="siber"] .a78-alg .b.on{border-color:#c58a5c!important;color:#f0b88c!important;box-shadow:0 0 7px #c58a5c55,inset 0 0 6px #c58a5c22!important}
html[data-a84="siber"] .a78-alg .b.miss{border-color:#a8463f!important;color:#ff8a80!important}

/* ── CANLI karo: camgöbeği, bakır sayı rozeti ── */
html[data-a84="siber"] .arena56-mbs{background:linear-gradient(180deg,#ffffff55 0%,#ffffff00 35%),linear-gradient(180deg,#4fe3f1 0%,#17bfd5 50%,#0a93a7 100%)!important;color:#f4feff!important;border:1px solid #9af5ff!important;border-radius:8px!important;box-shadow:0 0 10px #22d8ec77,inset 0 -2px 0 #06606d!important;text-shadow:0 1px 1px #05424c}
html[data-a84="siber"] .arena56-mbs *{color:#f4feff!important}
html[data-a84="siber"] .arena61-mbs .a80-mdot{background:linear-gradient(180deg,#f0bf98,#a8673f)!important;border:1px solid #f2c39c!important;border-radius:50%!important;box-shadow:0 1px 2px #0008}
html[data-a84="siber"] .arena61-mbs{background:linear-gradient(180deg,#5ae6f3 0%,#1cc3d8 45%,#0a97ab 100%)!important;color:#f4feff!important;border:1px solid #8ff4ff!important;border-radius:8px!important;box-shadow:0 0 10px #22d8ec66,inset 0 1px 0 #ffffffa0,inset 0 -2px 0 #06606d!important;text-shadow:0 1px 1px #05424c}
html[data-a84="siber"] .arena61-mbs *{color:#f4feff!important}
html[data-a84="siber"] .arena61-mbs i,html[data-a84="siber"] .arena61-mbs::after{background:linear-gradient(180deg,#e7ad82,#a8673f)!important;border-color:#f2c39c!important}

/* ── 3D oran düğmeleri: koyu kabartma, üst kenarda camgöbeği ışık, yansıma ── */
html[data-a84="siber"] #matchList .odds-row>.odd-item>.odd-value,html[data-a84="siber"] #detailBody .odd-item>.odd-value,html[data-a84="siber"] #detailBody .market-odd,html[data-a84="siber"] .market-choice>.market-odd,html[data-a84="siber"] #matchList .market-odd{border-radius:9px!important;
 background:radial-gradient(60% 9px at 50% 0,#5ff0ffcc 0%,#22d8ec55 45%,transparent 100%),linear-gradient(180deg,#ffffff16 0%,#ffffff05 38%,transparent 40%),linear-gradient(180deg,#353b41 0%,#292e33 45%,#202428 100%)!important;
 color:#f6f8f9!important;border:1px solid #4a5157!important;border-top-color:#6fdde9!important;
 box-shadow:0 -3px 8px -3px #22d8ecaa,0 2px 0 #0a0b0c,0 4px 8px #000a,inset 0 1px 0 #ffffff22,inset 0 -1px 0 #00000080!important;text-shadow:0 1px 1px #000;font-weight:800!important}
html[data-a84="siber"] #matchList .odd-value:active,html[data-a84="siber"] #detailBody .market-odd:active{transform:translateY(1px);filter:brightness(1.1)}
html[data-a84="siber"] #matchList .odd-value.empty,html[data-a84="siber"] #detailBody .odd-value.empty,html[data-a84="siber"] .market-odd.empty{background:radial-gradient(60% 8px at 50% 0,#22d8ec66 0%,transparent 100%),linear-gradient(180deg,#2e3439 0%,#24282c 50%,#1e2124 100%)!important;color:#c5ccd1!important;border-color:#40474d!important;border-top-color:#3fa9b6!important;box-shadow:0 -2px 6px -3px #22d8ec77,0 2px 0 #0a0b0c,0 4px 8px #0009,inset 0 1px 0 #ffffff14!important;text-shadow:none}
html[data-a84="siber"] #matchList .quote-selected[data-quote*='"live":true'],html[data-a84="siber"] #detailBody .quote-selected[data-quote*='"live":true']{background:linear-gradient(180deg,#ffffff70 0%,#ffffff10 40%,transparent 42%),linear-gradient(180deg,#ffe36e,#ffcc00 60%,#dca800)!important;color:#111!important;border-color:#fff0a8!important;box-shadow:0 0 14px #ffcc0099,0 2px 0 #6b5300,inset 0 1px 0 #fff!important;text-shadow:none}
html[data-a84="siber"] #matchList .quote-selected:not([data-quote*='"live":true']),html[data-a84="siber"] #detailBody .quote-selected:not([data-quote*='"live":true']){background:linear-gradient(180deg,#ffffff60 0%,#ffffff10 40%,transparent 42%),linear-gradient(180deg,#5ae6f3,#1cc3d8 55%,#0a97ab)!important;color:#03252b!important;border-color:#a6f6ff!important;box-shadow:0 0 14px #22d8ec99,0 2px 0 #06505c,inset 0 1px 0 #fff!important;text-shadow:none}
html[data-a84="siber"] #matchList .odd-item.handicap-value>.odd-value{background:linear-gradient(180deg,#1b2a2e,#141c1f)!important;color:var(--a84-cy)!important;border-color:#22d8ec66!important}
html[data-a84="siber"] .detail-arrow{background:var(--a84-carbon),linear-gradient(180deg,#30363c,#202428)!important;color:#e9edf0!important;border:1px solid #4a5157!important;border-radius:9px!important;box-shadow:0 2px 0 #0a0b0c,0 4px 8px #000a,inset 0 1px 0 #ffffff1a!important}
html[data-a84="siber"] .odd-item>small,html[data-a84="siber"] .odd-item>em{color:#cfd5d9!important}
html[data-a84="siber"] .odds-row{background:#1e2226!important}

/* ── momentum: sekme çubuğu + camgöbeği ışıklı grafik zemini ── */
html[data-a84="siber"] section.v46-flow{background:#202428!important;border:1px solid #2c3237!important;border-radius:12px!important;overflow:hidden}
html[data-a84="siber"] .arena62-mode-buttons{background:#25292d!important;border-radius:0!important;border-bottom:1px solid #0d0f11!important}
html[data-a84="siber"] .arena62-mode-buttons button{color:#dfe4e7!important;background:transparent!important}
html[data-a84="siber"] .arena62-mode-buttons button[aria-pressed="true"]{background:var(--a84-carbon),linear-gradient(180deg,#141618,#0f1113)!important;color:#fff!important;border-radius:9px!important;box-shadow:inset 0 2px 6px #000,0 1px 0 #ffffff10!important}
html[data-a84="siber"] section.v46-flow svg>rect:first-child{fill:transparent!important}
html[data-a84="siber"] section.v46-flow svg{background:radial-gradient(70% 90% at 50% 45%,#13505c 0%,#0f2f37 55%,#121b20 100%)!important}
html[data-a84="siber"] .arena62-flow-key{background:#1a1e21!important;border:0!important;border-top:1px solid #0d0f11!important}
html[data-a84="siber"] .arena70-event-totals,html[data-a84="siber"] .a78-key{background:#1a1e21!important}
html[data-a84="siber"] summary{background:#1c2024!important;border-radius:14px}
html[data-a84="siber"] section.v46-flow .arena62-flow-key>small{font-size:0!important;line-height:0;display:inline-flex!important;align-items:center}
html[data-a84="siber"] section.v46-flow .arena62-flow-key>small::before{content:"FOOTBALL AI ENABLED";display:inline-block;padding:2px 9px 2px 18px;border:1px solid #c58a5c;border-radius:12px;background:radial-gradient(circle at 9px 50%,#2a1a0f 2px,#e2a478 2.5px,#a8673f 4.5px,transparent 5px),linear-gradient(180deg,#121417,#0a0b0d);color:#f2f4f5;font-size:8.5px;line-height:12px;font-weight:900;letter-spacing:.4px;box-shadow:0 0 6px #c58a5c55;white-space:nowrap}
/* tablolar */
html[data-a84="siber"] table.arena75-five,html[data-a84="siber"] table.arena75-five th,html[data-a84="siber"] table.arena75-five td{background:#1e2226!important;border-color:#2c3237!important;color:#eef1f3!important}
html[data-a84="siber"] .a78-hbtn,html[data-a84="siber"] .a80-hbtn{background:linear-gradient(90deg,#22d8ec22,transparent 40%),#1c2024!important;border-left:3px solid var(--a84-cy)!important;color:#eef1f3!important}

/* ── maç sayfası üst ── */
html[data-a84="siber"] div.detail-head{background:linear-gradient(115deg,#ffffff06 0%,transparent 40%),linear-gradient(180deg,#24292e,#1a1d20)!important;border-bottom:1px solid #000!important}
html[data-a84="siber"] #detailBody{background:#17191c!important}

/* ── kupon çubuğu: düz camgöbeği, üst/alt bakır çizgi ── */
html[data-a84="siber"] #couponBar{background:linear-gradient(180deg,#ffffff30 0%,#ffffff00 30%),#06d9ee!important;color:#0b1a1d!important;border-top:2px solid #c58a5c!important;border-bottom:2px solid #c58a5c!important;box-shadow:0 -1px 0 #f2c39c66,0 -6px 18px #06d9ee55!important}
html[data-a84="siber"] #couponBar *{color:#0b1a1d!important}
html[data-a84="siber"] #couponBar b{background:linear-gradient(180deg,#f0bf98,#c2804f 55%,#9a5a33)!important;color:#1a0c04!important;border-radius:6px;box-shadow:inset 0 1px 0 #ffe0c6,0 1px 2px #0006}

/* ── KUPONLARIM ── */
html[data-a84="siber"] #couponDialog{background:#15181b!important;color:var(--a84-txt)!important}
html[data-a84="siber"] #couponDialog>header{background:linear-gradient(180deg,#262b30,#1d2125)!important;color:var(--a84-cy)!important;border-bottom:1px solid #000}
html[data-a84="siber"] #couponDialog .coupon-scroll{background:#15181b!important}
html[data-a84="siber"] #couponDialog .arena-coupon-tabs{background:#1a1d20!important}
html[data-a84="siber"] #couponDialog .arena-coupon-tabs button{color:#dfe4e7!important}
html[data-a84="siber"] #couponDialog .arena-coupon-tabs button[aria-pressed="true"],html[data-a84="siber"] #couponDialog .arena-coupon-tabs .active{color:var(--a84-cy)!important;box-shadow:inset 0 -3px 0 var(--a84-cy),0 6px 10px -6px #22d8ec99!important}
/* kupon durum ikonları (Ufuk'un ikon seti) */
.a84-ic{display:inline-block;width:30px;height:30px;background:center/contain no-repeat;vertical-align:middle}
.a84-ic.won{background-image:url(icons84/tuttu.png)}.a84-ic.lost{background-image:url(icons84/kaybetti.png)}.a84-ic.live{background-image:url(icons84/devam.png)}
html[data-a84="siber"] ::-webkit-scrollbar{width:6px;height:6px}html[data-a84="siber"] ::-webkit-scrollbar-thumb{background:#22d8ec55;border-radius:6px}
html[data-a84="siber"] #couponDialog>header button[data-coupon-close]{border:1.5px solid var(--a84-cy)!important;color:var(--a84-cy)!important;border-radius:10px!important;box-shadow:0 0 8px #22d8ec55!important}
html[data-a84="siber"] #matchList summary>span.home,html[data-a84="siber"] #detailBody summary>span.home,html[data-a84="siber"] summary>span.home{background:linear-gradient(180deg,#f0bf98,#c2804f 55%,#9a5a33)!important;color:#1a0c04!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffe0c6}
html[data-a84="siber"] #matchList summary>span.away,html[data-a84="siber"] #detailBody summary>span.away,html[data-a84="siber"] summary>span.away{background:linear-gradient(180deg,#7ff0fa,#22d8ec 55%,#0fb0c5)!important;color:#03252b!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #e0fdff}
html[data-a84="siber"] #matchList .arena61-mbs .arena56-mbs,html[data-a84="siber"] #detailBody .arena56-mbs,html[data-a84="siber"] .arena56-mbs.mbs1,html[data-a84="siber"] .arena56-mbs.mbs2,html[data-a84="siber"] .arena56-mbs.mbs3{background:linear-gradient(180deg,#ffffff55 0%,#ffffff00 35%),linear-gradient(180deg,#4fe3f1 0%,#17bfd5 50%,#0a93a7 100%)!important;border:1px solid #9af5ff!important;box-shadow:0 0 10px #22d8ec77,inset 0 -2px 0 #06606d!important;color:#f4feff!important}
/* kupon şeridi: seçim yokken gizli; KUPONLARIM sekmesi */
#couponBar.a84-bar-off{display:none!important}
body.a84-nobar{padding-bottom:8px!important}
nav#mainTabs .a84-coupons-tab.a84-has .count{color:#ffcc00!important;font-weight:900}
html[data-a84="siber"] nav#mainTabs .a84-coupons-tab{background:linear-gradient(180deg,#2f2a26 0%,#25211e 50%,#1f1c19 100%)!important;color:#f0c49f!important}
html[data-a84="siber"] nav#mainTabs .a84-coupons-tab.a84-has .count{color:#ffd27f!important}
html[data-a84="siber"] nav#mainTabs button,html[data-a84="siber"] #detailTabs button,html[data-a84="siber"] .subtabs button,html[data-a84="siber"] #listMarketTabs button{border-bottom-color:transparent!important;border-bottom-width:0!important}
html[data-a84="siber"] [data-arena-origin]{background:linear-gradient(180deg,#30363c,#202428)!important;color:#dfe4e7!important;border:1px solid #4a5157!important;border-radius:9px!important;box-shadow:0 2px 0 #0a0b0c,inset 0 1px 0 #ffffff18!important}
html[data-a84="siber"] [data-arena-origin].active{background:linear-gradient(180deg,#ffffff40 0%,transparent 45%),linear-gradient(180deg,#4fe3f1,#17bfd5 55%,#0a93a7)!important;color:#03252b!important;border-color:#9af5ff!important;box-shadow:0 0 10px #22d8ec77,0 2px 0 #06505c!important}
html[data-a84="siber"] div.tools{background:#1a1d20!important}
/* ── ŞAVK: momentum grafiğinde ışık ve parlama (Ufuk 22:35; 22:40 "1 tık kıs") ── */
html[data-a84="siber"] section.v46-flow svg{background:radial-gradient(60% 75% at 50% 48%,#155c68 0%,#0f3c45 38%,#0d262c 70%,#11191d 100%)!important;box-shadow:inset 0 0 22px #22d8ec22,inset 0 1px 0 #ffffff0c}
html[data-a84="siber"] section.v46-flow svg rect[fill="#71d1d3"],html[data-a84="siber"] section.v46-flow svg rect[fill="#3e9fd6"]{fill:#2fe6f7!important}
html[data-a84="siber"] section.v46-flow svg rect[fill="#f6b54f"],html[data-a84="siber"] section.v46-flow svg rect[fill="#e8892a"]{fill:#f0b48a!important}
html[data-a84="siber"] section.v46-flow svg path[fill]:not([fill="none"]):not([fill^="url"]){}
html[data-a84="siber"] section.v46-flow svg line[stroke="#b0d1db"],html[data-a84="siber"] section.v46-flow svg line[stroke="#c4d9de"]{stroke:#7fdce6!important;stroke-opacity:.35}
html[data-a84="siber"] section.v46-flow svg line[stroke="#e0edf0"]{stroke:#d9fbff!important}
html[data-a84="siber"] section.v46-flow svg text{fill:#d7e9ed!important}
html[data-a84="siber"] section.v46-flow svg line[stroke="#ce8bff"]{}
html[data-a84="siber"] #matchList .odds-row>.odd-item>.odd-value,html[data-a84="siber"] #detailBody .market-odd,html[data-a84="siber"] #matchList .market-odd{box-shadow:0 -4px 10px -3px #22d8ecdd,0 -1px 0 #22d8ec66,0 2px 0 #0a0b0c,0 5px 10px #000b,inset 0 1px 0 #ffffff2a,inset 0 -1px 0 #00000080!important}
html[data-a84="siber"] nav#mainTabs button.active{box-shadow:inset 0 1px 0 #ffffff10,inset 0 -3px 0 var(--a84-cy),0 6px 16px -2px #22d8ecaa,0 2px 22px -8px #22d8ec!important}
html[data-a84="siber"] .arena56-mbs{box-shadow:0 0 14px #22d8ecaa,0 0 4px #22d8ec,inset 0 -2px 0 #06606d!important}
html[data-a84="siber"] #couponBar{box-shadow:0 -1px 0 #f2c39c66,0 -8px 24px #06d9ee77!important}/* Ayarlar · TEMA */
.a84-theme-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px;padding:8px 10px;border-radius:12px;background:#0001;border:1px solid #0002}
.a84-theme-row b{font-size:12px;letter-spacing:1px}.a84-theme-row div{display:flex;gap:6px}
.a84-theme-row button{border:1px solid #5a7c84;background:transparent;color:inherit;border-radius:9px;padding:6px 10px;font-weight:800;font-size:11px}
.a84-theme-row button[aria-pressed="true"]{background:#22d8ec;color:#03252b;border-color:#9af5ff;box-shadow:0 0 10px #22d8ec77}
/* ── ÇOK YAKINDA ── */
.a84-soon{padding:10px 8px 4px;color:#eef1f3}
.a84-hero{position:relative;text-align:center;padding:18px 12px 14px;border-radius:16px;overflow:hidden;background:radial-gradient(80% 90% at 50% 0,#1a6f7d 0%,#0f2f37 55%,#14181b 100%);border:1px solid #22d8ec55;box-shadow:0 0 24px #22d8ec33,inset 0 1px 0 #ffffff14}
.a84-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff18 48%,transparent 66%);transform:translateX(-100%);animation:a84shine 4.5s ease-in-out infinite}
@keyframes a84shine{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.a84-hero .scan{position:relative;width:74px;height:74px;margin:0 auto 6px}
.a84-hero .scan img{width:74px;height:74px;border-radius:18px;box-shadow:0 0 0 2px #22d8ec66,0 0 18px #22d8ec88}
.a84-hero .scan i{position:absolute;inset:-10px;border-radius:50%;border:2px solid #22d8ec;opacity:0;animation:a84ping 2.4s ease-out infinite}
@keyframes a84ping{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.a84-hero h3{margin:4px 0 4px;font-size:22px;letter-spacing:3px;background:linear-gradient(180deg,#f3c9a3,#d89a6c 45%,#a8673f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #000)}
.a84-hero p{margin:0;font-size:12px;line-height:1.45;color:#cfe3e7}
.a84-trial{display:flex;gap:12px;align-items:center;margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(180deg,#2a221c,#1d1916);border:1px solid #c58a5c;box-shadow:0 0 14px #c58a5c44}
.a84-trial .ring{flex:0 0 66px;height:66px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#1d1916 74%,transparent 76% 100%),conic-gradient(#e2a478 calc(var(--p)*1%),#3a2f27 0)}
.a84-trial .ring b{font-size:22px;color:#ffd7b5;line-height:1}.a84-trial .ring small{font-size:9px;color:#d9b597}
.a84-trial b{color:#ffd7b5}.a84-trial p{margin:3px 0 7px;font-size:11px;color:#e7d6c8;line-height:1.4}
.a84-trial button{border:0;border-radius:10px;padding:7px 12px;font-weight:900;font-size:11px;color:#1a0c04;background:linear-gradient(180deg,#f0bf98,#c2804f 55%,#9a5a33);box-shadow:0 2px 0 #4a2a14,0 0 12px #e2a47866}
.a84-now{margin:10px 0;padding:10px;border-radius:14px;background:#1c2024;border:1px solid #2c3237}
.a84-now h4,.a84-h{margin:2px 0 8px;font-size:11px;letter-spacing:1.5px;color:#22d8ec}
.a84-now .g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.a84-now .g>div{padding:8px;border-radius:10px;background:linear-gradient(180deg,#22272b,#1a1d20);border:1px solid #2f363c}
.a84-now .g b{display:block;font-size:17px;color:#fff}.a84-now .g small{display:block;font-size:9.5px;color:#9aa3aa;font-weight:600}
.a84-now .prog{height:5px;margin-top:8px;border-radius:4px;background:#2a3035;overflow:hidden}.a84-now .prog i{display:block;height:100%;background:linear-gradient(90deg,#0bb6cc,#5ae6f3);box-shadow:0 0 8px #22d8ec}
.a84-now .pn{font-size:9.5px;color:#9aa3aa}
.a84-cards{display:flex;flex-direction:column;gap:8px}
.a84-sc{display:flex;gap:10px;padding:9px;border-radius:14px;background:linear-gradient(180deg,#22272b,#1b1e21);border:1px solid #2f363c;box-shadow:inset 0 1px 0 #ffffff0d;opacity:0;animation:a84in .5s ease forwards;animation-delay:calc(var(--i)*70ms)}
@keyframes a84in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.a84-sc-tz{position:relative;flex:0 0 104px;height:78px;border-radius:10px;overflow:hidden;background:radial-gradient(80% 90% at 50% 40%,#14505c,#0e252b 70%,#121719);border:1px solid #22d8ec44;display:flex;align-items:center;justify-content:center}
.a84-sc-tz .ex{position:absolute;right:4px;bottom:2px;font-size:7px;font-style:normal;color:#9fd6de;opacity:.8}
.a84-sc-tx b{display:block;font-size:12px;color:#f3c9a3;letter-spacing:.4px}.a84-sc-tx p{margin:3px 0 5px;font-size:10.5px;line-height:1.4;color:#d2dade}
.a84-sc-tx .st{display:inline-block;font-size:8.5px;font-weight:900;padding:1px 7px;border-radius:9px;border:1px solid #22d8ec88;color:#7ff0ff;box-shadow:0 0 6px #22d8ec44}
.a84-soon-note{font-size:9.5px;color:#8a949b;text-align:center;margin:10px 4px}
.tz{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}
.tz .odd{display:flex;flex-direction:column;align-items:center;padding:3px 8px;border-radius:8px;background:linear-gradient(180deg,#353b41,#202428);border:1px solid #4a5157;border-top-color:#6fdde9;box-shadow:0 -3px 8px -3px #22d8ecaa}
.tz .odd small{font-size:7px;color:#cfd5d9}.tz .odd b{font-size:12px;color:#fff}
.tz-sg{flex-direction:column}.tz-sg .pill{font-size:7px;font-weight:900;color:#f0b88c;border:1px solid #c58a5c;border-radius:8px;padding:1px 5px;box-shadow:0 0 6px #c58a5c66}
.tz-sg .odd{animation:a84flip 3s ease-in-out infinite}.tz-sg .ok{position:absolute;right:12px;top:30px;color:#2fe6a0;font-weight:900;font-size:16px;opacity:0;animation:a84pop 3s ease-in-out infinite;text-shadow:0 0 8px #2fe6a0}
@keyframes a84flip{0%,30%{transform:none}40%,100%{transform:scale(1.08);box-shadow:0 0 14px #22d8ec}}
@keyframes a84pop{0%,55%{opacity:0;transform:scale(.4)}65%,90%{opacity:1;transform:none}100%{opacity:0}}
.tz-rep{align-items:flex-end;padding:10px 14px}.tz-rep i{flex:1;height:var(--h);background:linear-gradient(180deg,#5ae6f3,#0b8fa3);border-radius:3px 3px 0 0;box-shadow:0 0 6px #22d8ec;transform-origin:bottom;animation:a84bar 2.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes a84bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.tz-clock{flex-direction:column}.tz-clock svg{width:48px;height:48px}.tz-clock .r{fill:none;stroke:#2a4a52;stroke-width:4}.tz-clock .sl{fill:#e2a478;opacity:.85;filter:drop-shadow(0 0 4px #e2a478);transform-origin:32px 32px;animation:a84slice 3s ease-in-out infinite}
.tz-clock .hand{stroke:#7ff0ff;stroke-width:2;transform-origin:32px 32px;animation:a84spin 3s linear infinite}.tz-clock b{font-size:10px;color:#ffd7b5}
@keyframes a84spin{to{transform:rotate(360deg)}}@keyframes a84slice{0%,100%{opacity:.35}50%{opacity:1}}
.tz-ai{flex-direction:column;align-items:flex-start;padding:8px;gap:4px}.tz-ai i{display:block;height:4px;border-radius:2px;background:#22d8ec88;width:0;animation:a84type 3.2s ease-in-out infinite}.tz-ai i:nth-child(2){animation-delay:.3s}.tz-ai i:nth-child(3){animation-delay:.6s}
.tz-ai span{font-size:6.8px;line-height:1.3;color:#d9f6fa;opacity:0;animation:a84txt 3.2s ease-in-out infinite}
@keyframes a84type{0%{width:0}40%,100%{width:90%}}@keyframes a84txt{0%,45%{opacity:0}60%,100%{opacity:1}}
.tz-ah{flex-direction:column;gap:6px}.tz-ah div{display:flex;gap:4px;align-items:center;font-size:9px}.tz-ah span{color:#9aa3aa;width:14px}.tz-ah b{color:#fff;background:#1a1d20;border:1px solid #34424c;border-radius:5px;padding:1px 4px}
.tz-ah em{font-style:normal;animation:a84blink 1.4s ease-in-out infinite}.tz-ah .up{color:#2fe6a0}.tz-ah .dn{color:#ff6b6b}
@keyframes a84blink{0%,100%{opacity:.3}50%{opacity:1}}
.tz-map{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:12px}.tz-map i{aspect-ratio:1;border-radius:2px;background:#22d8ec;opacity:var(--o);animation:a84blink 2.4s ease-in-out infinite;animation-delay:var(--d)}
.tz-vit{flex-direction:column;gap:4px}.tz-vit .c{font-size:8px;font-weight:800;color:#fff;background:#1a1d20;border:1px solid #2f8a5a;border-radius:7px;padding:3px 7px;animation:a84slide 3.4s ease-in-out infinite}.tz-vit .c b{color:#2fe6a0}.tz-vit .c2{animation-delay:.4s}
@keyframes a84slide{0%{transform:translateX(-120%);opacity:0}20%,80%{transform:none;opacity:1}100%{transform:translateX(120%);opacity:0}}
.tz-odd{flex-direction:column}.tz-odd em{font-style:normal;font-size:8px;font-weight:900;color:#ff8a80;border:1px solid #a8463f;border-radius:8px;padding:1px 6px;animation:a84blink 1.6s ease-in-out infinite}
.tz-odd .odd b{animation:a84drop 3s ease-in-out infinite}@keyframes a84drop{0%,40%{color:#fff}60%,100%{color:#ff8a80}}
/* KLASİK temada da logonun altında FOOTBALL AI ENABLED */
body .brand>div>small.a84-ai{display:inline-flex!important;align-items:center;gap:4px;margin-top:2px!important;padding:1px 7px 1px 4px;border-radius:10px;border:1px solid #f5d33199;background:#0002;color:#fff!important;font-size:8.5px!important;font-weight:900;letter-spacing:.6px!important;font-style:normal!important;white-space:nowrap}
body .brand>div>small.a84-ai .g{width:9px;height:9px;border-radius:50%;background:#f5d331;display:inline-block}
body .brand>div>small.a84-ai i{font-style:normal;color:#f5d331}
/* GELİŞMİŞ SEÇİM · Uygula ve kapat: sarı yerine tema düğmesi (camgöbeği ışık) */
html[data-a84="siber"] #arena77Panel [data-a77="close"]{background:linear-gradient(180deg,#2a3035,#1c2024)!important;color:#22d8ec!important;border:1px solid #22d8ec!important;box-shadow:0 0 6px #22d8ec55,inset 0 1px 0 #ffffff14!important}

/* MS PUAN · GENEL / İÇ SAHA düğmesi: seçili yazı zeminle aynı renkteydi (Ufuk önizleme 23.10) */
html[data-a84="siber"] .s4-scope button[aria-pressed="true"]{background:#2b3238!important;color:#f2f7f8!important;font-weight:800}
