/* pozadina */
body{background:var(--bg)!important}
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bgfx-glow{position:absolute;inset:-20%;
  background:
    radial-gradient(38% 34% at 16% 12%,rgba(255,106,43,.24),transparent 70%),
    radial-gradient(34% 30% at 86% 6%,rgba(255,181,71,.13),transparent 70%),
    radial-gradient(44% 40% at 72% 96%,rgba(255,84,40,.12),transparent 70%),
    radial-gradient(30% 30% at 4% 86%,rgba(130,100,255,.08),transparent 70%);
  animation:fl-drift 30s ease-in-out infinite alternate;will-change:transform}
@keyframes fl-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.05)}100%{transform:translate3d(-2%,3%,0) scale(1.02)}}
.bgfx-grid{position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.085) 1px,transparent 1.3px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(120% 70% at 50% 0%,#000 0%,rgba(0,0,0,.45) 40%,transparent 75%);
  mask-image:radial-gradient(120% 70% at 50% 0%,#000 0%,rgba(0,0,0,.45) 40%,transparent 75%)}
.bgfx-mark{position:absolute;right:-90px;bottom:-110px;width:560px;height:560px;background:url(/favicon.svg) no-repeat center/contain;opacity:.045;transform:rotate(-12deg);filter:blur(1px)}
.bgfx-embers{position:absolute;inset:0;width:100%;height:100%}
:root[data-theme="light"] .bgfx-glow{opacity:.5}
:root[data-theme="light"] .bgfx-grid{background-image:radial-gradient(rgba(16,22,40,.11) 1px,transparent 1.3px)}
:root[data-theme="light"] .bgfx-mark{opacity:.06}
:root[data-fx="off"] .bgfx-embers{display:none}
:root[data-fx="off"] .bgfx-glow{animation:none}
@media (prefers-reduced-motion:reduce){.bgfx-glow{animation:none}}
@media (max-width:760px){.bgfx-mark{width:340px;height:340px;right:-70px;bottom:-70px}}

/* paneli blago prozirni da se pozadina nazire */
:root .panel,:root .livecard,:root .hero,:root .statrow div{background-color:color-mix(in srgb,var(--panel) 88%,transparent)}
:root .col{background-color:color-mix(in srgb,var(--panel) 92%,transparent)}
:root .col.chat{background-color:color-mix(in srgb,var(--bg2) 88%,transparent)}
:root .authcard{background-color:color-mix(in srgb,var(--panel) 90%,transparent)}
[data-fx-toggle][aria-pressed="false"]{opacity:.55}