/* ZockerBande FX - Animationen. Alles abschaltbar: prefers-reduced-motion wird beachtet. */
#fx-embers{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}
.site-top,.layout,.site-foot{position:relative;z-index:1}
.site-top{z-index:50}
.theme-switcher-panel{z-index:1000;max-height:min(70vh,520px);overflow:auto}
.theme-switcher-list{max-height:none}

/* Live-Banner */
.live-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:center;background:linear-gradient(120deg,rgba(8,124,189,.22),rgba(6,20,34,.95));border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:0 0 14px}
.live-item{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}
.live-item b{font-size:1.9rem;color:var(--cyan);text-shadow:0 0 14px rgba(37,223,255,.45);font-variant-numeric:tabular-nums}
.live-item span,.live-item i{font-size:.78rem;color:var(--muted);font-style:normal}
.live-pulse{width:10px;height:10px;border-radius:50%;background:var(--ok);margin-bottom:4px}
.live-ticker{grid-column:1/-1;position:relative;height:1.7em;overflow:hidden;text-align:center;border-top:1px solid rgba(37,223,255,.15);padding-top:8px;margin-top:2px}
.live-kill{position:absolute;left:0;right:0;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;font-size:.9rem}
.live-kill.on{opacity:1;transform:none}
.live-kill.tier-alpha b{color:#ffcc4d}.live-kill.tier-beta b{color:#b58cff}.live-kill.tier-gamma b{color:#6fe3a0}

/* Boss-Ruhmeshalle */
.hof-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin:1rem 0 1.4rem}
.hof-pod{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:12px;padding:18px 10px;text-align:center;transition:transform .25s,box-shadow .25s}
.hof-pod .medal{font-size:2.4rem;display:block}
.hof-pod b.name{display:block;font-size:1.05rem;margin:.3rem 0 .1rem;word-break:break-word}
.hof-pod .val{color:var(--cyan);font-weight:700;font-size:1.3rem}
.hof-pod.p1{padding-top:34px;padding-bottom:30px;border-color:#ffcc4d;box-shadow:0 0 26px rgba(255,204,77,.25)}
.hof-pod.p1 .val{color:#ffcc4d}.hof-pod.p2{border-color:#c9d6df}.hof-pod.p3{border-color:#d38b57}
.hof-bar{display:flex;align-items:center;gap:10px;margin:7px 0}
.hof-bar .rk{width:2.2em;text-align:right;color:var(--muted)}
.hof-bar .nm{flex:0 0 38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.hof-bar .tr{flex:1;height:12px;background:rgba(0,0,0,.35);border-radius:8px;overflow:hidden}
.hof-bar .tr i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:8px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.hof-bar .vl{width:4.5em;font-variant-numeric:tabular-nums}
.botw{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid #ffcc4d;border-radius:12px;padding:16px 20px;background:linear-gradient(120deg,rgba(255,204,77,.12),rgba(0,0,0,.2));box-shadow:0 0 28px rgba(255,204,77,.15)}
.botw .ico{font-size:2.6rem}
@media(max-width:640px){.hof-podium{grid-template-columns:1fr}.hof-bar .nm{flex-basis:45%}}

@media (prefers-reduced-motion:reduce){#fx-embers{display:none}}
.wheel-card{text-align:center}
.wheel-pool{display:inline-flex;flex-direction:column;align-items:center;padding:12px 34px;border:1px solid #ffcc4d;border-radius:14px;background:linear-gradient(120deg,rgba(255,204,77,.14),rgba(0,0,0,.25));box-shadow:0 0 28px rgba(255,204,77,.2);margin-bottom:16px}
.wheel-pool small{letter-spacing:3px;color:#ffcc4d}
.wheel-pool b{font-size:clamp(2rem,6vw,3.2rem);color:#ffcc4d;text-shadow:0 0 18px rgba(255,204,77,.6);font-variant-numeric:tabular-nums;line-height:1.1}
.wheel-pool span{color:var(--muted);font-size:.8rem}
.wheel-stage{position:relative;width:min(420px,88vw);margin:6px auto 12px}
.wheel-stage canvas{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 0 34px rgba(37,223,255,.35);will-change:transform}
.wheel-pointer{position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #ffcc4d;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}
.wheel-hub{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#04101a;border:3px solid var(--cyan);display:flex;align-items:center;justify-content:center;font-size:1.6rem;z-index:2}
.wheel-msg{min-height:1.8em;font-size:1.15rem;font-weight:700}
.wheel-msg.win{color:var(--ok)}.wheel-msg.bad{color:var(--bad)}.wheel-msg.jp{color:#ffcc4d;font-size:1.5rem;text-shadow:0 0 16px rgba(255,204,77,.7)}
.wheel-btn{font-size:1.15rem;padding:14px 34px}
.wheel-btn:disabled{opacity:.6;cursor:wait}
.wheel-bal{margin:.4rem 0}
/* Cluster-Netz */
.knet{max-width:900px;margin:0 auto}
.knet svg{width:100%;height:auto;display:block}
.kn-line{stroke:#1c536c;stroke-width:2;stroke-dasharray:5 6}
.kn-line.st-online{stroke:#25dfff;stroke-opacity:.55}
.kn-line.st-offline{stroke:#ff5a5a;stroke-opacity:.35}
.kn-hub{fill:#06121d;stroke:#25dfff;stroke-width:2}
.kn-hub-ring{fill:none;stroke:rgba(37,223,255,.25);stroke-width:8}
.kn-hub-t1{fill:#fff;font:900 16px Arial;letter-spacing:2px}
.kn-hub-t2{fill:#25dfff;font:700 20px Arial}
.kn-node{cursor:pointer}
.kn-node circle{fill:#071a29;stroke:#7a8a96;stroke-width:3;transition:stroke-width .15s,fill .15s}
.kn-node.st-online circle{stroke:#36ef8b}
.kn-node.st-offline circle{stroke:#ff5a5a}
.kn-node.st-maint circle{stroke:#ffb347}
.kn-node.primal circle{fill:#201a07}
.kn-node.primal.st-online circle{stroke:#ffcc4d}
.kn-node:hover circle,.kn-node:focus circle{stroke-width:7;fill:#0d3350}
.kn-num{fill:#fff;font:900 24px Arial}
.kn-name{fill:#eaf7ff;font:700 14px Arial}
.knet-legend{text-align:center;font-size:.85rem}
.knet-legend .lg{display:inline-block;width:11px;height:11px;border-radius:50%;margin:0 4px 0 10px;border:2px solid}
.lg.on{border-color:#36ef8b}.lg.off{border-color:#ff5a5a}.lg.mt{border-color:#ffb347}.lg.pf{border-color:#ffcc4d}
.knet-info{display:none;margin-top:14px}
.knet-info:target{display:block}
.knet-info-hint{text-align:center;margin:10px 0}
.knet-info:target ~ .knet-info-hint{display:none}
.knet-info-hint:has(~ .knet-info:target){display:none}

/* Glücksrad-Admin */
.wa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.wa-grid label{display:flex;flex-direction:column;gap:3px;font-weight:700}
.wa-grid label small{font-weight:400;color:var(--muted)}
.wa-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#0a1520;margin:6px 0 12px;border:1px solid var(--line)}
.wa-bar i{display:block;height:100%;min-width:2px}
.wa-table select,.wa-table input{width:100%;max-width:230px}
.wa-table .wa-val,.wa-table .wa-w{max-width:110px}
.wa-pct{white-space:nowrap;font-variant-numeric:tabular-nums}
.wa-rtp{padding:10px 14px;border-radius:8px;border:1px solid var(--line);margin:8px 0}
.wa-rtp.ok{border-color:#36ef8b;background:rgba(54,239,139,.08)}
.wa-rtp.bad{border-color:#ff5a5a;background:rgba(255,90,90,.1)}