/* BALIKÇI HANS — TEMA "Kuzey fiyordu" (lacivert + sarı). balikcihans.css'ten SONRA yüklenir; yalnız renkler. Tema paketiyle birlikte TEK yerden üretilir
   (t198/varlik/uret.py); ELLE DÜZENLEMEYİN. */
:root {
  --koyu: #081830; --koyu2: #12305c; --yesil: #f0a81c; --yesil2: #c8780e; --altin: #ffd23c; --altin2: #e8a012; --krem: #fff6d6; --kontur: #2a1a12;
  --kutu-bg: linear-gradient(180deg, #16386a 0%, #0e2548 55%, #081830 100%);
  --golge: 0 calc(var(--u) * 6) calc(var(--u) * 18) rgba(2, 8, 28, .5);
}
html, body { background: #0a1436; }
.yukle { background: radial-gradient(120% 70% at 60% 8%, rgba(58, 255, 176, .45) 0%, rgba(58, 255, 176, 0) 52%), radial-gradient(90% 60% at 20% 20%, rgba(176, 106, 255, .28) 0%, rgba(176, 106, 255, 0) 60%), linear-gradient(180deg, #0a1436 0%, #16306a 46%, #2f8fa8 66%, #081c3e 100%); }
.yk-su { fill: #1c4f7c; }
.yk-sam { fill: #ffd23c; stroke: #1c4fa8; }
.yk-cubuk i { background: linear-gradient(90deg, #f0a81c, #ffe04a); box-shadow: 0 0 10px rgba(255, 224, 74, .7); }
.yk-yazi { text-shadow: 0 2px 4px rgba(2, 8, 28, .7); }
.ikon { background: rgba(8, 24, 56, .6); }
.kare { background: linear-gradient(180deg, #1c3f78 0%, #122c58 50%, #0a1c3c 100%); }
.kare[aria-pressed="true"], .kare.acik { background: linear-gradient(180deg, #f0a81c 0%, #c8780e 100%); }
.cevir { background: radial-gradient(circle at 38% 32%, #fff0a0 0%, #ffc62a 34%, #f0941c 62%, #c86a0e 100%); border-color: #eaf2ff;
  box-shadow: 0 0 0 calc(var(--uf) * 4) #081830, 0 calc(var(--uf) * 10) calc(var(--uf) * 22) rgba(2, 8, 28, .55), inset 0 calc(var(--uf) * -8) calc(var(--uf) * 14) rgba(120, 50, 0, .45); }
.cevir svg { filter: drop-shadow(0 2px 2px rgba(90, 40, 0, .6)); }
#cevirSayi { text-shadow: 0 2px 3px rgba(90, 40, 0, .8); }
.fs-panel { background: linear-gradient(180deg, rgba(18, 48, 92, .95) 0%, rgba(8, 24, 48, .97) 100%); }
.fs-ipucu { color: #cfe0f4 !important; }
.sv.aktif { background: linear-gradient(180deg, #ffc62a 0%, #e0861a 100%); border-color: #fff3b0; }
.satin { background: linear-gradient(180deg, #ffd23c 0%, #f0a81c 45%, #c8780e 100%); border-color: #5a3200; }
.satin small { text-shadow: 0 2px 0 rgba(90, 40, 0, .8); }
body.dik .satin { background: linear-gradient(180deg, #1c3f78 0%, #122c58 100%); border-color: rgba(2, 8, 28, .85); }
.buyuk, .afis { background: radial-gradient(60% 50% at 50% 50%, rgba(6, 16, 48, .5), rgba(4, 10, 32, .8)); }
.af-ic { background: radial-gradient(130% 110% at 50% 0%, rgba(34, 74, 140, .96) 0%, rgba(14, 38, 84, .96) 55%, rgba(8, 20, 48, .97) 100%); }
.btn.yesil { background: linear-gradient(180deg, #ffc62a 0%, #f0941c 50%, #c86a0e 100%); text-shadow: 0 1px 2px rgba(90, 40, 0, .7); }
.btn.gri { background: linear-gradient(180deg, #4d5f80 0%, #34425e 100%); }
.perde { background: rgba(3, 10, 30, .66); }
.pencere { background: linear-gradient(180deg, #14346a 0%, #0a1c3c 100%); border-color: #ffd23c; }
.pn-govde { color: #eaf2ff; }
.secenek button { background: linear-gradient(180deg, #f0a81c, #c8780e); }
.canli-oyuncu { color: #cfe6ff; }
.baglanti { background: rgba(3, 10, 30, .6); }
.bg-ic small { color: #cfe0f4; }
.bildirim.iyi { background: rgba(12, 36, 84, .95); border-color: #ffd23c; }
.yuv { background: linear-gradient(180deg, #ffd23c 0%, #f0a81c 60%, #c8780e 100%); border-color: #5a3200; }
.yuv svg { filter: drop-shadow(0 1px 1px rgba(90, 40, 0, .7)); }
.yk-levha { background: linear-gradient(180deg, #5c4a44 0%, #3a2c2a 55%, #1e1616 100%); }
.yk-cubuk { background: rgba(4, 12, 36, .6); }
.btn { border-color: #5a3200; }
.btn.gri { border-color: #141c30; }
.bg-ic { background: linear-gradient(180deg, #14346a, #0a1c3c); }