/* Ausgelagert aus gamenight.html inline <style>-Bloecken (Phase 1 Modularisierung). */
/* Reihenfolge = Original-Dokumentreihenfolge (Cascade-Tie-Break relevant). */
/* 14 Bloecke, die per getElementById() von rbc759-one-reel-layout-only-script */
/* angesteuert werden, liegen NICHT hier, sondern einzeln in assets/css/blocks/ */
/* und bleiben als <link id=...> an ihrer urspruenglichen Position in gamenight.html. */

/* ==== Block 1/140 - urspruenglich gamenight.html Zeile 111: <style> ==== */
html.rbc-obs-view-early .header,
html.rbc-obs-view-early .tabs,
html.rbc-obs-view-early .mode-toggle{ display:none!important; }
html.rbc-obs-view-early .panel{ display:none!important; }

/* ==== Block 2/140 - urspruenglich gamenight.html Zeile 117: <style> ==== */
html.rbc-obs-chrome-hide .header,
html.rbc-obs-chrome-hide .tabs,
html.rbc-obs-chrome-hide .mode-toggle,
html.rbc-obs-chrome-hide #rbcMonitorProfileBar{ display:none!important; }

/* ==== Block 3/140 - urspruenglich gamenight.html Zeile 123: <style> ==== */
:root {
  --bg:#06030f; --surface:#0d0820; --surface2:#130d2a;
  --magenta:#ff3aa2; --green:#4cff88; --gold:#d9b45b;
  --silver:#c0c0c0; --bronze:#cd7f32; --red:#ff4060;
  --muted:rgba(245,240,255,0.4); --text:#f5f0ff;
  --mono:'Share Tech Mono',monospace; --display:'Permanent Marker',cursive; --head:'Russo One',sans-serif;
  --gm:0 0 18px rgba(255,58,162,0.6); --gg:0 0 18px rgba(76,255,136,0.6);
  --border:1px solid rgba(255,58,162,0.22);
}
/* rbc917 (2026-07-06): Duplikat der rbc784-Regel weiter unten (Zeile ~47446).
   Das Original steht in einem <style>-Block mitten im <body>, hinter ~47000
   Zeilen Markup/CSS - der Browser rendert die Tab-Leiste beim Laden/Reload
   bereits, BEVOR dieser späte Block geparst ist, wodurch der alte
   "Abschluss"-Tab kurz aufblitzt (FOUC). Früh im <head> greift die Regel
   schon vor dem ersten Paint. */
.tabs > button:nth-child(7){ display:none!important; }
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,58,162,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,58,162,0.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0;}
/* rbc-momat-bg-safety-net (2026-07-21): globale Fallback-Ebene hinter allen
   Panels. Grund: eine OBS-Browser-Source rendert die Seite oft in einer
   Canvas-Hoehe, die groesser ist als der tatsaechliche Seiteninhalt (z.B.
   #panel-luckyslot hat eine feste Hoehe, die nicht jede konfigurierte
   Source-Aufloesung ausfuellt) - darunter/daneben war bisher nur
   body{background:var(--bg)} (fast schwarz) sichtbar ("schwarzer Balken").
   position:fixed + dieselbe Datei/Deckung wie #panel-spinwheel::before
   (Gluecksrad) sorgt dafuer, dass ueberall wo kein Panel-Inhalt liegt,
   dieselbe Szene statt Schwarz zu sehen ist - unabhaengig von der
   konkreten OBS-Source-Aufloesung. z-index:-1, damit es hinter jedem
   normal positionierten Inhalt bleibt (Header/Panels haben eigene
   z-index-Werte >=1). */
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(32,8,30,.50), rgba(14,10,40,.40) 58%, rgba(10,18,42,.40)),
    url('/assets/luckyslot_outer_bg_user_v664.png') center center / cover no-repeat;
  filter:saturate(.98) brightness(.88);
}

/* HEADER */
.header{position:relative;z-index:10;padding:20px 40px;border-bottom:1px solid rgba(255,58,162,0.2);display:flex;align-items:center;justify-content:space-between;background:rgba(6,3,15,0.95);}
.logo{font-family:var(--display);font-size:28px;color:var(--magenta);text-shadow:var(--gm);}
.logo span{font-size:12px;font-family:var(--mono);letter-spacing:4px;color:var(--muted);display:block;margin-top:2px;}
.mode-toggle{display:flex;gap:8px;}
.mode-btn{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:9px 20px;border:1px solid rgba(255,58,162,0.3);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;}
.mode-btn.active{background:rgba(255,58,162,0.14);border-color:var(--magenta);color:var(--magenta);box-shadow:var(--gm);}
.mode-btn:hover:not(.active){border-color:rgba(255,58,162,0.5);color:var(--text);}

/* TABS */
.tabs{position:relative;z-index:10;display:flex;border-bottom:1px solid rgba(255,58,162,0.18);background:rgba(6,3,15,0.85);}
.tab{font-family:var(--mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;padding:13px 26px;border:none;background:transparent;color:#fff;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;}
.tab.active{color:var(--magenta);border-bottom-color:var(--magenta);}
.tab:hover:not(.active){color:var(--text);}
.tab svg{width:14px;height:14px;opacity:.7;}
.tab.active svg{opacity:1;}
.tbadge{background:var(--magenta);color:#000;font-size:9px;border-radius:10px;padding:1px 6px;display:none;}

/* CONTENT */
.content{position:relative;z-index:5;padding:28px 40px;}
.panel{display:none;}.panel.active{display:block;}
.sec{font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sec::after{content:'';flex:1;height:1px;background:rgba(255,58,162,0.15);}
.divider{height:1px;background:rgba(255,58,162,0.12);margin:24px 0;}

/* BUTTONS */
.btn{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;border:1px solid rgba(255,58,162,0.38);border-radius:9px;background:rgba(255,58,162,0.09);color:var(--magenta);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:7px;}
.btn:hover{background:rgba(255,58,162,0.18);box-shadow:var(--gm);border-color:var(--magenta);}
.btn.g{border-color:rgba(76,255,136,0.38);background:rgba(76,255,136,0.09);color:var(--green);}
.btn.g:hover{background:rgba(76,255,136,0.18);box-shadow:var(--gg);}
.btn.ghost{background:transparent;color:var(--muted);border-color:rgba(255,255,255,0.1);}
.btn.ghost:hover{color:var(--text);border-color:rgba(255,255,255,0.25);}
.btn:disabled{opacity:.3;cursor:not-allowed;}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}

/* PLAYER GRID */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;margin-bottom:28px;}
.pcard{display:flex;align-items:center;gap:11px;padding:11px 14px;background:var(--surface);border:1px solid rgba(255,58,162,0.13);border-radius:11px;cursor:pointer;transition:all .2s;user-select:none;}
.pcard:hover{border-color:rgba(255,58,162,0.38);background:var(--surface2);}
.pcard.sel{border-color:var(--green);background:rgba(76,255,136,0.055);box-shadow:0 0 14px rgba(76,255,136,0.12);}
.pcard .av{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,58,162,0.35);object-fit:cover;flex-shrink:0;background:var(--surface2);}
.pcard.sel .av{border-color:var(--green);}
.pcard .nm{font-family:var(--head);font-size:12px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:115px;}
.pcard .el{font-size:10px;color:var(--muted);margin-top:2px;}
.pcard .ck{margin-left:auto;flex-shrink:0;width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s;}
.pcard.sel .ck{background:var(--green);border-color:var(--green);color:#000;}
.pcnt{font-size:11px;color:var(--muted);margin-bottom:18px;}
.pcnt b{color:var(--green);}

/* MATCH CARDS */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:14px;margin-bottom:20px;}
.mcard{background:var(--surface);border:1px solid rgba(255,58,162,0.18);border-radius:13px;padding:15px 18px;transition:all .2s;}
.mcard.won{border-color:rgba(76,255,136,0.28);}
.mcard.loser-bracket{border-color:rgba(255,160,0,0.28);background:rgba(255,140,0,0.04);}
.mcard.grand-final{border-color:rgba(255,215,0,0.5);background:rgba(255,215,0,0.05);box-shadow:0 0 24px rgba(255,215,0,0.12);}
.mcard.grand-final .vsdot{color:#ffd700;font-size:24px;}
.mcard.reset-match{border-color:rgba(255,140,0,0.5);background:rgba(255,100,0,0.05);box-shadow:0 0 20px rgba(255,140,0,0.1);}
.mcard.loser-bracket .match-type-badge,.mcard.grand-final .match-type-badge,.mcard.reset-match .match-type-badge{display:inline-block;}
.match-type-badge{display:none;font-size:9px;letter-spacing:2px;color:#ff9000;background:rgba(255,140,0,0.12);border:1px solid rgba(255,140,0,0.28);border-radius:4px;padding:2px 7px;text-transform:uppercase;}
.mhdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;}
.mnum{font-size:10px;letter-spacing:3px;color:var(--muted);}
.mapbadge{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:rgba(217,180,91,0.07);border:1px solid rgba(217,180,91,0.22);border-radius:6px;padding:3px 9px;cursor:pointer;white-space:nowrap;}
.mapbadge:hover{background:rgba(217,180,91,0.14);}
.mplayers{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:6px;}
.mpl{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:all .2s;}
.mpl:hover{background:rgba(255,255,255,0.035);border-color:rgba(255,255,255,0.09);}
.mpl.win{background:rgba(76,255,136,0.07);border-color:var(--green);box-shadow:0 0 10px rgba(76,255,136,0.12);}
.mpl.lose{opacity:.42;}
.mpl .mav{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,58,162,0.28);background:var(--surface2);flex-shrink:0;}
.mpl.win .mav{border-color:var(--green);}
.mpl .mpn{font-family:var(--head);font-size:12px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:115px;}
.mpl.right{flex-direction:row-reverse;text-align:right;}
.vsdot{text-align:center;font-family:var(--display);font-size:18px;color:var(--magenta);}
.vsdot .rbc-vs-s{color:#12d6ff;}
.wtag{text-align:center;margin-top:8px;font-size:10px;letter-spacing:3px;color:var(--green);text-transform:uppercase;}

/* BRACKET */
.bracket-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;}
.bracket-col-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.07);}
/* BRACKET TREE */
.btree{display:flex;gap:0;align-items:flex-start;min-width:max-content;}
.bround{display:flex;flex-direction:column;justify-content:space-around;min-width:220px;position:relative;}
.bround-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.06);}
.bround-label.wb{color:var(--green);}
.bround-label.lb{color:#ff9000;}
.bround-label.gf{color:#ffd700;}
.bnode{margin:8px 0;position:relative;}
.bnode-card{background:var(--surface);border:1px solid rgba(255,58,162,0.2);border-radius:10px;overflow:hidden;width:200px;}
.bnode-card.wb-card{border-color:rgba(76,255,136,0.2);}
.bnode-card.lb-card{border-color:rgba(255,140,0,0.25);}
.bnode-card.gf-card{border-color:rgba(255,215,0,0.4);box-shadow:0 0 18px rgba(255,215,0,0.1);}
.bnode-card.reset-card{border-color:rgba(255,100,0,0.4);box-shadow:0 0 16px rgba(255,100,0,0.08);}
.bslot{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;transition:background .15s;min-height:44px;}
.bslot:hover{background:rgba(255,255,255,0.03);}
.bslot.bwin{background:rgba(76,255,136,0.08);}
.bslot.blose{opacity:.42;}
.bslot+.bslot{border-top:1px solid rgba(255,255,255,0.06);}
.bslot .bav{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,58,162,0.3);flex-shrink:0;background:var(--surface2);}
.bslot.bwin .bav{border-color:var(--green);}
.bslot .bseed{font-size:9px;color:var(--muted);flex-shrink:0;width:14px;}
.bslot .bname{font-family:var(--head);font-size:11px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
.bslot .bwmark{font-size:12px;margin-left:auto;flex-shrink:0;}
.bmap{padding:4px 10px;background:rgba(217,180,91,0.06);border-top:1px solid rgba(217,180,91,0.12);font-size:9px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.bmap:hover{background:rgba(217,180,91,0.12);}
/* connector lines */
.bconn{position:absolute;right:-32px;top:50%;width:32px;height:2px;background:rgba(255,58,162,0.2);pointer-events:none;}
.bconn.green{background:rgba(76,255,136,0.25);}
.bconn.orange{background:rgba(255,140,0,0.25);}
.bconn.gold{background:rgba(255,215,0,0.3);}
.btee{position:absolute;right:-32px;width:32px;pointer-events:none;}
.bye-slot{display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:44px;opacity:.3;font-size:10px;letter-spacing:2px;color:var(--muted);}

.bracket-col-label.winners{color:var(--green);}
.bracket-col-label.losers{color:#ff9000;}

/* STANDINGS TABLE */
.stbl{border-collapse:collapse;width:100%;font-size:12px;}
.stbl th{padding:9px 14px;text-align:left;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(255,58,162,0.18);white-space:nowrap;}
.stbl td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:middle;}
.stbl tr:hover td{background:rgba(255,255,255,0.018);}
.rn{color:var(--muted);font-size:11px;}
.pcell{display:flex;align-items:center;gap:9px;}
.pcell img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,58,162,0.28);}
.pcell .pn{font-family:var(--head);font-size:12px;text-transform:uppercase;}
.wv{color:var(--green);font-family:var(--head);font-size:15px;}
.lv{color:rgba(255,80,100,.8);}
.wrb{display:flex;align-items:center;gap:8px;}
.wrt{height:4px;background:rgba(255,255,255,.09);border-radius:2px;width:72px;}
.wrf{height:100%;border-radius:2px;background:var(--green);transition:width .4s;}
.form-dots{display:flex;gap:4px;}
.fdot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.1);}
.fdot.w{background:var(--green);}
.fdot.l{background:var(--red);}

/* H2H MATRIX */
.mtx{border-collapse:collapse;font-size:11px;}
.mtx th,.mtx td{padding:7px 11px;text-align:center;border:1px solid rgba(255,255,255,0.055);white-space:nowrap;}
.mtx th{color:var(--muted);font-size:9px;letter-spacing:2px;}
.mtx .rl{text-align:left;color:var(--text);font-family:var(--head);font-size:10px;}
.mtx .wc{background:rgba(76,255,136,.11);color:var(--green);}
.mtx .lc{background:rgba(255,80,100,.07);color:rgba(255,80,100,.75);}
.mtx .sc{background:rgba(255,255,255,.025);color:var(--muted);}
.mtx .ec{color:rgba(255,255,255,.13);}

/* PODEST */
.podest{display:flex;align-items:flex-end;justify-content:center;gap:0;margin:32px auto 48px;max-width:640px;}
.podest-slot{display:flex;flex-direction:column;align-items:center;flex:1;}
.podest-avatar{border-radius:50%;object-fit:cover;border:3px solid;display:block;margin:0 auto 10px;}
.podest-name{font-family:var(--head);font-size:13px;text-transform:uppercase;text-align:center;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
.podest-stat{font-size:10px;letter-spacing:2px;color:var(--muted);text-align:center;margin-bottom:10px;}
.podest-block{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-size:28px;}
/* 1st */
.podest-slot.p1 .podest-avatar{width:90px;height:90px;border-color:var(--gold);box-shadow:0 0 24px rgba(217,180,91,.55);}
.podest-slot.p1 .podest-name{font-size:15px;color:var(--gold);}
.podest-slot.p1 .podest-block{height:110px;background:linear-gradient(180deg,rgba(217,180,91,.18),rgba(217,180,91,.06));border:1px solid rgba(217,180,91,.35);}
/* 2nd */
.podest-slot.p2 .podest-avatar{width:76px;height:76px;border-color:var(--silver);box-shadow:0 0 18px rgba(192,192,192,.4);}
.podest-slot.p2 .podest-name{color:var(--silver);}
.podest-slot.p2 .podest-block{height:80px;background:linear-gradient(180deg,rgba(192,192,192,.12),rgba(192,192,192,.04));border:1px solid rgba(192,192,192,.25);}
/* 3rd */
.podest-slot.p3 .podest-avatar{width:66px;height:66px;border-color:var(--bronze);box-shadow:0 0 14px rgba(205,127,50,.4);}
.podest-slot.p3 .podest-name{color:var(--bronze);}
.podest-slot.p3 .podest-block{height:56px;background:linear-gradient(180deg,rgba(205,127,50,.12),rgba(205,127,50,.04));border:1px solid rgba(205,127,50,.22);}

/* MVP CARDS */
.mvp-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;}
.mvpc{background:var(--surface);border:var(--border);border-radius:14px;padding:24px;text-align:center;position:relative;overflow:hidden;}
.mvpc::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,58,162,.07),transparent 68%);pointer-events:none;}
.mvpc-icon{font-size:28px;margin-bottom:8px;}
.mvpc-lbl{font-size:10px;letter-spacing:4px;color:var(--magenta);margin-bottom:14px;opacity:.8;text-transform:uppercase;}
.mvpc-av{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--magenta);box-shadow:var(--gm);margin:0 auto 10px;display:block;background:var(--surface2);}
.mvpc-nm{font-family:var(--display);font-size:22px;text-shadow:0 0 18px rgba(255,58,162,.4);margin-bottom:6px;}
.mvpc-st{font-size:11px;color:var(--muted);letter-spacing:2px;}
.mvpc-st b{color:var(--green);}

/* SESSION LOG */
.slog{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;}
.slog-item{background:var(--surface);border:var(--border);border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:11px;}
.slog-item img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--green);}
.slog-item .wn{color:var(--green);font-family:var(--head);font-size:11px;}
.slog-item .vs2{color:var(--muted);margin:0 2px;}
.slog-item .map2{margin-left:auto;color:var(--gold);font-size:9px;white-space:nowrap;}

/* TOAST */
.toast{position:fixed;bottom:22px;right:22px;background:var(--surface2);border:var(--border);border-radius:9px;padding:11px 18px;font-size:11px;letter-spacing:1px;z-index:999;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none;}
.toast.show{opacity:1;transform:none;}

/* EMPTY */
.empty{text-align:center;padding:52px 20px;color:var(--muted);font-size:11px;letter-spacing:2px;}
.empty-icon{font-size:36px;margin-bottom:14px;opacity:.35;}

/* v242 sauberer Turnierbaum */
.bracket-v242{display:flex;gap:42px;align-items:flex-start;min-width:max-content;padding:8px 8px 28px;}
.bracket-column-v242{min-width:240px;position:relative;}
.bracket-column-v242:not(:last-child)::after{content:'';position:absolute;right:-25px;top:58px;bottom:34px;width:2px;background:linear-gradient(180deg,transparent,rgba(255,58,162,.45),transparent);box-shadow:0 0 10px rgba(255,58,162,.35);}
.bracket-round-title-v242{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 16px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.bracket-round-title-v242.wb{color:var(--green)}
.bracket-round-title-v242.lb{color:#ff9000}
.bracket-round-title-v242.gf{color:#ffd700}
.bracket-stack-v242{display:flex;flex-direction:column;gap:24px;position:relative;}
.bracket-node-v242{position:relative;}
.bracket-node-v242:not(:last-child)::after{content:'';position:absolute;right:-42px;top:50%;width:42px;height:2px;background:rgba(255,58,162,.36);box-shadow:0 0 8px rgba(255,58,162,.25);}
.bracket-node-v242 .bnode-card{width:240px;}
.bracket-bye-v242{border:1px dashed rgba(255,255,255,.13);border-radius:10px;padding:16px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px;background:rgba(255,255,255,.025)}
.mcard.invalid-v242{display:none!important;}


/* v429 RETROBOYS: GameNight-Grafik als Reiter direkt neben Tabelle */
.rbc429-graphic-shell{
  border:1px solid rgba(255,58,162,.24);
  border-radius:16px;
  background:rgba(5,2,12,.78);
  box-shadow:0 0 22px rgba(255,58,162,.10);
  overflow:hidden;
}
.rbc429-graphic-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 14px;border-bottom:1px solid rgba(255,58,162,.18);
  background:rgba(255,58,162,.045);
}
.rbc429-graphic-note{font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;}
.rbc429-graphic-viewport{
  position:relative;height:calc(100vh - 190px);min-height:620px;
  overflow:hidden;background:#020008;
}
#rbc429GraphicFrame{
  width:100%;height:100%;border:0;display:block;background:#020008;
}



/* v442 RETROBOYS: OBS-Interagieren Zoom direkt in GameNight + Mausrad */
:root{--rbc441-zoom:1;}
#rbc441ZoomStage{zoom:var(--rbc441-zoom);}
.rbc441-zoom-panel{
  position:fixed;right:18px;bottom:18px;z-index:10000;
  display:flex;align-items:center;gap:7px;
  padding:8px 10px;border-radius:12px;
  border:1px solid rgba(255,58,162,.32);
  background:rgba(6,3,15,.82);
  box-shadow:0 0 20px rgba(255,58,162,.18);
  backdrop-filter:blur(8px);
  opacity:.38;transition:opacity .16s, transform .16s;
}
.rbc441-zoom-panel:hover{opacity:1;transform:translateY(-1px);}
.rbc441-zoom-panel .rbc441-label{
  font-family:var(--mono);font-size:10px;letter-spacing:1.8px;
  color:var(--muted);text-transform:uppercase;margin-right:2px;
}
.rbc441-zoom-panel button{
  font-family:var(--mono);font-size:11px;letter-spacing:1.2px;
  color:var(--text);background:rgba(255,255,255,.045);
  border:1px solid rgba(255,58,162,.22);border-radius:8px;
  padding:7px 10px;cursor:pointer;min-width:34px;
}
.rbc441-zoom-panel button:hover{border-color:var(--magenta);color:var(--magenta);background:rgba(255,58,162,.10);}
#rbc441ZoomValue{
  font-family:var(--mono);font-size:11px;min-width:44px;text-align:center;
  color:var(--green);letter-spacing:1px;
}
@supports not (zoom: 1){
  #rbc441ZoomStage{
    transform:scale(var(--rbc441-zoom));
    transform-origin:top left;
    width:calc(100% / var(--rbc441-zoom));
  }
}


/* v443 RETROBOYS: OBS-Interagieren Feinschliff */
html, body{overflow:auto!important;}
#rbc441ZoomStage{min-width:100%;min-height:100vh;}
.rbc441-zoom-panel{opacity:.56;flex-wrap:wrap;max-width:330px;}
.rbc441-zoom-panel .rbc443-sep{width:1px;height:24px;background:rgba(255,58,162,.25);margin:0 2px;}
.rbc441-zoom-panel .rbc443-scroll-label{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;}
.rbc441-zoom-panel button.rbc443-mini{min-width:30px;padding:7px 8px;}
#panel-mvp .mvpc{padding:18px 20px;}
#panel-mvp .mvpc-nm{
  font-family:var(--head);font-size:clamp(12px,1.15vw,18px)!important;
  line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  letter-spacing:.5px;display:block;margin:4px auto 6px;
}
#panel-mvp .mvpc-st{white-space:nowrap;font-size:11px;}
#panel-mvp .mvp-row{gap:22px;}
#panel-mvp .podest-name{font-size:12px;max-width:150px;}
/* Grafik-Reiter: Ersatzbank/Spielerpool aus der eingebetteten Result-Grafik ausblenden, Fläche zentrieren */
#panel-graphic .rbc429-graphic-viewport{height:calc(100vh - 170px);min-height:680px;}



/* v447 RETROBOYS: Grafik-Autozoom + Abschluss-Sieger klarer */
#panel-mvp .mvp-row .mvpc:first-child{
  border-color:rgba(255,220,74,.58)!important;
  background:
    radial-gradient(ellipse at 50% 20%,rgba(255,220,74,.16),transparent 62%),
    linear-gradient(180deg,rgba(255,58,162,.10),rgba(20,8,44,.86))!important;
  box-shadow:0 0 24px rgba(255,220,74,.16),0 0 34px rgba(255,58,162,.12)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-icon{
  font-size:24px!important;
  margin-bottom:5px!important;
  filter:drop-shadow(0 0 8px rgba(255,220,74,.75));
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av{
  width:72px!important;
  height:72px!important;
  border-color:var(--gold)!important;
  box-shadow:0 0 22px rgba(255,220,74,.52),0 0 30px rgba(255,58,162,.22)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm{
  max-width:310px!important;
  font-size:clamp(12px,1.08vw,17px)!important;
  color:#fff7b2!important;
  text-shadow:0 0 12px rgba(255,220,74,.55),0 0 20px rgba(255,58,162,.36)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st{
  color:rgba(255,255,255,.82)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st b{
  color:var(--green)!important;
  text-shadow:0 0 10px rgba(76,255,136,.45)!important;
}
#panel-mvp .mvpc{
  justify-content:space-evenly!important;
}
#panel-mvp .rbc272-game-main .rbc448-winner{
  color:#fff7b2!important;
  text-shadow:0 0 10px rgba(255,220,74,.28),0 0 16px rgba(76,255,136,.18)!important;
}
#panel-mvp .rbc272-game-main .rbc448-loser{
  color:rgba(255,255,255,.88)!important;
  opacity:.82;
}
#panel-mvp .rbc272-game-win{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#panel-mvp .rbc272-game-win .rbc448-winpill{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(76,255,136,.36)!important;
  background:linear-gradient(180deg, rgba(76,255,136,.14), rgba(76,255,136,.06))!important;
  color:#b9ffd1!important;
  font-size:7.5px!important;
  letter-spacing:.08em!important;
  box-shadow:0 0 10px rgba(76,255,136,.12)!important;
}
#panel-mvp .rbc272-game-win strong{
  color:#4cff88!important;
  font-size:13px!important;
  letter-spacing:.03em!important;
  text-shadow:0 0 10px rgba(76,255,136,.24)!important;
}

#panel-graphic::before{
  content:'Grafik-Ansicht nutzt 90% Standard-Zoom (Strg+Mausrad)';
  display:block;
  margin:0 0 10px 2px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}

/* v446 RETROBOYS: Abschluss-Feinschliff */
#panel-mvp{
  padding-bottom:96px;
}
#panel-mvp .mvp-row{
  align-items:stretch!important;
}
#panel-mvp .mvpc{
  height:178px!important;
  min-height:178px!important;
  max-height:178px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#panel-mvp .mvpc-av{
  flex:0 0 auto!important;
}
#panel-mvp .mvpc-nm{
  width:100%!important;
  max-width:260px!important;
  min-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
#panel-mvp .mvpc-st{
  width:100%!important;
  max-width:280px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
#panel-mvp .divider{
  margin:34px 0 24px!important;
}
#panel-mvp #slog,
#panel-mvp .slog{
  margin-top:12px!important;
}
#panel-mvp .slog-item{
  min-height:34px!important;
}
#panel-mvp #allGames{
  margin-top:34px!important;
}
#panel-mvp #allGames h3,
#panel-mvp .rbc272-games h3{
  margin-top:0!important;
}
@media (min-width: 1380px){
  #panel-mvp .mvp-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width: 1379px){
  #panel-mvp .mvpc{
    height:168px!important;
    min-height:168px!important;
  }
}

/* v445 RETROBOYS: Abschluss kompakter + Pool in Fokus-Tabs ausblenden */
body.rbc445-hide-pool #rbc-player-pool-266,
body.rbc445-hide-pool #rbc-free-tools-266{display:none!important;}
#panel-mvp .podest{margin:16px auto 24px;max-width:560px;gap:8px;}
#panel-mvp .podest-slot.p1 .podest-avatar{width:78px;height:78px;}
#panel-mvp .podest-slot.p2 .podest-avatar{width:68px;height:68px;}
#panel-mvp .podest-slot.p3 .podest-avatar{width:60px;height:60px;}
#panel-mvp .podest-slot.p1 .podest-block{height:92px!important;}
#panel-mvp .podest-slot.p2 .podest-block{height:68px!important;}
#panel-mvp .podest-slot.p3 .podest-block{height:48px!important;}
#panel-mvp .mvp-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;}
#panel-mvp .mvpc{padding:14px 14px;min-height:160px;}
#panel-mvp .mvpc-icon{font-size:22px;margin-bottom:4px;}
#panel-mvp .mvpc-lbl{font-size:9px;letter-spacing:3px;margin-bottom:8px;}
#panel-mvp .mvpc-av{width:62px;height:62px;margin-bottom:6px;}
#panel-mvp .mvpc-nm{font-family:var(--head)!important;font-size:clamp(10px,.9vw,14px)!important;line-height:1.02!important;letter-spacing:.2px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px auto 4px;}
#panel-mvp .mvpc-st{font-size:10px!important;letter-spacing:1.1px!important;white-space:nowrap;}
#panel-mvp .sec{margin-bottom:10px;}
@media (max-width: 1280px){#panel-mvp .mvp-row{grid-template-columns:1fr 1fr;}}


/* ==== Block 4/140 - urspruenglich gamenight.html Zeile 741: <style id="rbc-monitor-profile-style"> ==== */
.rbc-monitor-profile-bar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 20px;
  background:rgba(5,2,14,.55);
  border-bottom:1px solid rgba(255,58,162,.20);
  flex-wrap:wrap;
}
.rbc-monitor-profile-label{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--muted,rgba(245,240,255,.55));
  margin-right:4px;
}
.rbc-monitor-profile-collapse{
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  padding:0;
  border:1px solid rgba(255,58,162,.3);
  border-radius:5px;
  background:transparent;
  color:var(--muted,rgba(245,240,255,.55));
  cursor:pointer;
  transition:all .15s;
  flex:0 0 auto;
}
.rbc-monitor-profile-collapse svg{width:9px;height:9px;transition:transform .15s;}
.rbc-monitor-profile-collapse:hover{border-color:rgba(255,58,162,.55);color:var(--text,#f5f0ff);}
.rbc-monitor-profile-bar.collapsed .rbc-monitor-profile-collapse svg{transform:rotate(-90deg);}
.rbc-monitor-profile-collapsible{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.rbc-monitor-profile-bar.collapsed .rbc-monitor-profile-collapsible{display:none;}
.rbc-monitor-profile-btn{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:6px 12px;
  border:1px solid rgba(255,58,162,.3);
  border-radius:8px;
  background:transparent;
  color:var(--muted,rgba(245,240,255,.55));
  cursor:pointer;
  transition:all .15s;
}
.rbc-monitor-profile-btn:hover{border-color:rgba(255,58,162,.55);color:var(--text,#f5f0ff);}
.rbc-monitor-profile-btn.active{
  background:rgba(255,58,162,.16);
  border-color:var(--magenta,#ff3aa2);
  color:var(--magenta,#ff3aa2);
  box-shadow:0 0 12px rgba(255,58,162,.35);
}
.rbc-monitor-profile-active{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9.5px;
  letter-spacing:1px;
  color:rgba(76,255,136,.75);
  margin-left:4px;
}

/* ==== Block 5/140 - urspruenglich gamenight.html Zeile 1055: <style id="rbc-volume-control-style"> ==== */
  .rbc-vol-head:hover{color:var(--green);}
  .rbc-vol-body{overflow:hidden;}
  .rbc-vol-body.collapsed{display:none;}
  .rbc-vol-head.collapsed .rbc-vol-chev{transform:rotate(-90deg);}

/* ==== Block 6/140 - urspruenglich gamenight.html Zeile 22126: <style> ==== */
/* v449 RETROBOYS: CSS gewinnt auch nach spaeterem Render */
#panel-mvp .rbc272-game-main b.rbc449-winner{
  color:#fff7b2!important;
  text-shadow:0 0 10px rgba(255,220,74,.45),0 0 18px rgba(76,255,136,.20)!important;
  opacity:1!important;
}
#panel-mvp .rbc272-game-main b.rbc449-loser{
  color:rgba(255,255,255,.74)!important;
  opacity:.72!important;
}
#panel-mvp .rbc272-game-win{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#panel-mvp .rbc272-game-win .rbc449-winpill{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(76,255,136,.42)!important;
  background:linear-gradient(180deg, rgba(76,255,136,.16), rgba(76,255,136,.06))!important;
  color:#baffd3!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  box-shadow:0 0 12px rgba(76,255,136,.14)!important;
}
#panel-mvp .rbc272-game-win strong{
  color:#4cff88!important;
  font-size:12px!important;
  text-shadow:0 0 10px rgba(76,255,136,.30)!important;
}

/* ==== Block 7/140 - urspruenglich gamenight.html Zeile 22163: <style> ==== */
/* v452 RETROBOYS: echte Play-In Engine fuer 2-20 Spieler */
.rbc452-note{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(76,255,136,.22);
  border-radius:12px;
  background:rgba(76,255,136,.045);
  color:rgba(255,255,255,.70);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.rbc452-bracket{
  display:flex;
  gap:24px;
  align-items:flex-start;
  min-width:max-content;
  padding:4px 6px 28px;
}
.rbc452-section{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.rbc452-section-wrap{
  min-width:max-content;
}
.rbc452-title{
  font-family:var(--head);
  color:var(--magenta);
  letter-spacing:3px;
  font-size:12px;
  margin:0 0 10px 4px;
  text-transform:uppercase;
}
.rbc452-round{
  min-width:230px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.rbc452-round h4{
  margin:0 0 2px;
  color:rgba(255,255,255,.56);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.rbc452-node{
  border:1px solid rgba(255,58,162,.25);
  border-radius:13px;
  background:rgba(12,4,25,.76);
  box-shadow:0 0 14px rgba(255,58,162,.08);
  padding:10px;
  min-height:92px;
}
.rbc452-node.pi{border-color:rgba(255,220,74,.35);}
.rbc452-node.lb{border-color:rgba(255,144,0,.32);}
.rbc452-node.gf{border-color:rgba(255,220,74,.48);background:rgba(30,22,7,.72);}
.rbc452-node.done{box-shadow:0 0 18px rgba(76,255,136,.13);}
.rbc452-node .hdr{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.3px;
  color:rgba(255,255,255,.55);
}
.rbc452-side{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:5px 6px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  margin-top:5px;
}
.rbc452-side.win{
  border-color:rgba(76,255,136,.46);
  background:rgba(76,255,136,.08);
  color:#baffd3;
}
.rbc452-side.lose{
  opacity:.54;
}
.rbc452-side.placeholder{
  color:rgba(255,255,255,.42);
  border-style:dashed;
}
.rbc452-side img{
  width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,58,162,.35);
}
.rbc452-side b{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;font-size:11px;
}
.rbc452-side small{
  margin-left:auto;color:rgba(255,255,255,.44);font-size:8px;letter-spacing:1px;
}
.rbc452-champion{
  border:1px solid rgba(255,220,74,.55);
  border-radius:14px;
  background:radial-gradient(ellipse at 50% 10%,rgba(255,220,74,.16),transparent 64%),rgba(24,14,4,.78);
  box-shadow:0 0 22px rgba(255,220,74,.18);
  padding:16px;
  min-width:230px;
  text-align:center;
}
.rbc452-champion img{
  width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 22px rgba(255,220,74,.35);
}
.rbc452-champion b{
  display:block;margin-top:8px;color:#fff7b2;font-family:var(--head);font-size:15px;text-shadow:0 0 12px rgba(255,220,74,.35);
}
.rbc452-match-card .mnum .rbc452-tag{
  color:#ffdc4a;
}

/* ==== Block 8/140 - urspruenglich gamenight.html Zeile 22695: <style> ==== */
/* v456 RETROBOYS: LB wieder unter WB platzieren */
.rbc456-bracket-vertical{
  display:flex;
  flex-direction:column;
  gap:34px;
  min-width:max-content;
  padding:4px 6px 40px;
}
.rbc456-bracket-top{
  display:flex;
  gap:24px;
  align-items:flex-start;
  min-width:max-content;
}
.rbc456-final-wrap{
  display:flex;
  gap:18px;
  align-items:flex-start;
  min-width:max-content;
}
.rbc456-lb-row{
  border-top:1px solid rgba(255,144,0,.18);
  padding-top:22px;
  min-width:max-content;
}
.rbc456-lb-row .rbc455-title{
  color:#ffdc4a;
}
.rbc456-lb-row .rbc455-section{
  gap:18px;
}

/* ==== Block 9/140 - urspruenglich gamenight.html Zeile 22753: <style> ==== */
/* v463 RETROBOYS: Abschluss-Karten lesbarer */
#panel-mvp .mvpc{
  height:192px!important;
  min-height:192px!important;
  max-height:192px!important;
  justify-content:center!important;
  gap:5px!important;
  padding:16px 18px!important;
}
#panel-mvp .mvpc-nm{
  margin:4px auto 6px!important;
  max-width:320px!important;
  font-size:clamp(12px,1.0vw,16px)!important;
  line-height:1.05!important;
  position:relative!important;
  z-index:2!important;
}
#panel-mvp .mvpc-st{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:92%!important;
  min-height:24px!important;
  padding:5px 11px!important;
  margin:2px auto 0!important;
  border:1px solid rgba(76,255,136,.28)!important;
  border-radius:999px!important;
  background:rgba(76,255,136,.075)!important;
  color:rgba(255,255,255,.88)!important;
  font-size:11px!important;
  line-height:1.05!important;
  letter-spacing:.8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 0 8px rgba(76,255,136,.16)!important;
  position:relative!important;
  z-index:2!important;
}
#panel-mvp .mvpc-st b{
  color:#4cff88!important;
  font-size:12px!important;
  text-shadow:0 0 8px rgba(76,255,136,.35)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st{
  border-color:rgba(255,220,74,.34)!important;
  background:rgba(255,220,74,.075)!important;
}

/* ==== Block 10/140 - urspruenglich gamenight.html Zeile 22810: <style id="rbc512-architecture-final-style"> ==== */
/* v512 – ARCHITEKTUR-FIX
   Grafik-Reiter wird NICHT mehr über #panel-graphic/iframe dargestellt.
   Dadurch greifen die alten Grafik-Intervalle nicht mehr, weil #panel-graphic nie aktiv ist.
   Keine globalen Timer-Kills. Keine zweite HTML. Kein Zoom-Kampf. */

body.rbc512-graphic-mode #panel-graphic{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#rbc512GraphicPanel{
  display:none;
  width:100%;
  padding:0 28px 36px;
}

body.rbc512-graphic-mode #rbc512GraphicPanel{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

.rbc512-graphic-shell{
  border:1px solid rgba(255,58,162,.30);
  background:rgba(17,4,28,.72);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 0 22px rgba(255,58,162,.10);
}

.rbc512-graphic-head{
  height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border-bottom:1px solid rgba(255,58,162,.30);
  background:rgba(255,58,162,.055);
}

.rbc512-graphic-title{
  font-family:var(--head,Impact,sans-serif);
  color:#ff3aa2;
  letter-spacing:4px;
  text-transform:uppercase;
  font-size:13px;
}

.rbc512-graphic-note{
  font-family:var(--mono,monospace);
  font-size:10px;
  color:rgba(255,255,255,.55);
  letter-spacing:2px;
  text-transform:uppercase;
}

.rbc512-graphic-viewport{
  position:relative;
  width:100%;
  max-width:1920px;
  aspect-ratio:16/9;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  background:#020008;
  contain:layout paint style;
}

/* Ein einziges sichtbares Grafik-DOM */
#rbc512GraphicStage{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#020008;
  color:#f6f2ff;
  font-family:var(--mono,'Share Tech Mono',monospace);
  contain:layout paint style;
  --pink:#ff3aa2;
  --pink2:#ff76cf;
  --green:#4cff88;
  --gold:#ffcf58;
  --orange:#ff7a24;
  --panel:rgba(5,2,14,.78);
  --line:rgba(255,58,162,.34);
}

#rbc512GraphicStage *{
  box-sizing:border-box;
}

.rbc512-bg{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 52% 105%, rgba(255,116,24,.58) 0%, rgba(255,116,24,.25) 22%, transparent 48%),
    linear-gradient(90deg, rgba(2,0,8,.50) 0%, rgba(2,0,8,.12) 48%, rgba(2,0,8,.52) 100%),
    linear-gradient(180deg, rgba(2,0,8,.10) 0%, rgba(2,0,8,.35) 54%, rgba(2,0,8,.72) 100%),
    url('/assets/retroboys_hero_wide.png');
  background-size:cover;
  background-position:center center;
  filter:saturate(1.08) contrast(1.05);
}

.rbc512-grid{
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(rgba(255,58,162,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,58,162,.10) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,.26) 45%, rgba(0,0,0,.70));
}

.rbc512-glut{
  position:absolute;
  left:0;
  right:0;
  bottom:-2%;
  height:36%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(255,133,35,.58) 0%, rgba(255,133,35,.24) 28%, transparent 60%),
    radial-gradient(circle at 22% 91%, rgba(255,205,80,.28), transparent 25%),
    radial-gradient(circle at 78% 90%, rgba(255,91,38,.26), transparent 25%);
  opacity:.96;
}

.rbc512-glut::before{
  content:'';
  position:absolute;
  inset:-32% 0 0;
  background:
    radial-gradient(circle at 12% 76%, rgba(255,194,74,.75) 0 2px, transparent 3px),
    radial-gradient(circle at 21% 61%, rgba(255,117,39,.65) 0 2px, transparent 4px),
    radial-gradient(circle at 32% 70%, rgba(255,208,88,.70) 0 1px, transparent 3px),
    radial-gradient(circle at 47% 58%, rgba(255,133,45,.60) 0 2px, transparent 4px),
    radial-gradient(circle at 58% 73%, rgba(255,211,92,.70) 0 1px, transparent 3px),
    radial-gradient(circle at 67% 62%, rgba(255,116,35,.60) 0 2px, transparent 4px),
    radial-gradient(circle at 79% 78%, rgba(255,201,78,.65) 0 2px, transparent 4px),
    radial-gradient(circle at 90% 63%, rgba(255,117,39,.60) 0 1px, transparent 3px);
  opacity:.68;
  animation:rbc512Embers 8s linear infinite;
}

.rbc512-glut::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:78%;
  background:repeating-linear-gradient(0deg, rgba(255,132,31,.10) 0 1px, transparent 1px 18px);
  opacity:.36;
  clip-path:polygon(31% 100%,69% 100%,58% 0,42% 0);
}

@keyframes rbc512Embers{
  0%{transform:translateY(20px);opacity:.22}
  40%{opacity:.78}
  100%{transform:translateY(-58px);opacity:.10}
}

.rbc512-vignette{
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center, transparent 42%, rgba(0,0,0,.62) 100%);
  pointer-events:none;
}

.rbc512-scan{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.08) 0 1px, transparent 1px 4px);
}

.rbc512-corner{
  position:absolute;
  width:72px;
  height:72px;
  z-index:50;
  pointer-events:none;
}

.rbc512-corner:before,
.rbc512-corner:after{
  content:'';
  position:absolute;
  background:var(--pink2);
  box-shadow:0 0 13px var(--pink);
}

.rbc512-corner:before{width:100%;height:4px}
.rbc512-corner:after{width:4px;height:100%}
.rbc512-tl{top:28px;left:28px}
.rbc512-tr{top:28px;right:28px;transform:scaleX(-1)}
.rbc512-bl{bottom:28px;left:28px;transform:scaleY(-1)}
.rbc512-br{bottom:28px;right:28px;transform:scale(-1)}

.rbc512-content{
  position:relative;
  z-index:20;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:650px 1fr;
  gap:36px;
  padding:40px 62px 58px 74px;
}

.rbc512-left{
  display:flex;
  flex-direction:column;
  gap:14px;
  justify-content:flex-end;
}

.rbc512-right{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:16px;
}

.rbc512-kicker{
  font-family:'Share Tech Mono', monospace;
  font-size:13px;
  letter-spacing:6px;
  color:var(--green);
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(76,255,136,.60);
  margin-bottom:10px;
}

.rbc512-gg{
  font-family:'Rubik Dirt', cursive;
  font-size:148px;
  line-height:.85;
  letter-spacing:-4px;
  background:linear-gradient(160deg,#ff9de2 0%,#ff3aa2 35%,#d4006a 70%,#7a003c 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 36px rgba(255,58,162,.65)) drop-shadow(0 0 70px rgba(255,0,100,.30));
  margin-bottom:16px;
}

.rbc512-title-main{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:38px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(245,240,255,.95);
  text-shadow:0 0 20px rgba(255,58,162,.20);
  margin-bottom:8px;
}

.rbc512-league{
  font-family:'Share Tech Mono', monospace;
  font-size:13px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:rgba(245,240,255,.40);
  margin-bottom:32px;
}

.rbc512-brand{
  align-self:flex-end;
  width:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin-bottom:5px;
}

.rbc512-brand-name{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:42px;
  letter-spacing:2px;
  color:#ff76cf;
  text-shadow:0 0 20px rgba(255,58,162,.75),0 0 40px rgba(255,0,100,.38);
}

.rbc512-brand-sub{
  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:rgba(245,240,255,.42);
  text-align:center;
}

.rbc512-logo{
  margin-top:12px;
  width:56px;
  height:56px;
  border-radius:12px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#ff76cf;
  border:1px solid rgba(255,58,162,.40);
  background:rgba(255,58,162,.13);
  box-shadow:0 0 20px rgba(255,58,162,.28);
  font-family:var(--head,'Russo One',sans-serif);
  font-size:10px;
  line-height:1.05;
}

.rbc512-panel{
  border-radius:16px;
  background:var(--panel);
  border:1px solid rgba(255,45,143,.38);
  box-shadow:inset 0 0 24px rgba(76,255,136,.03),0 0 34px rgba(0,0,0,.48);
  overflow:hidden;
  position:relative;
}

.rbc512-panel:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,var(--pink),rgba(76,255,136,.42),transparent);
  opacity:.75;
}

.rbc512-label{
  position:absolute;
  left:22px;
  top:16px;
  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#ff73c9;
}

.rbc512-hero{
  min-height:252px;
  padding:22px 22px 20px;
  display:grid;
  grid-template-columns:170px 1fr;
  gap:18px;
  align-items:center;
}

.rbc512-avatar{
  width:146px;
  height:146px;
  border-radius:50%;
  background:#16081f center/cover no-repeat;
  border:3px solid rgba(255,45,143,.78);
  box-shadow:0 0 24px rgba(255,45,143,.55),0 0 48px rgba(255,45,143,.20);
  display:grid;
  place-items:center;
  font-family:var(--head,'Russo One',sans-serif);
  font-size:42px;
  color:var(--pink);
  margin-top:18px;
  overflow:hidden;
}

.rbc512-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rbc512-hero-name{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:30px;
  line-height:1.05;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 0 18px rgba(255,58,162,.45),0 2px 8px rgba(0,0,0,.95);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:64px;
  padding-top:16px;
}

.rbc512-hero-line{
  margin-top:6px;
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(245,240,255,.62);
}

.rbc512-hero-stats{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.rbc512-stat{
  border:1px solid rgba(255,45,143,.35);
  border-radius:13px;
  background:rgba(4,2,10,.72);
  min-height:60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.rbc512-stat b{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:24px;
  color:var(--green);
  text-shadow:0 0 13px rgba(76,255,136,.44);
}

.rbc512-stat span{
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(245,240,255,.48);
  margin-top:5px;
}

.rbc512-podium{
  min-height:295px;
  padding:44px 18px 18px;
}

.rbc512-podium-wrap{
  height:230px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:22px;
}

.rbc512-pod{
  width:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
}

.rbc512-pod-av{
  border-radius:50%;
  background:#16081f center/cover no-repeat;
  border:3px solid rgba(245,240,255,.52);
  box-shadow:0 0 18px rgba(255,255,255,.16);
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#ff73c9;
  font-family:var(--head,'Russo One',sans-serif);
}

.rbc512-pod-av img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rbc512-pod.gold .rbc512-pod-av{width:104px;height:104px;border-color:var(--gold);box-shadow:0 0 26px rgba(217,180,91,.45)}
.rbc512-pod.silver .rbc512-pod-av{width:82px;height:82px;border-color:#d9ddf6}
.rbc512-pod.bronze .rbc512-pod-av{width:76px;height:76px;border-color:#d3935f}

.rbc512-pod-name{
  width:100%;
  font-family:var(--head,'Russo One',sans-serif);
  font-size:19px;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rbc512-pod-meta{
  font-size:11px;
  color:rgba(245,240,255,.55);
}

.rbc512-step{
  width:100%;
  border-radius:14px 14px 0 0;
  border:1px solid rgba(255,255,255,.15);
  display:grid;
  place-items:start center;
  padding-top:13px;
}

.rbc512-pod.gold .rbc512-step{height:92px;background:rgba(217,180,91,.18);border-color:rgba(217,180,91,.45)}
.rbc512-pod.silver .rbc512-step{height:72px;background:rgba(217,221,246,.12)}
.rbc512-pod.bronze .rbc512-step{height:58px;background:rgba(211,147,95,.13)}

.rbc512-medal{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:var(--head,'Russo One',sans-serif);
  color:#12040f;
}

.rbc512-pod.gold .rbc512-medal{background:#ffb949}
.rbc512-pod.silver .rbc512-medal{background:#d9ddf6}
.rbc512-pod.bronze .rbc512-medal{background:#d3935f}

.rbc512-result{
  height:610px;
  padding:54px 22px 18px;
  display:grid;
  grid-template-rows:minmax(0,1fr) 76px;
  gap:12px;
}

.rbc512-table-note{
  color:#ffd268;
  font-size:12px;
  letter-spacing:.08em;
  margin-bottom:10px;
}

.rbc512-score{
  display:grid;
  grid-template-columns:50px minmax(250px,1.5fr) 58px 58px 74px 96px 88px 88px 76px;
  border:1px solid rgba(255,58,162,.20);
  border-radius:14px;
  overflow:hidden;
  background:rgba(4,2,10,.76);
  align-content:start;
}

.rbc512-score > div{
  padding:9px 10px;
  min-height:42px;
  border-bottom:1px solid rgba(255,255,255,.055);
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.rbc512-score .th{
  min-height:36px;
  background:rgba(255,58,162,.05);
  color:#ff75cb;
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.rbc512-rank{
  font-family:var(--head,'Russo One',sans-serif);
  color:#ffd95f;
  font-size:17px;
}

.rbc512-player{
  gap:10px;
  min-width:0;
}

.rbc512-player .av{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#13051c center/cover no-repeat;
  border:2px solid rgba(255,255,255,.13);
  flex:0 0 auto;
  overflow:hidden;
}

.rbc512-player .av img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rbc512-player .pn{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:15px;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.rbc512-num,
.rbc512-pct,
.rbc512-elo,
.rbc512-delta{
  font-family:var(--head,'Russo One',sans-serif);
  font-size:15px;
}

.rbc512-w{color:var(--green)}
.rbc512-l{color:#ff6b9b}
.rbc512-pos{color:var(--green)}
.rbc512-neg{color:#ff7a9f}
.rbc512-zero{color:#cbbfde}

.rbc512-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.rbc512-summary .rbc512-stat{
  min-height:70px;
}

.rbc512-empty{
  height:100%;
  min-height:120px;
  display:grid;
  place-items:center;
  color:rgba(245,240,255,.48);
  letter-spacing:3px;
  text-transform:uppercase;
}

/* Abschluss: alte deformierte Tabellen werden sauber versteckt; eigene Grid-Tabelle bleibt sichtbar */
body.rbc512-mvp-clean #panel-mvp #rbc-final-table-270,
body.rbc512-mvp-clean #panel-mvp #rbc507FinalTable,
body.rbc512-mvp-clean #panel-mvp #rbc508FinalGrid,
body.rbc512-mvp-clean #panel-mvp .rbc486-final-table,
body.rbc512-mvp-clean #panel-mvp .rbc485-final-table,
body.rbc512-mvp-clean #panel-mvp .rbc270-grid,
body.rbc512-mvp-clean #panel-mvp [id*="final-table"],
body.rbc512-mvp-clean #panel-mvp [class*="final-table"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

#rbc512FinalTable{
  display:none;
}

body.rbc512-mvp-clean #rbc512FinalTable{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(1220px,74vw);
  max-width:1220px;
  margin:22px auto 26px;
  padding:0;
  border:1px solid rgba(255,58,162,.34);
  border-radius:18px;
  background:rgba(13,4,31,.76);
  box-shadow:0 0 24px rgba(255,58,162,.10), inset 0 0 24px rgba(255,58,162,.035);
  overflow:hidden;
  color:#fff;
  font-family:var(--mono, monospace);
  contain:layout paint style;
}

.rbc512-ft-note{
  padding:13px 18px 4px;
  color:#12d6ff;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6);
  font-family:var(--mono,monospace);
  font-size:12px;
  letter-spacing:.7px;
}

.rbc512-ft-title{
  margin:0;
  padding:0 18px 10px;
  color:#ff3aa2;
  font-family:var(--head,Impact,sans-serif);
  font-size:18px;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

/* Titel + Dev-Notiz nebeneinander statt untereinander (rbc512FinalTable) */
#rbc512FinalTable .rbc-liga-titlerow{
  display:flex;align-items:baseline;gap:14px;padding:13px 18px 10px;
}
#rbc512FinalTable .rbc-liga-titlerow .rbc512-ft-title,
#rbc512FinalTable .rbc-liga-titlerow .rbc512-ft-note{
  padding:0!important;
}

.rbc512-ft-grid{
  display:block;
  width:100%;
}

.rbc512-ft-head,
.rbc512-ft-row{
  display:grid;
  grid-template-columns:56px minmax(270px,1fr) 64px 64px 82px 150px 100px 100px 82px;
  align-items:center;
  width:100%;
  min-height:42px;
  border-top:1px solid rgba(255,255,255,.065);
  color:#fff;
  font-family:var(--mono,monospace);
  font-size:12px;
}

.rbc512-ft-head{
  min-height:34px;
  background:rgba(255,58,162,.13);
  color:#ffdc4a;
  font-family:var(--head,Impact,sans-serif);
  font-size:9px;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.rbc512-ft-row:nth-child(odd){
  background:rgba(255,255,255,.018);
}

.rbc512-ft-cell{
  min-width:0;
  padding:0 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}

.rbc512-ft-player-cell{
  text-align:left;
}

.rbc512-ft-rank{
  color:#ffdc4a;
  font-family:var(--head,Impact,sans-serif);
  font-size:16px;
}

.rbc512-ft-player{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.rbc512-ft-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,58,162,.50);
  background:rgba(255,255,255,.06);
  flex:0 0 28px;
}

.rbc512-ft-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-family:var(--head,Impact,sans-serif);
  font-size:12px;
}

.rbc512-ft-win{color:#4cff88;font-weight:900}
.rbc512-ft-loss{color:#ff6fc0;font-weight:900}
.rbc512-ft-rate{display:flex;align-items:center;justify-content:center;gap:8px}
.rbc512-ft-bar{width:74px;height:6px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;display:block;flex:0 0 74px}
.rbc512-ft-fill{height:100%;display:block;border-radius:999px;background:#4cff88;box-shadow:0 0 10px rgba(76,255,136,.45)}

/* ==== Block 11/140 - urspruenglich gamenight.html Zeile 24038: <style id="rbc690-payout-normal-round-style"> ==== */
/* v690: Gewinn einlösen = normale neue Runde + dezenter Glücksrad-Hinweis */
#panel-matches .rbc640-lucky-section,
#panel-matches .rbc641-luckywrap{display:none!important;}
#panel-matches .rbc519-round.rbc639-lucky-round{
  border-color:inherit!important;
  box-shadow:inherit!important;
}
#panel-matches .rbc519-round.rbc639-lucky-round .rbc519-round-title{
  color:inherit!important;
  text-shadow:inherit!important;
}
#panel-matches .rbc690-lucky-badge{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:7px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,58,162,.36)!important;
  background:rgba(255,58,162,.10)!important;
  color:#ff5ab7!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  vertical-align:middle!important;
}
#panel-matches .rbc690-lucky-hint{
  outline:1px solid rgba(255,58,162,.16)!important;
}

/* ==== Block 12/140 - urspruenglich gamenight.html Zeile 24134: <style id="rbc695-global-95-style"> ==== */
/* rbc-obs-fix: war fest auf .95 kalibriert (nur exakt bei 1920px Fensterbreite
   passend, da Bühne width:min-width:100% ist -> zoom:0.95 verkleinert bei JEDER
   Fensterbreite pauschal Schrift/Abstände um 5%, auch auf großen Monitoren).
   Auf 1 (natürliche Größe) zurückgesetzt; manuelle Strg+Mausrad-Zoomsteuerung
   (rbc_control_zoom.js) funktioniert dadurch auch wieder richtig, da dieser
   Patch sie vorher bei jedem resize-Event überschrieben hat.
   rbc946 (2026-07-08): "funktioniert dadurch wieder" stimmte nicht - !important
   auf einer CSS-Custom-Property schlägt IMMER eine normale (nicht-!important)
   Inline-Style-Zuweisung, unabhängig von Reihenfolge/Timing. rbc441ZoomIn/Out
   setzen --rbc441-zoom aber genau so (ohne !important) - die Variable blieb
   dadurch für Strg+Mausrad/+/- dauerhaft bei 1 eingefroren, komplett unabhängig
   vom Reiter. !important entfernt, damit die Variable wieder änderbar ist. */
:root{--rbc441-zoom:1;}
#rbc441ZoomStage{zoom:var(--rbc441-zoom)!important;}
@supports not (zoom: 1){
  #rbc441ZoomStage{
    transform:scale(var(--rbc441-zoom))!important;
    transform-origin:top left!important;
    width:calc(100% / var(--rbc441-zoom))!important;
  }
}

/* ==== Block 23/140 - urspruenglich gamenight.html Zeile 25641: <style id="rbc717-matchomat-layout-vars-style"> ==== */
#panel-luckyslot{
  --rbc717-reels-x:0px;
  --rbc717-reels-y:0px;
  --rbc717-reels-w:0px;
  --rbc717-reels-h:0px;
  --rbc717-reels-gap:0px;

  --rbc717-r1-x:2px;
  --rbc717-r1-y:-8px;
  --rbc717-r1-w:34px;
  --rbc717-r1-h:16px;
  --rbc717-r2-x:-15px;
  --rbc717-r2-y:-8px;
  --rbc717-r2-w:30px;
  --rbc717-r2-h:16px;
  --rbc717-r3-x:-34px;
  --rbc717-r3-y:-8px;
  --rbc717-r3-w:36px;
  --rbc717-r3-h:16px;

  --rbc717-c1-x:0px;
  --rbc717-c1-y:0px;
  --rbc717-c2-x:0px;
  --rbc717-c2-y:0px;
  --rbc717-c3-x:0px;
  --rbc717-c3-y:0px;

  --rbc717-avatar-size:60px;
  --rbc717-mapicon-w:70px;
  --rbc717-mapicon-h:60px;
  --rbc717-name-size:12.4px;
  --rbc717-map-name-size:10.8px;
  --rbc717-meta-size:7.1px;

  --rbc717-display-x:0px;
  --rbc717-display-y:0px;
  --rbc717-display-w:0px;
  --rbc717-display-h:0px;
  --rbc717-display-pad-x:60px;
  --rbc717-display-title-size:10.8px;
  --rbc717-display-text-size:15.4px;
}

/* Globaler Walzenblock */
#panel-luckyslot .rbc638-reels{
  transform:translate(var(--rbc717-reels-x), var(--rbc717-reels-y))!important;
  width:calc(59.65% + var(--rbc717-reels-w))!important;
  height:calc(32.35% + var(--rbc717-reels-h))!important;
  gap:calc(2.0% + var(--rbc717-reels-gap))!important;
}

/* Einzelne Walzenflächen */
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell{
  width:calc(100% + var(--rbc717-r1-w))!important;
  height:calc(100% + var(--rbc717-r1-h))!important;
  margin-left:var(--rbc717-r1-x)!important;
  margin-top:var(--rbc717-r1-y)!important;
}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window,
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc644-reel-cell{
  width:calc(100% + var(--rbc717-r2-w))!important;
  height:calc(100% + var(--rbc717-r2-h))!important;
  margin-left:var(--rbc717-r2-x)!important;
  margin-top:var(--rbc717-r2-y)!important;
}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window,
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc644-reel-cell{
  width:calc(100% + var(--rbc717-r3-w))!important;
  height:calc(100% + var(--rbc717-r3-h))!important;
  margin-left:var(--rbc717-r3-x)!important;
  margin-top:var(--rbc717-r3-y)!important;
}

/* Inhalt pro Walze verschieben */
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-item{
  transform:translate(var(--rbc717-c1-x), var(--rbc717-c1-y))!important;
}
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-item{
  transform:translate(var(--rbc717-c2-x), var(--rbc717-c2-y))!important;
}
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-item{
  transform:translate(var(--rbc717-c3-x), var(--rbc717-c3-y))!important;
}

/* Inhalt-Größen */
#panel-luckyslot .rbc638-avatar{
  width:var(--rbc717-avatar-size)!important;
  height:var(--rbc717-avatar-size)!important;
}
#panel-luckyslot .rbc638-mapicon{
  width:var(--rbc717-mapicon-w)!important;
  height:var(--rbc717-mapicon-h)!important;
}
#panel-luckyslot .rbc638-name{
  font-size:var(--rbc717-name-size)!important;
}
#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:var(--rbc717-map-name-size)!important;
}
#panel-luckyslot .rbc638-meta{
  font-size:var(--rbc717-meta-size)!important;
}

/* Unteres Display */
#panel-luckyslot .rbc638-led{
  transform:translate(var(--rbc717-display-x), var(--rbc717-display-y))!important;
  width:calc(100% + var(--rbc717-display-w))!important;
  min-height:calc(112px + var(--rbc717-display-h))!important;
  padding-left:var(--rbc717-display-pad-x)!important;
  padding-right:var(--rbc717-display-pad-x)!important;
}
#panel-luckyslot .rbc638-led-title{
  font-size:var(--rbc717-display-title-size)!important;
}
#panel-luckyslot .rbc638-led-lines{
  font-size:var(--rbc717-display-text-size)!important;
}

/* Button im Glücksrad */
#panel-luckyslot .rbc717-layout-link{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  z-index:120!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,58,162,.42)!important;
  background:rgba(12,4,24,.78)!important;
  color:#ff4fb2!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:10px!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 0 18px rgba(255,58,162,.15)!important;
}
/* rbc-matchomat-header-cleanup (2026-07-13): Link sitzt jetzt als Kind von
   .rbc672-head in der Kopfzeile statt lose oben rechts im Panel (dort
   ueberlappte er den Rahmen). position:static reiht ihn in den Flex-Fluss der
   Kopfzeile ein, margin-left:auto schiebt ihn an den rechten Rand (Titel/Sub
   bleiben links). pointer-events:auto noetig, weil .rbc672-head selbst
   pointer-events:none hat (Overlay ueber der Maschine, soll Klicks sonst
   durchlassen). */
#panel-luckyslot .rbc672-head .rbc717-layout-link{
  position:static!important;
  margin-left:auto!important;
  pointer-events:auto!important;
  /* rbc-header-unify (2026-07-14): Button auf Nutzerwunsch aus der Kopfzeile
     entfernt, damit Match-O-Mat wie Tabelle/Grafik nur Titel + Sub zeigt. Der
     Layout-Editor bleibt ueber /gamenight?layout=matchomat erreichbar. */
  display:none!important;
}

/* Layout-Seite */
body.rbc717-layout-mode{
  overflow-x:hidden!important;
}
body.rbc717-layout-mode #rbc717LayoutEditor{
  display:block!important;
}
body.rbc717-layout-mode #panel-luckyslot{
  padding-right:390px!important;
}
#rbc717LayoutEditor{
  display:none;
  position:fixed;
  right:12px;
  top:88px;
  bottom:14px;
  width:360px;
  z-index:99999;
  border:1px solid rgba(255,58,162,.32);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,58,162,.12), transparent 34%),
    linear-gradient(180deg, rgba(12,4,26,.97), rgba(4,0,12,.985));
  box-shadow:0 0 30px rgba(255,58,162,.16), inset 0 0 0 1px rgba(255,255,255,.04);
  color:#f2e8ff;
  font-family:var(--mono,'Share Tech Mono',Consolas,monospace);
  overflow:auto;
  padding:14px;
}
#rbc717LayoutEditor h2{
  margin:0 0 4px;
  color:#ff4fb2;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:18px;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
#rbc717LayoutEditor .rbc717-sub{
  color:rgba(255,255,255,.55);
  font-size:10px;
  letter-spacing:1.2px;
  margin-bottom:12px;
}
#rbc717LayoutEditor details{
  border:1px solid rgba(255,58,162,.18);
  border-radius:12px;
  margin:9px 0;
  background:rgba(255,58,162,.045);
  overflow:hidden;
}
#rbc717LayoutEditor summary{
  cursor:pointer;
  padding:10px 11px;
  color:#ffd45a;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  font-size:11px;
  user-select:none;
}
#rbc717LayoutEditor .rbc717-section{
  padding:0 11px 10px;
}
#rbc717LayoutEditor label{
  display:grid;
  grid-template-columns:84px 1fr 54px;
  gap:8px;
  align-items:center;
  margin:7px 0;
  font-size:10px;
  color:rgba(255,255,255,.72);
}
#rbc717LayoutEditor input[type="range"]{
  width:100%;
  accent-color:#ff4fb2;
}
#rbc717LayoutEditor input[type="number"]{
  width:54px;
  box-sizing:border-box;
  background:#0b0612;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  padding:5px 4px;
  font:inherit;
}
#rbc717LayoutEditor .rbc717-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0;
}
#rbc717LayoutEditor button,
#rbc717LayoutEditor a.rbc717-open{
  border:1px solid rgba(255,58,162,.42);
  border-radius:10px;
  background:rgba(255,58,162,.10);
  color:#fff;
  padding:9px 8px;
  font:inherit;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
}
#rbc717LayoutEditor button:hover,
#rbc717LayoutEditor a.rbc717-open:hover{
  background:rgba(255,58,162,.18);
}
#rbc717LayoutEditor textarea{
  width:100%;
  height:110px;
  box-sizing:border-box;
  background:#090411;
  color:#d9ffd9;
  border:1px solid rgba(84,255,110,.24);
  border-radius:10px;
  padding:8px;
  font:11px/1.35 Consolas,monospace;
}
#rbc717LayoutEditor .rbc717-note{
  color:rgba(255,255,255,.48);
  font-size:9px;
  line-height:1.35;
  margin-top:8px;
}

/* ==== Block 26/140 - urspruenglich gamenight.html Zeile 26863: <style> ==== */
/* v455 Bracket klickbar */
.rbc455-note{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(76,255,136,.28);
  border-radius:12px;
  background:rgba(76,255,136,.05);
  color:rgba(255,255,255,.74);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.rbc455-bracket{
  display:flex;
  gap:24px;
  align-items:flex-start;
  min-width:max-content;
  padding:4px 6px 28px;
}
.rbc455-section{display:flex;gap:16px;align-items:flex-start;}
.rbc455-section-wrap{min-width:max-content;}
.rbc455-title{
  font-family:var(--head);
  color:var(--magenta);
  letter-spacing:3px;
  font-size:12px;
  margin:0 0 10px 4px;
  text-transform:uppercase;
}
.rbc455-round{
  min-width:235px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.rbc455-round h4{
  margin:0 0 2px;
  color:rgba(255,255,255,.56);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.rbc455-node{
  border:1px solid rgba(255,58,162,.25);
  border-radius:13px;
  background:rgba(12,4,25,.76);
  box-shadow:0 0 14px rgba(255,58,162,.08);
  padding:10px;
  min-height:92px;
}
.rbc455-node.pi{border-color:rgba(255,220,74,.35);}
.rbc455-node.lb{border-color:rgba(255,144,0,.32);}
.rbc455-node.gf{border-color:rgba(255,220,74,.48);background:rgba(30,22,7,.72);}
.rbc455-node.done{box-shadow:0 0 18px rgba(76,255,136,.13);}
.rbc455-node .hdr{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.3px;
  color:rgba(255,255,255,.55);
}
.rbc455-side{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:5px 6px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:var(--text);
  margin-top:5px;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.rbc455-side:hover{
  border-color:rgba(255,58,162,.45);
  background:rgba(255,58,162,.08);
}
.rbc455-side.win{
  border-color:rgba(76,255,136,.55);
  background:rgba(76,255,136,.10);
  color:#baffd3;
}
.rbc455-side.lose{
  opacity:.52;
}
.rbc455-side.placeholder{
  cursor:default;
  color:rgba(255,255,255,.42);
  border-style:dashed;
}
.rbc455-side img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,58,162,.35);
}
.rbc455-side b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:145px;
  font-size:11px;
}
.rbc455-side small{
  margin-left:auto;
  color:rgba(255,255,255,.45);
  font-size:8px;
  letter-spacing:1px;
}
.rbc455-bye{
  margin-top:7px;
  color:#ffdc4a;
  font-size:9px;
  letter-spacing:1.5px;
}
.rbc455-champion{
  border:1px solid rgba(255,220,74,.55);
  border-radius:14px;
  background:radial-gradient(ellipse at 50% 10%,rgba(255,220,74,.16),transparent 64%),rgba(24,14,4,.78);
  box-shadow:0 0 22px rgba(255,220,74,.18);
  padding:16px;
  min-width:230px;
  text-align:center;
}
.rbc455-champion img{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--gold);
  box-shadow:0 0 22px rgba(255,220,74,.35);
}
.rbc455-champion b{
  display:block;
  margin-top:8px;
  color:#fff7b2;
  font-family:var(--head);
  font-size:15px;
  text-shadow:0 0 12px rgba(255,220,74,.35);
}
.rbc455-champion .wait{
  padding:28px 0;
  color:rgba(255,255,255,.48);
}

/* ==== Block 27/140 - urspruenglich gamenight.html Zeile 27022: <style> ==== */
/* v459 RETROBOYS: stabile zentrale Turnier-Engine */
.rbc459-note{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(76,255,136,.30);
  border-radius:12px;
  background:rgba(76,255,136,.055);
  color:rgba(255,255,255,.78);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.45px;
  text-transform:uppercase;
}
.rbc459-board{
  display:flex;
  flex-direction:column;
  gap:34px;
  min-width:max-content;
  padding:4px 6px 44px;
}
.rbc459-top{
  display:flex;
  gap:24px;
  align-items:flex-start;
  min-width:max-content;
}
.rbc459-row{
  display:flex;
  gap:24px;
  align-items:flex-start;
  min-width:max-content;
}
.rbc459-lb{
  border-top:1px solid rgba(255,144,0,.20);
  padding-top:22px;
}
.rbc459-wrap{
  min-width:max-content;
}
.rbc459-title{
  font-family:var(--head);
  color:var(--magenta);
  letter-spacing:3px;
  font-size:12px;
  margin:0 0 10px 4px;
  text-transform:uppercase;
}
.rbc459-title.lb{color:#ffdc4a;}
.rbc459-rounds{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.rbc459-round{
  min-width:236px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.rbc459-round h4{
  margin:0 0 2px;
  color:rgba(255,255,255,.56);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.rbc459-node{
  border:1px solid rgba(255,58,162,.25);
  border-radius:13px;
  background:rgba(12,4,25,.76);
  box-shadow:0 0 14px rgba(255,58,162,.08);
  padding:10px;
  min-height:92px;
}
.rbc459-node.pi{border-color:rgba(255,220,74,.38);}
.rbc459-node.lb{border-color:rgba(255,144,0,.34);}
.rbc459-node.gf,.rbc459-node.reset{border-color:rgba(255,220,74,.52);background:rgba(30,22,7,.74);}
.rbc459-node.done{border-color:#4cff88!important;border-width:2px!important;box-shadow:0 0 18px rgba(76,255,136,.4)!important;background:rgba(76,255,136,.05)!important;}
.rbc459-node.auto{border-style:dashed;box-shadow:0 0 14px rgba(255,220,74,.08);}
.rbc459-hdr{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.3px;
  color:rgba(255,255,255,.55);
}
.rbc459-side{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:31px;
  padding:5px 6px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:var(--text);
  margin-top:5px;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.rbc459-side:hover{
  border-color:rgba(255,58,162,.48);
  background:rgba(255,58,162,.08);
}
.rbc459-side.win{
  border-color:rgba(76,255,136,.58);
  background:rgba(76,255,136,.11);
  color:#baffd3;
}
.rbc459-side.lose{
  opacity:.54;
}
.rbc459-side.wait,.rbc459-side.empty{
  cursor:default;
  color:rgba(255,255,255,.43);
  border-style:dashed;
  background:rgba(255,255,255,.018);
}
.rbc459-side.empty{
  color:#ffdc4a;
  background:rgba(255,220,74,.04);
}
.rbc459-side img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,58,162,.38);
}
.rbc459-side b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:145px;
  font-size:11px;
}
.rbc459-side small{
  margin-left:auto;
  color:rgba(255,255,255,.45);
  font-size:8px;
  letter-spacing:1px;
}
.rbc459-auto-label{
  margin-top:7px;
  color:#ffdc4a;
  font-size:9px;
  letter-spacing:1.5px;
}
.rbc459-champ{
  border:1px solid rgba(255,220,74,.55);
  border-radius:14px;
  background:radial-gradient(ellipse at 50% 10%,rgba(255,220,74,.16),transparent 64%),rgba(24,14,4,.78);
  box-shadow:0 0 22px rgba(255,220,74,.18);
  padding:16px;
  min-width:230px;
  text-align:center;
}
.rbc459-champ img{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--gold);
  box-shadow:0 0 22px rgba(255,220,74,.35);
}
.rbc459-champ b{
  display:block;
  margin-top:8px;
  color:#fff7b2;
  font-family:var(--head);
  font-size:15px;
  text-shadow:0 0 12px rgba(255,220,74,.35);
}
.rbc459-champ .wait{
  padding:28px 0;
  color:rgba(255,255,255,.48);
}
.rbc459-match-card .rbc459-tag{color:#ffdc4a;}

/* ==== Block 28/140 - urspruenglich gamenight.html Zeile 28435: <style> ==== */
/* v462 RETROBOYS: Grafik stabil + Spieleabend Tabelle sauber */
#rbc429GraphicViewport,
.rbc429-graphic-viewport{
  position:relative!important;
  overflow:hidden!important;
  min-height:680px!important;
  height:calc(100vh - 170px)!important;
  background:#020008!important;
}
#rbc429GraphicFrame{
  position:absolute!important;
  width:1920px!important;
  height:1080px!important;
  min-width:1920px!important;
  min-height:1080px!important;
  border:0!important;
  left:50%!important;
  top:50%!important;
  transform-origin:center center!important;
  background:#020008!important;
}
#panel-graphic::before{
  content:'Grafik-Ansicht stabilisiert · Zoom bleibt manuell'!important;
}
#panel-mvp #rbc-final-table-270{
  width:min(1180px,92vw)!important;
  max-width:1180px!important;
  overflow:hidden!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid{
  display:grid!important;
  grid-template-columns:52px minmax(220px,1.5fr) 54px 54px 78px 120px 105px 105px 82px!important;
  align-items:center!important;
  column-gap:0!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid > div{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:10px 8px!important;
  box-sizing:border-box!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-head{
  font-size:9px!important;
  letter-spacing:1.3px!important;
  color:#ffdc4a!important;
  white-space:nowrap!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-player{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-player img{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-player span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-rate{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-rate b{
  flex:1 1 auto!important;
  min-width:28px!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-rate span{
  flex:0 0 auto!important;
}

/* ==== Block 29/140 - urspruenglich gamenight.html Zeile 28638: <style> ==== */
/* v464 RETROBOYS: Freilose kompakter + Abschluss-Kacheln lesbar
   rbc-freilos-height: Freilos-Kacheln bekommen exakt die Anatomie eines
   Spiels mit 2 Gegnern (Kopf + 2 Slots), damit alle WB1-Kacheln gleich
   hoch sind und die Turnierbaum-Linien sauber gezogen werden koennen.
   Der Freilos-Hinweis sitzt jetzt im 2. Gegner-Slot ("FREILOS / leer"),
   das separate Pillen-Label entfaellt. */
.rbc459-node.auto{
  min-height:92px!important;
  padding:10px!important;
  opacity:.92!important;
  background:
    linear-gradient(180deg,rgba(255,220,74,.06),rgba(12,4,25,.66))!important;
  border-style:dashed!important;
}
.rbc459-node.auto .rbc459-hdr{
  margin-bottom:8px!important;
}
.rbc459-node.auto .rbc459-side.empty{
  display:flex!important;
}
.rbc459-node.auto .rbc459-side{
  min-height:31px!important;
  margin-top:5px!important;
  padding:5px 6px!important;
}
.rbc459-node.auto .rbc459-side img{
  width:24px!important;
  height:24px!important;
}
.rbc459-node.auto .rbc459-auto-label{
  display:none!important;
}

#panel-mvp .mvp-row{
  gap:16px!important;
  align-items:stretch!important;
}
#panel-mvp .mvpc.rbc464-mvpc,
#panel-mvp .mvpc{
  height:205px!important;
  min-height:205px!important;
  max-height:205px!important;
  overflow:visible!important;
  padding:16px 14px 18px!important;
}
#panel-mvp .mvpc .mvpc-av{
  width:58px!important;
  height:58px!important;
  margin-bottom:7px!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av{
  width:64px!important;
  height:64px!important;
}
#panel-mvp .mvpc .mvpc-nm{
  margin:4px auto 8px!important;
  min-height:18px!important;
  max-width:92%!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar,
#panel-mvp .mvpc .mvpc-st{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:0!important;
  margin:0 auto!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  white-space:nowrap!important;
  letter-spacing:.2px!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span,
#panel-mvp .mvpc .mvpc-st span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(76,255,136,.26)!important;
  background:rgba(76,255,136,.075)!important;
  color:rgba(255,255,255,.90)!important;
  font-family:var(--mono)!important;
  font-size:10px!important;
  line-height:1!important;
  text-shadow:0 0 7px rgba(76,255,136,.14)!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span b,
#panel-mvp .mvpc .mvpc-st span b{
  color:#4cff88!important;
  font-size:11px!important;
  margin-right:4px!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st.rbc464-statbar span,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st span{
  border-color:rgba(255,220,74,.34)!important;
  background:rgba(255,220,74,.075)!important;
}

/* ==== Block 30/140 - urspruenglich gamenight.html Zeile 28751: <style> ==== */
/* v465 RETROBOYS: Quali/Hauptbaum/LB optisch klarer */
.rbc459-note{
  border-color:rgba(76,255,136,.34)!important;
  background:linear-gradient(90deg,rgba(76,255,136,.075),rgba(76,255,136,.025))!important;
}
.rbc459-round.rbc465-wb-qualifier h4{
  color:#ffdc4a!important;
}
.rbc459-round.rbc465-wb-qualifier .rbc459-node.auto{
  /* rbc-freilos-height: kein Herunterskalieren mehr – Freilos-Kacheln
     bleiben gleich hoch wie 2-Gegner-Spiele, damit die Linien passen. */
  transform:none;
}
.rbc459-side.seeded{
  border-color:rgba(255,220,74,.46)!important;
  background:linear-gradient(180deg,rgba(255,220,74,.13),rgba(255,255,255,.025))!important;
  box-shadow:0 0 12px rgba(255,220,74,.10)!important;
}
.rbc459-side.seeded small{
  color:#ffdc4a!important;
  text-shadow:0 0 8px rgba(255,220,74,.26)!important;
}
.rbc459-side.seeded::after{
  content:'gesetzt';
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(255,220,74,.28);
  background:rgba(255,220,74,.08);
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:7px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.rbc459-lb{
  margin-top:4px!important;
  border-top:1px solid rgba(255,144,0,.24)!important;
}
.rbc459-title.lb{
  color:#ffdc4a!important;
}
.rbc465-lb-round h4{
  color:rgba(255,220,74,.70)!important;
}
.rbc465-lb-round .rbc459-node{
  border-color:rgba(255,144,0,.30)!important;
}
.rbc465-lb-round .rbc459-node.auto{
  opacity:.84!important;
}
.rbc465-lb-round .rbc459-side.wait,
.rbc465-lb-round .rbc459-side.empty{
  opacity:.60!important;
}
.rbc465-lb-wrap::before{
  content:'LB übernimmt nur echte Verlierer aus gespielten Matches – Freilos erzeugt keinen LB-Gegner.';
  display:block;
  margin:0 0 10px 4px;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:rgba(255,220,74,.55);
}

/* ==== Block 31/140 - urspruenglich gamenight.html Zeile 28826: <style> ==== */
/* v466 RETROBOYS: Abschluss kompakter + Sieger in Alle Spiele deutlicher */

/* Spieler des Abends: Award-Karten kompakter */
#panel-mvp .mvp-row{
  gap:14px!important;
  margin-top:10px!important;
}
#panel-mvp .mvpc,
#panel-mvp .mvpc.rbc464-mvpc{
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  padding:12px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#panel-mvp .mvpc .mvpc-icon{
  font-size:17px!important;
  margin-bottom:4px!important;
}
#panel-mvp .mvpc .mvpc-lbl{
  font-size:8px!important;
  letter-spacing:2px!important;
  margin-bottom:6px!important;
}
#panel-mvp .mvpc .mvpc-av{
  width:48px!important;
  height:48px!important;
  margin:0 0 5px!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av{
  width:54px!important;
  height:54px!important;
}
#panel-mvp .mvpc .mvpc-nm{
  margin:3px auto 6px!important;
  min-height:15px!important;
  font-size:12px!important;
  line-height:1!important;
  max-width:94%!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar,
#panel-mvp .mvpc .mvpc-st{
  gap:5px!important;
  min-height:23px!important;
  transform:scale(.94)!important;
  transform-origin:center center!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span,
#panel-mvp .mvpc .mvpc-st span{
  min-height:21px!important;
  padding:3px 6px!important;
  font-size:8.5px!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span b,
#panel-mvp .mvpc .mvpc-st span b{
  font-size:9.5px!important;
  margin-right:3px!important;
}

/* Podest etwas näher an den Awards ziehen */
#panel-mvp #podest{
  margin-bottom:12px!important;
}
#panel-mvp .podest{
  transform:scale(.94)!important;
  transform-origin:center top!important;
  margin-bottom:-18px!important;
}

/* Alle Spiele: Gewinner sichtbar als grüne Sieger-Kapsel direkt im Match */
#panel-mvp .rbc272-games-list{
  gap:8px!important;
}
#panel-mvp .rbc272-game{
  position:relative!important;
  border:1px solid rgba(255,58,162,.35)!important;
  background:linear-gradient(90deg,rgba(44,14,82,.82),rgba(32,9,62,.70))!important;
  overflow:hidden!important;
}
#panel-mvp .rbc272-game::before{
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  background:linear-gradient(180deg,#4cff88,#ff3aa2)!important;
  opacity:.85!important;
}
#panel-mvp .rbc272-game-main{
  align-items:center!important;
  gap:8px!important;
}
#panel-mvp .rbc272-game-main b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  max-width:220px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#panel-mvp .rbc272-game-main b.rbc449-winner{
  color:#09140c!important;
  background:linear-gradient(90deg,#4cff88,#b8ffd0)!important;
  border:1px solid rgba(76,255,136,.90)!important;
  box-shadow:0 0 14px rgba(76,255,136,.30)!important;
  text-shadow:none!important;
  font-weight:900!important;
}
#panel-mvp .rbc272-game-main b.rbc449-winner::after{
  content:'SIEGER'!important;
  margin-left:7px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.18)!important;
  color:#041007!important;
  font-family:var(--mono)!important;
  font-size:7px!important;
  letter-spacing:1px!important;
}
#panel-mvp .rbc272-game-main b.rbc449-loser{
  color:rgba(255,255,255,.58)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  opacity:.72!important;
}
#panel-mvp .rbc272-game-main span{
  color:rgba(255,255,255,.38)!important;
  font-size:9px!important;
}
#panel-mvp .rbc272-game-main span .rbc-vs-v{color:rgba(255,58,162,.65)!important;}
#panel-mvp .rbc272-game-main span .rbc-vs-s{color:rgba(18,214,255,.65)!important;}
#panel-mvp .rbc272-game-win{
  display:none!important;
}
#panel-mvp .rbc272-game-meta{
  color:rgba(255,220,74,.62)!important;
  font-size:8px!important;
  letter-spacing:1px!important;
}

/* Fallback für den alten slog-Block */
#panel-mvp .slog-item strong{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:5px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#4cff88,#b8ffd0)!important;
  color:#07120a!important;
  box-shadow:0 0 12px rgba(76,255,136,.25)!important;
}
#panel-mvp .slog-item strong::after{
  content:'SIEGER'!important;
  margin-left:7px!important;
  font-size:7px!important;
  letter-spacing:1px!important;
}

/* ==== Block 32/140 - urspruenglich gamenight.html Zeile 28998: <style> ==== */
/* v467 RETROBOYS: Abschluss ruhiger, kompakter, weniger Badge-Lärm */

/* Award-Karten noch kompakter und stärker auf Inhalt fokussiert */
#panel-mvp .mvp-row{
  gap:12px!important;
  margin-top:4px!important;
}
#panel-mvp .mvpc,
#panel-mvp .mvpc.rbc464-mvpc{
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
  justify-content:initial!important;
  text-align:left!important;
}
#panel-mvp .mvpc .mvpc-icon{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  justify-self:center!important;
  align-self:center!important;
  font-size:18px!important;
  margin:0!important;
  opacity:.95!important;
}
#panel-mvp .mvpc .mvpc-lbl{
  grid-column:2!important;
  grid-row:1!important;
  margin:0 0 3px!important;
  font-size:8px!important;
  letter-spacing:2.1px!important;
  text-align:left!important;
}
#panel-mvp .mvpc .mvpc-av{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  width:48px!important;
  height:48px!important;
  margin:22px 0 0!important;
  justify-self:center!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av{
  width:52px!important;
  height:52px!important;
}
#panel-mvp .mvpc .mvpc-nm{
  grid-column:2!important;
  grid-row:2!important;
  margin:0 0 6px!important;
  min-height:auto!important;
  max-width:100%!important;
  font-size:13px!important;
  line-height:1.05!important;
  text-align:left!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar,
#panel-mvp .mvpc .mvpc-st{
  grid-column:2!important;
  grid-row:3!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-height:22px!important;
  transform:none!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span,
#panel-mvp .mvpc .mvpc-st span{
  min-height:20px!important;
  padding:3px 6px!important;
  font-size:8px!important;
}
#panel-mvp .mvpc .mvpc-st.rbc464-statbar span b,
#panel-mvp .mvpc .mvpc-st span b{
  font-size:9px!important;
}

/* Podest etwas luftiger oben lassen, Award-Zeile darunter kompakter */
#panel-mvp .podest{
  transform:scale(.92)!important;
  transform-origin:center top!important;
  margin-bottom:-26px!important;
}

/* Alle Spiele: Gewinner elegant statt grell */
#panel-mvp .rbc272-games-list{
  gap:7px!important;
}
#panel-mvp .rbc272-game{
  min-height:34px!important;
  padding:6px 10px 6px 12px!important;
  border-color:rgba(255,58,162,.30)!important;
  background:linear-gradient(90deg,rgba(43,14,82,.76),rgba(27,8,55,.66))!important;
}
#panel-mvp .rbc272-game:hover{
  border-color:rgba(76,255,136,.36)!important;
}
#panel-mvp .rbc272-game-num{
  color:#ffdc4a!important;
  opacity:.95!important;
}
#panel-mvp .rbc272-game-main{
  gap:6px!important;
}
#panel-mvp .rbc272-game-main b{
  min-height:22px!important;
  padding:3px 8px!important;
  max-width:205px!important;
  font-size:10px!important;
}
#panel-mvp .rbc272-game-main b.rbc449-winner{
  color:#07120a!important;
  background:linear-gradient(90deg,#4cff88,#d7ffe2)!important;
  border:1px solid rgba(76,255,136,.88)!important;
  box-shadow:0 0 10px rgba(76,255,136,.22)!important;
  text-shadow:none!important;
}
#panel-mvp .rbc272-game-main b.rbc449-winner::before{
  content:'🏆'!important;
  margin-right:5px!important;
  font-size:10px!important;
}
#panel-mvp .rbc272-game-main b.rbc449-winner::after{
  content:''!important;
  display:none!important;
}
#panel-mvp .rbc272-game-main b.rbc449-loser{
  color:rgba(255,255,255,.50)!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  opacity:.62!important;
}
#panel-mvp .rbc272-game-main span{
  color:rgba(255,255,255,.32)!important;
  font-size:8px!important;
}
#panel-mvp .rbc272-game-main span .rbc-vs-v{color:rgba(255,58,162,.6)!important;}
#panel-mvp .rbc272-game-main span .rbc-vs-s{color:rgba(18,214,255,.6)!important;}
#panel-mvp .rbc272-game-meta{
  color:rgba(255,220,74,.50)!important;
  font-size:7.5px!important;
}
#panel-mvp .rbc272-game-win{
  display:none!important;
}

/* Alte slog-Fallbacks ebenfalls ruhiger */
#panel-mvp .slog-item strong{
  background:linear-gradient(90deg,#4cff88,#d7ffe2)!important;
  color:#07120a!important;
  padding:3px 7px!important;
}
#panel-mvp .slog-item strong::before{
  content:'🏆'!important;
  margin-right:5px!important;
}
#panel-mvp .slog-item strong::after{
  content:''!important;
  display:none!important;
}

/* ==== Block 33/140 - urspruenglich gamenight.html Zeile 29171: <style> ==== */
/* v468 RETROBOYS: Abschluss Variante B - Show statt Statistik-Wand */

/* Abschluss-Seite als klare Stream-End-Szene */
#panel-mvp{
  padding-bottom:80px!important;
}

/* Podest wieder stärker in den Fokus */
#panel-mvp #podest{
  margin-top:0!important;
  margin-bottom:8px!important;
}
#panel-mvp .podest{
  transform:scale(1.06)!important;
  transform-origin:center top!important;
  margin-bottom:8px!important;
}
#panel-mvp .podest-name{
  font-size:13px!important;
}
#panel-mvp .podest-stat{
  opacity:.82!important;
}

/* Award-Zeile: erste Karte = große Spieler-des-Abends-Hero-Karte */
#panel-mvp .mvp-row{
  display:grid!important;
  grid-template-columns:minmax(360px,1.2fr) minmax(180px,.45fr) minmax(180px,.45fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  margin:8px 24px 18px!important;
}
#panel-mvp .mvp-row .mvpc{
  min-width:0!important;
}
#panel-mvp .mvp-row .mvpc:first-child{
  height:184px!important;
  min-height:184px!important;
  max-height:184px!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  padding:18px 22px!important;
  border-color:rgba(255,220,74,.66)!important;
  background:
    radial-gradient(circle at 18% 42%,rgba(255,220,74,.20),transparent 34%),
    linear-gradient(90deg,rgba(70,35,85,.82),rgba(36,14,70,.76))!important;
  box-shadow:0 0 28px rgba(255,220,74,.22), inset 0 0 30px rgba(255,220,74,.04)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl{
  font-size:10px!important;
  letter-spacing:3px!important;
  color:#ffdc4a!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl::before{
  content:'SPIELER DES ABENDS · '!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av{
  width:82px!important;
  height:82px!important;
  margin:30px 0 0!important;
  box-shadow:0 0 28px rgba(255,220,74,.38)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm{
  font-size:22px!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 0 14px rgba(255,220,74,.36)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st{
  gap:8px!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st span{
  min-height:28px!important;
  padding:5px 10px!important;
  font-size:10px!important;
  border-color:rgba(255,220,74,.34)!important;
  background:rgba(255,220,74,.085)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st span b{
  font-size:12px!important;
  color:#ffdc4a!important;
}

/* Zusatz-Awards nur noch klein als Info-Badges */
#panel-mvp .mvp-row .mvpc:not(:first-child){
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  padding:10px 12px!important;
  align-self:center!important;
  opacity:.92!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-icon{
  font-size:16px!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-av{
  width:36px!important;
  height:36px!important;
  margin:18px 0 0!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-lbl{
  font-size:7px!important;
  letter-spacing:1.8px!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-nm{
  font-size:10px!important;
  margin-bottom:3px!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-st{
  transform:scale(.82)!important;
  transform-origin:left center!important;
}
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-st span{
  padding:2px 5px!important;
}

/* Alle Spiele weiter nach unten und einklappbar */
#panel-mvp #allGames,
#panel-mvp .rbc272-games{
  max-width:1080px!important;
  margin:24px auto 18px!important;
  border:1px solid rgba(255,58,162,.28)!important;
  border-radius:16px!important;
  background:rgba(14,5,31,.50)!important;
  overflow:hidden!important;
}
#panel-mvp #allGames h3,
#panel-mvp .rbc272-games h3{
  cursor:pointer!important;
  margin:0!important;
  padding:12px 16px!important;
  border-bottom:1px solid rgba(255,58,162,.16)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
#panel-mvp #allGames h3::after,
#panel-mvp .rbc272-games h3::after{
  content:'KLICK ZUM ÖFFNEN/SCHLIESSEN'!important;
  color:rgba(255,255,255,.45)!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
  letter-spacing:1.3px!important;
}
#panel-mvp #allGames.rbc468-collapsed .rbc272-games-list,
#panel-mvp .rbc272-games.rbc468-collapsed .rbc272-games-list{
  display:none!important;
}
#panel-mvp #allGames.rbc468-collapsed h3,
#panel-mvp .rbc272-games.rbc468-collapsed h3{
  border-bottom:0!important;
}
#panel-mvp .rbc272-games-list{
  padding:10px 12px 12px!important;
  max-height:210px!important;
  overflow:auto!important;
}

/* Spieleabend Tabelle als Top-5-Kompaktblock */
#panel-mvp #rbc-final-table-270{
  max-width:920px!important;
  margin:18px auto 40px!important;
  opacity:.96!important;
}
#panel-mvp #rbc-final-table-270 h3::after{
  content:' · TOP 5'!important;
  color:#ffdc4a!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid{
  grid-template-columns:44px minmax(190px,1.5fr) 46px 46px 64px 100px 88px 88px 64px!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid > div:nth-child(n+55){
  display:none!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-head{
  font-size:8px!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid > div{
  padding:8px 7px!important;
}

/* Kleine Beschriftung unter dem Hero-Bereich */
#panel-mvp .rbc468-end-note{
  max-width:920px;
  margin:4px auto 0;
  text-align:center;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}

/* ==== Block 34/140 - urspruenglich gamenight.html Zeile 29423: <style> ==== */
/* v469 RETROBOYS: Spieleabend Tabelle wieder alle Spieler + Alle Spiele als kompakte Historie unter der Tabelle */

/* Top-5-Begrenzung aus v468 zurücknehmen */
#panel-mvp #rbc-final-table-270{
  max-width:1080px!important;
  margin:18px auto 16px!important;
}
#panel-mvp #rbc-final-table-270 h3::after{
  content:''!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid{
  grid-template-columns:44px minmax(220px,1.6fr) 50px 50px 70px 108px 96px 96px 70px!important;
}
#panel-mvp #rbc-final-table-270 .rbc270-grid > div:nth-child(n+55){
  display:block!important;
}

/* Alte Alle-Spiele-Karten im Abschluss ersetzen */
#panel-mvp #allGames,
#panel-mvp .rbc272-games{
  display:none!important;
}

/* Neue Match-Historie direkt an der Tabelle */
#panel-mvp #rbc469-match-history{
  max-width:1080px;
  margin:0 auto 42px;
  border:1px solid rgba(255,58,162,.30);
  border-radius:16px;
  background:rgba(14,5,31,.54);
  box-shadow:0 0 22px rgba(255,58,162,.08);
  overflow:hidden;
}
#panel-mvp #rbc469-match-history .rbc469-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 15px;
  border-bottom:1px solid rgba(255,58,162,.18);
}
#panel-mvp #rbc469-match-history .rbc469-title{
  font-family:var(--head);
  color:var(--magenta);
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
}
#panel-mvp #rbc469-match-history .rbc469-sub{
  font-family:var(--mono);
  color:rgba(255,255,255,.48);
  font-size:8px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
#panel-mvp #rbc469-match-history .rbc469-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 10px;
  padding:10px 12px 12px;
}
#panel-mvp #rbc469-match-history .rbc469-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:5px 8px;
  border:1px solid rgba(255,58,162,.25);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(43,14,82,.78),rgba(27,8,55,.66));
  overflow:hidden;
}
#panel-mvp #rbc469-match-history .rbc469-label{
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.1px;
  text-transform:uppercase;
  white-space:nowrap;
}
#panel-mvp #rbc469-match-history .rbc469-vs{
  color:rgba(255,255,255,.34);
  font-family:var(--mono);
  font-size:8px;
}
#panel-mvp #rbc469-match-history .rbc469-vs .rbc-vs-v{color:rgba(255,58,162,.6);}
#panel-mvp #rbc469-match-history .rbc469-vs .rbc-vs-s{color:rgba(18,214,255,.6);}
#panel-mvp #rbc469-match-history .rbc469-player{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.58);
  font-family:var(--mono);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#panel-mvp #rbc469-match-history .rbc469-player.win{
  color:#07120a;
  background:linear-gradient(90deg,#4cff88,#d7ffe2);
  border-color:rgba(76,255,136,.88);
  box-shadow:0 0 10px rgba(76,255,136,.20);
  font-weight:900;
}
#panel-mvp #rbc469-match-history .rbc469-player.win::before{
  content:'🏆';
  font-size:9px;
  flex:0 0 auto;
}
#panel-mvp #rbc469-match-history .rbc469-player.lose{
  opacity:.64;
}
#panel-mvp #rbc469-match-history .rbc469-player span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
#panel-mvp #rbc469-match-history .rbc469-empty{
  padding:16px;
  color:rgba(255,255,255,.45);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

/* Auf kleineren OBS-Dock-Breiten einspaltig */
@media (max-width: 1200px){
  #panel-mvp #rbc469-match-history .rbc469-list{
    grid-template-columns:1fr;
  }
}

/* ==== Block 35/140 - urspruenglich gamenight.html Zeile 29673: <style> ==== */
/* v470 RETROBOYS: Grafik 100% + alte Alle-Spiele-Blöcke hart entfernen + Match-Historie an Tabelle */

/* Grafik-Zoom-Anzeige stabil auf 100% vorbereiten */
#panel-graphic .rbc441-zoom-label,
#panel-graphic .zoom-label{
  color:#4cff88!important;
}

/* Alte Abschluss-Spielhistorien überall im Abschlussbereich verstecken */
#panel-mvp #allGames,
#panel-mvp .rbc272-games,
#panel-mvp .rbc272-games-list,
#panel-mvp .match-history,
#panel-mvp .all-games,
#panel-mvp #slog,
#panel-mvp .slog,
#panel-mvp .slog-list,
#panel-mvp .slog-item,
#panel-abschluss #allGames,
#panel-abschluss .rbc272-games,
#panel-abschluss .rbc272-games-list,
#panel-abschluss .match-history,
#panel-abschluss .all-games,
#panel-abschluss #slog,
#panel-abschluss .slog,
#panel-abschluss .slog-list,
#panel-abschluss .slog-item{
  display:none!important;
}

/* Neue kompakte Historie unter der Tabelle */
#rbc470-match-history{
  max-width:1080px!important;
  margin:0 auto 44px!important;
  border:1px solid rgba(255,58,162,.32)!important;
  border-radius:16px!important;
  background:rgba(14,5,31,.58)!important;
  box-shadow:0 0 22px rgba(255,58,162,.08)!important;
  overflow:hidden!important;
}
#rbc470-match-history .rbc470-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:11px 15px!important;
  border-bottom:1px solid rgba(255,58,162,.18)!important;
}
#rbc470-match-history .rbc470-title{
  font-family:var(--head)!important;
  color:var(--magenta)!important;
  font-size:14px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}
#rbc470-match-history .rbc470-sub{
  font-family:var(--mono)!important;
  color:rgba(255,255,255,.48)!important;
  font-size:8px!important;
  letter-spacing:1.3px!important;
  text-transform:uppercase!important;
}
#rbc470-match-history .rbc470-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px 10px!important;
  padding:10px 12px 12px!important;
}
#rbc470-match-history .rbc470-row{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,58,162,.25)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(43,14,82,.78),rgba(27,8,55,.66))!important;
  overflow:hidden!important;
}
#rbc470-match-history .rbc470-label{
  color:#ffdc4a!important;
  font-family:var(--mono)!important;
  font-size:9px!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#rbc470-match-history .rbc470-vs{
  color:rgba(255,255,255,.34)!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
}
#rbc470-match-history .rbc470-vs .rbc-vs-v{color:rgba(255,58,162,.6)!important;}
#rbc470-match-history .rbc470-vs .rbc-vs-s{color:rgba(18,214,255,.6)!important;}
#rbc470-match-history .rbc470-player{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--mono)!important;
  font-size:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#rbc470-match-history .rbc470-player.win{
  color:#07120a!important;
  background:linear-gradient(90deg,#4cff88,#d7ffe2)!important;
  border-color:rgba(76,255,136,.88)!important;
  box-shadow:0 0 10px rgba(76,255,136,.20)!important;
  font-weight:900!important;
}
#rbc470-match-history .rbc470-player.win::before{
  content:'🏆'!important;
  font-size:9px!important;
  flex:0 0 auto!important;
}
#rbc470-match-history .rbc470-player.lose{
  opacity:.64!important;
}
#rbc470-match-history .rbc470-player span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#rbc470-match-history .rbc470-empty{
  padding:16px!important;
  color:rgba(255,255,255,.45)!important;
  font-family:var(--mono)!important;
  font-size:10px!important;
  letter-spacing:1.3px!important;
  text-transform:uppercase!important;
}
@media (max-width: 1200px){
  #rbc470-match-history .rbc470-list{
    grid-template-columns:1fr!important;
  }
}

/* ==== Block 36/140 - urspruenglich gamenight.html Zeile 30018: <style> ==== */
/* v471 RETROBOYS: Abschluss hart bereinigen – alte Alle-Spiele-Sektion komplett weg */

/* Nur wenn Abschluss aktiv ist: alte/legacy Matchlisten global ausblenden */
body.rbc471-abschluss-active #allGames:not(#rbc470-match-history),
body.rbc471-abschluss-active .rbc272-games,
body.rbc471-abschluss-active .rbc272-games-list,
body.rbc471-abschluss-active .rbc272-game,
body.rbc471-abschluss-active .rbc469-match-history,
body.rbc471-abschluss-active #rbc469-match-history,
body.rbc471-abschluss-active .match-history:not(#rbc470-match-history),
body.rbc471-abschluss-active .all-games,
body.rbc471-abschluss-active #slog,
body.rbc471-abschluss-active .slog,
body.rbc471-abschluss-active .slog-list,
body.rbc471-abschluss-active .slog-item,
body.rbc471-abschluss-active .rbc468-end-note{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Neue Match-Historie sichtbar und direkt unter der Tabelle */
body.rbc471-abschluss-active #rbc470-match-history{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin:0 auto 44px!important;
}

/* Tabelle etwas höher/kompakter, weil Alle Spiele jetzt darunter sitzt */
body.rbc471-abschluss-active #rbc-final-table-270{
  margin-top:18px!important;
  margin-bottom:12px!important;
}

/* Match-Historie unter Tabelle etwas ruhiger */
body.rbc471-abschluss-active #rbc470-match-history .rbc470-list{
  max-height:260px!important;
  overflow:auto!important;
}

/* ==== Block 37/140 - urspruenglich gamenight.html Zeile 30213: <style> ==== */
/* v472 RETROBOYS: Tabelle bekommt Match-Historie + Grafik-Preview ruckelfrei */

/* Match-Historie im Tabelle-Reiter */
#panel-results #rbc472-results-history{
  grid-column:1 / -1;
  margin-top:22px;
  border:1px solid rgba(255,58,162,.30);
  border-radius:16px;
  background:rgba(14,5,31,.56);
  box-shadow:0 0 22px rgba(255,58,162,.08);
  overflow:hidden;
}
#panel-results #rbc472-results-history .rbc472-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:11px 15px;
  border-bottom:1px solid rgba(255,58,162,.18);
}
#panel-results #rbc472-results-history .rbc472-title{
  font-family:var(--head);
  color:var(--magenta);
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
}
#panel-results #rbc472-results-history .rbc472-sub{
  font-family:var(--mono);
  color:rgba(255,255,255,.48);
  font-size:8px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
#panel-results #rbc472-results-history .rbc472-list{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px 10px;
  padding:10px 12px 12px;
  max-height:250px;
  overflow:auto;
}
#panel-results #rbc472-results-history .rbc472-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:5px 8px;
  border:1px solid rgba(255,58,162,.24);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(43,14,82,.78),rgba(27,8,55,.66));
  overflow:hidden;
}
#panel-results #rbc472-results-history .rbc472-label{
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.1px;
  text-transform:uppercase;
  white-space:nowrap;
}
#panel-results #rbc472-results-history .rbc472-vs{
  color:rgba(255,255,255,.34);
  font-family:var(--mono);
  font-size:8px;
}
#panel-results #rbc472-results-history .rbc472-player{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.58);
  font-family:var(--mono);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#panel-results #rbc472-results-history .rbc472-player.win{
  color:#07120a;
  background:linear-gradient(90deg,#4cff88,#d7ffe2);
  border-color:rgba(76,255,136,.88);
  box-shadow:0 0 10px rgba(76,255,136,.18);
  font-weight:900;
}
#panel-results #rbc472-results-history .rbc472-player.win::before{
  content:'🏆';
  font-size:9px;
  flex:0 0 auto;
}
#panel-results #rbc472-results-history .rbc472-player.lose{
  opacity:.64;
}
#panel-results #rbc472-results-history .rbc472-player span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
#panel-results #rbc472-results-history .rbc472-empty{
  padding:16px;
  color:rgba(255,255,255,.45);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

#panel-luckyslot .rbc638-reel{
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(248,226,190,.98), rgba(218,188,146,.92) 48%, rgba(236,206,166,.96))!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-reel:before,
#panel-luckyslot .rbc638-reel:after{height:58px!important;}
#panel-luckyslot .rbc638-reel-label,
#panel-luckyslot .rbc638-pointer{z-index:2!important;}
#panel-luckyslot .rbc638-reel-window{padding:18px 16px 14px!important;min-height:100%!important;}

/* v672: exaktere Einpassung der Walzen / DOS-Feld */
#panel-luckyslot .rbc638-reels{
  left:23.1%!important;
  top:40.0%!important;
  width:52.4%!important;
  height:31.7%!important;
  gap:2.8%!important;
}
#panel-luckyslot .rbc638-reel{
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg, rgba(246,224,190,.98), rgba(224,197,154,.94) 50%, rgba(236,207,170,.97))!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc638-reel:before,
#panel-luckyslot .rbc638-reel:after{height:44px!important;}
#panel-luckyslot .rbc638-reel-window{
  padding:12px 10px 10px!important;
  min-height:100%!important;
}
#panel-luckyslot .rbc638-item{
  min-height:156px!important;
  gap:6px!important;
}
#panel-luckyslot .rbc638-avatar{
  width:68px!important;
  height:68px!important;
  border-width:2px!important;
  box-shadow:0 0 0 3px rgba(30,10,24,.68), 0 0 16px rgba(255,58,162,.26)!important;
}
#panel-luckyslot .rbc638-avatar.empty{font-size:26px!important;}
#panel-luckyslot .rbc638-mapicon{
  width:72px!important;
  height:62px!important;
  border-width:2px!important;
  border-radius:10px!important;
  box-shadow:0 0 0 3px rgba(30,10,24,.68), 0 0 16px rgba(255,220,74,.24)!important;
}
#panel-luckyslot .rbc638-name{
  font-size:15px!important;
  line-height:1.02!important;
  letter-spacing:.35px!important;
}
#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:14px!important;
  line-height:1.02!important;
  max-height:32px!important;
}
#panel-luckyslot .rbc638-meta{
  font-size:9px!important;
  letter-spacing:.8px!important;
}
#panel-luckyslot .rbc638-pointer.left{left:-20px!important;border-top-width:14px!important;border-bottom-width:14px!important;border-left-width:20px!important;}
#panel-luckyslot .rbc638-pointer.right{right:-20px!important;border-top-width:14px!important;border-bottom-width:14px!important;border-right-width:20px!important;}
#panel-luckyslot .rbc638-led{
  left:19.6%!important;
  bottom:14.5%!important;
  width:59.0%!important;
  min-height:8.4%!important;
  padding:4px 10px 5px!important;
  border-radius:9px!important;
  background:rgba(8,5,18,.20)!important;
}
#panel-luckyslot .rbc638-led-title{
  font-size:8px!important;
  letter-spacing:.7px!important;
  margin-bottom:2px!important;
  opacity:.78!important;
}
#panel-luckyslot .rbc638-led-lines{
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:.9px!important;
  text-shadow:0 0 8px rgba(255,190,80,.26)!important;
}
@media (max-width:1500px){
  #panel-results #rbc472-results-history .rbc472-list{grid-template-columns:1fr 1fr;}
}
@media (max-width:1100px){
  #panel-results #rbc472-results-history .rbc472-list{grid-template-columns:1fr;}
}

/* Grafik: kein sichtbares Zucken beim erneuten Öffnen */
#rbc429GraphicFrame{
  will-change:transform;
  backface-visibility:hidden;
}

/* ==== Block 38/140 - urspruenglich gamenight.html Zeile 30694: <style> ==== */
/* v473 RETROBOYS: Grafik immer 100% + Abschluss-Kategorien klarer */

/* Grafik: keine Zoom-/Fit-Optik mehr, feste 100%-Darstellung */
body.rbc473-graphic-active #rbc429GraphicFrame{
  width:1920px!important;
  height:1080px!important;
  min-width:1920px!important;
  min-height:1080px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:center center!important;
  border:0!important;
}
body.rbc473-graphic-active #rbc429GraphicViewport,
body.rbc473-graphic-active .rbc429-graphic-viewport{
  overflow:hidden!important;
}
body.rbc473-graphic-active .rbc441-zoom-label,
body.rbc473-graphic-active .zoom-label{
  color:#4cff88!important;
}
body.rbc473-graphic-active .rbc441-zoom-label::after,
body.rbc473-graphic-active .zoom-label::after{
  content:' fix'!important;
  color:rgba(255,255,255,.38)!important;
  font-size:8px!important;
  margin-left:4px!important;
}

/* Abschluss: 3 Kategorien klar und gleichmäßiger */
#panel-mvp .mvp-row{
  grid-template-columns:1fr 1fr 1fr!important;
  gap:14px!important;
  margin:10px 24px 18px!important;
}
#panel-mvp .mvp-row .mvpc,
#panel-mvp .mvp-row .mvpc:first-child,
#panel-mvp .mvp-row .mvpc:not(:first-child){
  height:156px!important;
  min-height:158px!important;
  max-height:142px!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  padding:13px 16px!important;
  align-self:stretch!important;
  opacity:1!important;
  text-align:left!important;
}
#panel-mvp .mvp-row .mvpc:first-child{
  border-color:rgba(255,220,74,.58)!important;
  background:
    radial-gradient(circle at 18% 45%,rgba(255,220,74,.16),transparent 36%),
    linear-gradient(90deg,rgba(70,35,85,.76),rgba(36,14,70,.72))!important;
  box-shadow:0 0 22px rgba(255,220,74,.15), inset 0 0 28px rgba(255,220,74,.03)!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-icon,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-icon,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-icon{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  justify-self:center!important;
  align-self:center!important;
  font-size:18px!important;
  margin:0!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-av,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-av,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-av{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  width:52px!important;
  height:52px!important;
  margin:22px 0 0!important;
  justify-self:center!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-lbl,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-lbl{
  grid-column:2!important;
  grid-row:1!important;
  margin:0 0 5px!important;
  font-size:9px!important;
  letter-spacing:2.2px!important;
  text-align:left!important;
  color:#ff3aa2!important;
  white-space:nowrap!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl{
  color:#ffdc4a!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl::before{
  content:''!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-nm,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-nm{
  grid-column:2!important;
  grid-row:2!important;
  margin:0 0 7px!important;
  min-height:auto!important;
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.05!important;
  text-align:left!important;
  color:#fff!important;
  text-shadow:0 0 12px rgba(255,58,162,.24)!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm{
  font-size:16px!important;
  text-shadow:0 0 14px rgba(255,220,74,.30)!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-st,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-st{
  grid-column:2!important;
  grid-row:3!important;
  justify-content:flex-start!important;
  gap:5px!important;
  transform:none!important;
  min-height:22px!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-st span,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st span,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-st span{
  min-height:21px!important;
  padding:3px 7px!important;
  font-size:8.5px!important;
}
#panel-mvp .mvp-row .mvpc .mvpc-st span b,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-st span b,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-st span b{
  font-size:9.5px!important;
}

/* Falls der ursprüngliche Text zu klein/unklar ist, klare Kategorie-Titel davor setzen */
#panel-mvp .mvp-row .mvpc:nth-child(1) .mvpc-lbl{
  font-size:0!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(1) .mvpc-lbl::after{
  content:'SPIELER DES ABENDS / MEISTE SIEGE'!important;
  font-size:9px!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(2) .mvpc-lbl{
  font-size:0!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(2) .mvpc-lbl::after{
  content:'BESTE WINRATE'!important;
  font-size:9px!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(3) .mvpc-lbl{
  font-size:0!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(3) .mvpc-lbl::after{
  content:'MEISTE SPIELE'!important;
  font-size:9px!important;
}

/* Podest + Award-Abstand harmonischer */
#panel-mvp .podest{
  transform:scale(.95)!important;
  transform-origin:center top!important;
  margin-bottom:-14px!important;
}

/* ==== Block 39/140 - urspruenglich gamenight.html Zeile 30978: <style> ==== */
/* v474 RETROBOYS: Grafik fest 90% + Abschluss-Kategorie-Titel größer */

/* Grafik-Reiter: feste 90%-Ansicht */
body.rbc474-graphic-active #rbc429GraphicFrame,
body.rbc473-graphic-active #rbc429GraphicFrame{
  width:1920px!important;
  height:1080px!important;
  min-width:1920px!important;
  min-height:1080px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.9)!important;
  transform-origin:center center!important;
  border:0!important;
}
body.rbc474-graphic-active .rbc441-zoom-label,
body.rbc474-graphic-active .zoom-label,
body.rbc473-graphic-active .rbc441-zoom-label,
body.rbc473-graphic-active .zoom-label{
  color:#4cff88!important;
}
body.rbc474-graphic-active .rbc441-zoom-label::after,
body.rbc474-graphic-active .zoom-label::after,
body.rbc473-graphic-active .rbc441-zoom-label::after,
body.rbc473-graphic-active .zoom-label::after{
  content:' fix'!important;
  color:rgba(255,255,255,.38)!important;
  font-size:8px!important;
  margin-left:4px!important;
}

/* Abschluss: Kategorie-Überschriften deutlich größer */
#panel-mvp .mvp-row .mvpc .mvpc-lbl,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-lbl,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-lbl{
  font-size:0!important;
  margin-bottom:10px!important;
  min-height:18px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(1) .mvpc-lbl::after,
#panel-mvp .mvp-row .mvpc:nth-child(2) .mvpc-lbl::after,
#panel-mvp .mvp-row .mvpc:nth-child(3) .mvpc-lbl::after{
  display:block!important;
  font-family:var(--head)!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 12px rgba(255,58,162,.42)!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(1) .mvpc-lbl::after{
  content:'MEISTE SIEGE'!important;
  color:#ffdc4a!important;
  text-shadow:0 0 14px rgba(255,220,74,.42)!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(2) .mvpc-lbl::after{
  content:'BESTE WINRATE'!important;
  color:#ff3aa2!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(3) .mvpc-lbl::after{
  content:'MEISTE SPIELE'!important;
  color:#ff3aa2!important;
}

/* Spielername/Stats etwas tiefer, damit die große Überschrift Platz hat */
#panel-mvp .mvp-row .mvpc .mvpc-nm,
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm,
#panel-mvp .mvp-row .mvpc:not(:first-child) .mvpc-nm{
  font-size:15px!important;
  margin-bottom:8px!important;
}
#panel-mvp .mvp-row .mvpc:first-child .mvpc-nm{
  font-size:17px!important;
}
#panel-mvp .mvp-row .mvpc,
#panel-mvp .mvp-row .mvpc:first-child,
#panel-mvp .mvp-row .mvpc:not(:first-child){
  height:152px!important;
  min-height:152px!important;
  max-height:152px!important;
}

/* ==== Block 40/140 - urspruenglich gamenight.html Zeile 31182: <style> ==== */
/* v475 RETROBOYS: Abschluss Kategorien + Grafik bleibt 90% */

/* Abschluss: Kategorien final benennen */
#panel-mvp .mvp-row .mvpc:nth-child(1) .mvpc-lbl::after{
  content:'SPIELER DES ABENDS'!important;
  color:#ffdc4a!important;
  font-size:15px!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(2) .mvpc-lbl::after{
  content:'BESTE WINRATE'!important;
  color:#ff3aa2!important;
  font-size:15px!important;
}
#panel-mvp .mvp-row .mvpc:nth-child(3) .mvpc-lbl::after{
  content:'BESTE ELO +'!important;
  color:#ffdc4a!important;
  font-size:15px!important;
  text-shadow:0 0 14px rgba(255,220,74,.42)!important;
}
#panel-mvp .mvp-row .mvpc .rbc475-elobar span:first-child{
  border-color:rgba(255,220,74,.40)!important;
  background:rgba(255,220,74,.10)!important;
}
#panel-mvp .mvp-row .mvpc .rbc475-elobar span:first-child b{
  color:#ffdc4a!important;
}

/* Grafik-Reiter: final fix 90% */
body.rbc475-graphic-active #rbc429GraphicFrame,
body.rbc474-graphic-active #rbc429GraphicFrame,
body.rbc473-graphic-active #rbc429GraphicFrame{
  width:1920px!important;
  height:1080px!important;
  min-width:1920px!important;
  min-height:1080px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.9)!important;
  transform-origin:center center!important;
  border:0!important;
}

/* ==== Block 41/140 - urspruenglich gamenight.html Zeile 31645: <style> ==== */
/* v477 RETROBOYS: Freies Spiel sauber getrennt von Turnierlogik */

/* Spielerpool im Spiel-/Auswertungsbereich ausblenden, damit er nicht überlappt */
body.rbc477-focus-panel #rbc-player-pool-266,
body.rbc477-focus-panel #rbc-free-tools-266{
  display:none!important;
}

/* Freies-Spiel-Ansicht */
#panel-matches.rbc477-free-panel .mgrid{
  display:block!important;
}
.rbc477-free-wrap{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.rbc477-free-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border:1px solid rgba(255,58,162,.22);
  border-radius:14px;
  background:rgba(255,58,162,.045);
}
.rbc477-free-title{
  font-family:var(--head);
  color:var(--magenta);
  font-size:14px;
  letter-spacing:2.2px;
  text-transform:uppercase;
}
.rbc477-free-sub{
  color:rgba(255,255,255,.52);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
.rbc477-free-section{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rbc477-sec-title{
  font-family:var(--mono);
  color:#ffdc4a;
  font-size:10px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin:2px 0 0 2px;
}
.rbc477-free-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(390px,1fr));
  gap:12px;
}
.rbc477-free-card{
  border:1px solid rgba(255,58,162,.26);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(44,14,82,.72),rgba(15,5,34,.78));
  box-shadow:0 0 18px rgba(255,58,162,.07);
  padding:12px 14px;
}
.rbc477-free-card.done{
  opacity:.78;
  border-color:rgba(76,255,136,.24);
}
.rbc477-free-card .rbc477-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.rbc477-free-card .rbc477-match-id{
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.rbc477-free-card .rbc477-map{
  color:rgba(255,220,74,.86);
  border:1px solid rgba(255,220,74,.20);
  border-radius:8px;
  background:rgba(255,220,74,.06);
  padding:4px 8px;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:1px;
  white-space:nowrap;
  max-width:185px;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.rbc477-free-card .rbc477-players{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.rbc477-free-side{
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.026);
  color:#fff;
  cursor:pointer;
  text-align:left;
}
.rbc477-free-side:hover{
  border-color:rgba(255,58,162,.60);
  background:rgba(255,58,162,.08);
}
.rbc477-free-side.win{
  border-color:rgba(76,255,136,.72);
  background:rgba(76,255,136,.12);
  box-shadow:0 0 12px rgba(76,255,136,.15);
}
.rbc477-free-side.lose{
  opacity:.45;
}
.rbc477-free-side img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,58,162,.38);
  flex:0 0 auto;
}
.rbc477-free-name{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.rbc477-free-name b{
  font-family:var(--head);
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rbc477-free-name small{
  color:rgba(255,255,255,.45);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:1px;
}
.rbc477-vs{
  text-align:center;
  color:#ff3aa2;
  font-family:var(--head);
  font-size:15px;
  text-shadow:0 0 10px rgba(255,58,162,.36);
}
.rbc477-vs .rbc-vs-s{color:#12d6ff;text-shadow:0 0 10px rgba(18,214,255,.36);}
.rbc477-winner{
  margin-top:9px;
  color:#4cff88;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.5px;
  text-align:center;
  text-transform:uppercase;
}
.rbc477-empty{
  border:1px dashed rgba(255,58,162,.22);
  border-radius:14px;
  padding:24px;
  text-align:center;
  color:rgba(255,255,255,.46);
  font-family:var(--mono);
  letter-spacing:1.3px;
  text-transform:uppercase;
}
@media(max-width:900px){
  .rbc477-free-grid{grid-template-columns:1fr;}
}

/* ==== Block 42/140 - urspruenglich gamenight.html Zeile 32475: <style> ==== */
/* v484 RETROBOYS: Turnier Offline/Forfeit-Hinweis */
.rbc484-forfeit-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,220,74,.36);
  background:rgba(255,220,74,.10);
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.rbc484-forfeit-match{
  box-shadow:0 0 18px rgba(255,220,74,.13)!important;
}
.rbc484-offline-player{
  opacity:.42!important;
  filter:grayscale(.45);
}

/* ==== Block 43/140 - urspruenglich gamenight.html Zeile 32777: <style> ==== */
/* v488 RETROBOYS: Abschluss dritte Kategorie = Beste ELO+ statt Meiste Spiele */
body.rbc488-free-active #mvpRow .rbc488-elo-card .mvpc-lbl,
body.rbc488-free-active #mvpRow .rbc488-elo-card .rbc488-mvpc-lbl{
  color:#ffdc4a!important;
  text-shadow:0 0 10px rgba(255,220,74,.30)!important;
}
.rbc488-elo-delta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(76,255,136,.40);
  background:rgba(76,255,136,.10);
  color:#4cff88;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.8px;
  white-space:nowrap;
}
.rbc488-elo-delta.zero{
  color:rgba(255,255,255,.65);
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);
}
.rbc488-elo-delta.neg{
  color:#ff6fc0;
  border-color:rgba(255,111,192,.34);
  background:rgba(255,111,192,.08);
}
.rbc488-mvp-mini{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:6px;
}
.rbc488-mvp-mini span{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.6px;
}

/* ==== Block 44/140 - urspruenglich gamenight.html Zeile 33276: <style> ==== */
/* v495 RETROBOYS: Grafik-Grundlayout statt Leerfläche + stabile BESTE ELO+ Entscheidung */

#rbc494GraphicShield{
  background:
    radial-gradient(circle at 50% 20%, rgba(255,58,162,.16), transparent 34%),
    radial-gradient(circle at 50% 110%, rgba(255,120,40,.22), transparent 38%),
    #020008!important;
  color:rgba(255,255,255,.74)!important;
  overflow:hidden!important;
}

#rbc494GraphicShield.rbc495-graphic-shell{
  padding:28px!important;
  box-sizing:border-box!important;
}

.rbc495-graphic-skeleton{
  width:min(96%, 1680px);
  aspect-ratio:16/9;
  border:1px solid rgba(255,58,162,.35);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,58,162,.06), rgba(255,120,40,.05)),
    radial-gradient(circle at 46% 30%, rgba(255,58,162,.18), transparent 22%),
    rgba(16,4,36,.88);
  box-shadow:0 0 36px rgba(255,58,162,.12);
  position:relative;
  overflow:hidden;
}

.rbc495-graphic-skeleton::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,58,162,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,58,162,.08) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.42;
}

.rbc495-graphic-corner{
  position:absolute;
  width:74px;
  height:74px;
  border-color:#ff3aa2;
  filter:drop-shadow(0 0 10px rgba(255,58,162,.75));
  z-index:2;
}
.rbc495-graphic-corner.tl{left:28px;top:28px;border-left:4px solid;border-top:4px solid;}
.rbc495-graphic-corner.tr{right:28px;top:28px;border-right:4px solid;border-top:4px solid;}
.rbc495-graphic-corner.bl{left:28px;bottom:28px;border-left:4px solid;border-bottom:4px solid;}
.rbc495-graphic-corner.br{right:28px;bottom:28px;border-right:4px solid;border-bottom:4px solid;}

.rbc495-graphic-title{
  position:absolute;
  left:78px;
  top:76px;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-transform:uppercase;
}
.rbc495-graphic-title .kicker{
  font-family:var(--mono);
  font-size:13px;
  letter-spacing:6px;
  color:var(--green);
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(76,255,136,.60);
  margin-bottom:4px;
}
.rbc495-graphic-title .gg{
  font-family:'Rubik Dirt', cursive;
  font-size:112px;
  line-height:.84;
  letter-spacing:-3px;
  background:linear-gradient(160deg,#ff9de2 0%,#ff3aa2 35%,#d4006a 70%,#7a003c 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 28px rgba(255,58,162,.62)) drop-shadow(0 0 60px rgba(255,0,100,.26));
  text-shadow:none;
}
.rbc495-graphic-title .headline{
  color:rgba(245,240,255,.95);
  font-family:var(--head);
  font-size:36px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-shadow:0 0 20px rgba(255,58,162,.20);
}
.rbc495-graphic-title .sub{
  color:rgba(245,240,255,.40);
  font-family:var(--mono);
  font-size:13px;
  letter-spacing:5px;
  text-transform:uppercase;
}

.rbc495-graphic-logo{
  position:absolute;
  right:115px;
  top:86px;
  z-index:3;
  color:#ff72c9;
  font-family:var(--head);
  font-size:34px;
  letter-spacing:1px;
  text-shadow:0 0 18px rgba(255,58,162,.72);
}

.rbc495-graphic-leftcard,
.rbc495-graphic-podium,
.rbc495-graphic-table,
.rbc495-graphic-stats{
  position:absolute;
  z-index:3;
  border:1px solid rgba(255,58,162,.34);
  border-radius:16px;
  background:rgba(10,3,24,.60);
  box-shadow:0 0 20px rgba(255,58,162,.08);
}

.rbc495-graphic-leftcard{
  left:78px;
  top:310px;
  width:560px;
  height:160px;
}
.rbc495-graphic-podium{
  left:78px;
  top:490px;
  width:560px;
  height:210px;
}
.rbc495-graphic-table{
  right:90px;
  top:270px;
  width:840px;
  height:420px;
}
.rbc495-graphic-stats{
  right:90px;
  bottom:74px;
  width:840px;
  height:62px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:10px;
  box-sizing:border-box;
}

.rbc495-skel-label{
  position:absolute;
  left:20px;
  top:18px;
  color:#ff72c9;
  font-family:var(--head);
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
}

.rbc495-skel-line{
  height:16px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,58,162,.18), rgba(255,255,255,.08));
  opacity:.72;
}
.rbc495-graphic-leftcard .l1{position:absolute;left:140px;top:58px;width:270px;}
.rbc495-graphic-leftcard .l2{position:absolute;left:140px;top:92px;width:350px;height:10px;}
.rbc495-graphic-leftcard .avatar{
  position:absolute;
  left:34px;
  top:48px;
  width:78px;
  height:78px;
  border-radius:50%;
  border:2px solid rgba(255,58,162,.55);
  background:rgba(255,58,162,.14);
}
.rbc495-graphic-table .row{
  height:24px;
  margin:38px 28px 0;
  border-radius:8px;
  background:rgba(255,255,255,.055);
}
.rbc495-graphic-table .row:nth-child(2n){
  background:rgba(255,58,162,.08);
}
.rbc495-graphic-stats div{
  border:1px solid rgba(255,58,162,.28);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}

.rbc495-graphic-status{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  z-index:5;
  padding:8px 16px;
  border:1px solid rgba(76,255,136,.28);
  border-radius:999px;
  background:rgba(0,0,0,.38);
  color:#4cff88;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

.rbc495-elo-card .rbc495-elo-note{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:6px;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(255,220,74,.32);
  background:rgba(255,220,74,.10);
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.8px;
  white-space:nowrap;
}
.rbc495-elo-card .rbc495-elo-stats{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  margin-top:6px;
}
.rbc495-elo-card .rbc495-elo-stats span{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.6px;
}
.rbc495-elo-card .rbc495-elo-stats .plus{
  color:#4cff88;
  border-color:rgba(76,255,136,.42);
  background:rgba(76,255,136,.10);
  font-weight:900;
}
.rbc495-elo-empty{
  opacity:.86;
}

/* ==== Block 45/140 - urspruenglich gamenight.html Zeile 33821: <style> ==== */
/* v496 RETROBOYS: Grafik Freeze statt Fake-Skeleton + harter ELO+-Lock */

/* v495 Fake-Skeleton neutralisieren */
#rbc494GraphicShield.rbc495-graphic-shell{
  padding:0!important;
}
#rbc494GraphicShield .rbc495-graphic-skeleton{
  display:none!important;
}

/* Grafik: während Reload Snapshot der echten bisherigen Result-Seite zeigen */
#rbc496GraphicFreeze{
  position:absolute;
  inset:0;
  z-index:30;
  display:none;
  background:#020008;
  overflow:hidden;
}
body.rbc496-graphic-freezing #rbc496GraphicFreeze{
  display:block!important;
}
#rbc496GraphicFreeze iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#020008;
}
.rbc496-freeze-fallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 25%, rgba(255,58,162,.18), transparent 34%),
    radial-gradient(circle at 50% 110%, rgba(255,120,40,.20), transparent 40%),
    #020008;
  color:rgba(255,255,255,.72);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.rbc496-freeze-fallback::before{
  content:'';
  position:absolute;
  inset:24px;
  border:1px solid rgba(255,58,162,.34);
  border-radius:18px;
  box-shadow:0 0 28px rgba(255,58,162,.12);
  background:
    linear-gradient(rgba(255,58,162,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,58,162,.08) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.50;
}
.rbc496-freeze-fallback span{
  position:relative;
  z-index:2;
  padding:12px 18px;
  border:1px solid rgba(76,255,136,.28);
  border-radius:999px;
  background:rgba(0,0,0,.42);
  color:#4cff88;
}
.rbc496-freeze-badge{
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:40;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(76,255,136,.28);
  background:rgba(0,0,0,.48);
  color:#4cff88;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
body.rbc496-graphic-freezing #rbc429GraphicFrame{
  opacity:0!important;
}
body.rbc496-graphic-ready #rbc429GraphicFrame{
  opacity:1!important;
}

/* ELO+: alte dritte Karten nicht mehr sichtbar durchflackern lassen */
body.rbc496-elo-hardlock #mvpRow > :nth-child(3):not(.rbc496-elo-final){
  visibility:hidden!important;
  opacity:0!important;
}
#rbc496EloSlot{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.rbc496-elo-final{
  border:1px solid rgba(255,58,162,.30);
  border-radius:18px;
  background:rgba(25,7,50,.62);
  box-shadow:0 0 22px rgba(255,58,162,.09);
}
.rbc496-elo-final .rbc496-elo-titleline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.rbc496-elo-tie{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(255,220,74,.32);
  background:rgba(255,220,74,.10);
  color:#ffdc4a;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.8px;
  white-space:nowrap;
}
.rbc496-elo-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  align-items:center;
  margin-top:7px;
}
.rbc496-elo-stats span{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.6px;
}
.rbc496-elo-stats .plus{
  color:#4cff88;
  border-color:rgba(76,255,136,.42);
  background:rgba(76,255,136,.10);
  font-weight:900;
}
.rbc496-elo-empty .mvpc-nm{
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
}

/* ==== Block 46/140 - urspruenglich gamenight.html Zeile 34418: <style> ==== */
/* v497 RETROBOYS: kompletter Abschluss-Karten-Lock + Grafik ohne Alle-Spiele */

/* Alte ELO-/Kategorie-Karten komplett aus dem sichtbaren Layer nehmen */
body.rbc497-mvp-hardlock #panel-mvp #mvpRow{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
#rbc497MvpStableRow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:0 auto!important;
  contain:layout paint style!important;
}
.rbc497-mvp-card{
  min-height:138px!important;
  border:1px solid rgba(255,58,162,.32)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(95,40,150,.56),rgba(28,8,62,.72))!important;
  box-shadow:0 0 20px rgba(255,58,162,.08)!important;
  padding:18px 22px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.rbc497-mvp-card.primary{
  border-color:rgba(255,220,74,.88)!important;
  box-shadow:0 0 26px rgba(255,220,74,.16), inset 0 0 32px rgba(255,220,74,.06)!important;
  background:linear-gradient(135deg,rgba(255,160,70,.22),rgba(94,34,150,.56),rgba(28,8,62,.78))!important;
}
.rbc497-mvp-icon{
  grid-row:1/4!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  background:rgba(255,58,162,.12)!important;
  border:1px solid rgba(255,58,162,.32)!important;
  box-shadow:0 0 18px rgba(255,58,162,.20)!important;
}
.rbc497-mvp-avatar{
  grid-row:1/4!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(255,58,162,.68)!important;
  box-shadow:0 0 16px rgba(255,58,162,.34)!important;
  background:rgba(255,255,255,.05)!important;
}
.rbc497-mvp-card.primary .rbc497-mvp-avatar{
  border-color:rgba(255,220,74,.95)!important;
  box-shadow:0 0 20px rgba(255,220,74,.38)!important;
}
.rbc497-mvp-label{
  color:#ffdc4a!important;
  font-family:var(--head)!important;
  font-size:14px!important;
  letter-spacing:1.8px!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.rbc497-mvp-name{
  margin-top:8px!important;
  color:#fff!important;
  font-family:var(--head)!important;
  font-size:17px!important;
  letter-spacing:.4px!important;
  text-shadow:0 0 12px rgba(255,255,255,.16)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.rbc497-mvp-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:center!important;
  margin-top:8px!important;
}
.rbc497-mvp-stats span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.84)!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
  letter-spacing:.6px!important;
  white-space:nowrap!important;
}
.rbc497-mvp-stats span.good{
  color:#4cff88!important;
  border-color:rgba(76,255,136,.42)!important;
  background:rgba(76,255,136,.11)!important;
  font-weight:900!important;
}
.rbc497-mvp-empty{
  opacity:.88!important;
}
.rbc497-mvp-tie{
  display:inline-flex!important;
  align-items:center!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,220,74,.32)!important;
  background:rgba(255,220,74,.10)!important;
  color:#ffdc4a!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
  letter-spacing:.8px!important;
  white-space:nowrap!important;
}

/* Schutz gegen alte v496/v495 Slots, falls sie außerhalb von #mvpRow auftauchen */
body.rbc497-mvp-hardlock #rbc496EloSlot,
body.rbc497-mvp-hardlock #rbc495EloSlot,
body.rbc497-mvp-hardlock #rbc488EloSlot{
  display:none!important;
}

/* Grafik: Alle-Spiele/History im iframe nie sichtbar */
body.rbc497-graphic-no-games #rbc429GraphicFrame{
  background:#020008!important;
}
#rbc497GraphicCover{
  position:absolute;
  inset:auto 0 0 0;
  min-height:40px;
  z-index:36;
  display:none;
  pointer-events:none;
  background:linear-gradient(0deg,#020008 0%,rgba(2,0,8,.96) 70%,rgba(2,0,8,0) 100%);
}
body.rbc497-graphic-no-games #rbc497GraphicCover{
  display:block!important;
}
@media(max-width:1400px){
  #rbc497MvpStableRow{grid-template-columns:1fr!important;}
}

/* ==== Block 47/140 - urspruenglich gamenight.html Zeile 35068: <style> ==== */
/* v498 RETROBOYS: wirksamer Lock – Abschluss stabil + Grafik ohne Alle Spiele */

/* ABSCHLUSS: alte, flackernde Renderer komplett aus dem sichtbaren Bereich nehmen */
body.rbc498-mvp-lock #panel-mvp #mvpRow,
body.rbc498-mvp-lock #panel-mvp #rbc497MvpStableRow,
body.rbc498-mvp-lock #panel-mvp #rbc496EloSlot,
body.rbc498-mvp-lock #panel-mvp #rbc495EloSlot,
body.rbc498-mvp-lock #panel-mvp #rbc488EloSlot{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* alte History-/Alle-Spiele-Blöcke im Abschluss unsichtbar, unser v498-Block bleibt sichtbar */
body.rbc498-mvp-lock #panel-mvp #slog,
body.rbc498-mvp-lock #panel-mvp #allGames,
body.rbc498-mvp-lock #panel-mvp #allMatches,
body.rbc498-mvp-lock #panel-mvp #matchHistory,
body.rbc498-mvp-lock #panel-mvp .all-games,
body.rbc498-mvp-lock #panel-mvp .match-history,
body.rbc498-mvp-lock #panel-mvp .games-history,
body.rbc498-mvp-lock #panel-mvp .rbc272-games,
body.rbc498-mvp-lock #panel-mvp .rbc469-history,
body.rbc498-mvp-lock #panel-mvp .rbc470-history,
body.rbc498-mvp-lock #panel-mvp .rbc481-history,
body.rbc498-mvp-lock #panel-mvp .rbc485-history,
body.rbc498-mvp-lock #panel-mvp .rbc486-history,
body.rbc498-mvp-lock #panel-mvp .rbc490-history,
body.rbc498-mvp-lock #panel-mvp .rbc491-history,
body.rbc498-mvp-lock #panel-mvp .rbc494-history,
body.rbc498-mvp-lock #panel-mvp .rbc497-history{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#rbc498MvpStableRow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:0 auto 24px!important;
  contain:layout paint style!important;
}

.rbc498-mvp-card{
  min-height:138px!important;
  border:1px solid rgba(255,58,162,.32)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(95,40,150,.56),rgba(28,8,62,.72))!important;
  box-shadow:0 0 20px rgba(255,58,162,.08)!important;
  padding:18px 22px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:14px!important;
  align-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.rbc498-mvp-card.primary{
  border-color:rgba(255,220,74,.88)!important;
  box-shadow:0 0 26px rgba(255,220,74,.16), inset 0 0 32px rgba(255,220,74,.06)!important;
  background:linear-gradient(135deg,rgba(255,160,70,.22),rgba(94,34,150,.56),rgba(28,8,62,.78))!important;
}

.rbc498-mvp-icon{
  grid-row:1/4!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  background:rgba(255,58,162,.12)!important;
  border:1px solid rgba(255,58,162,.32)!important;
  box-shadow:0 0 18px rgba(255,58,162,.20)!important;
}

.rbc498-mvp-avatar{
  grid-row:1/4!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(255,58,162,.68)!important;
  box-shadow:0 0 16px rgba(255,58,162,.34)!important;
  background:rgba(255,255,255,.05)!important;
}

.rbc498-mvp-card.primary .rbc498-mvp-avatar{
  border-color:rgba(255,220,74,.95)!important;
  box-shadow:0 0 20px rgba(255,220,74,.38)!important;
}

.rbc498-mvp-label{
  color:#ffdc4a!important;
  font-family:var(--head)!important;
  font-size:14px!important;
  letter-spacing:1.8px!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  white-space:nowrap!important;
}

.rbc498-mvp-name{
  margin-top:8px!important;
  color:#fff!important;
  font-family:var(--head)!important;
  font-size:17px!important;
  letter-spacing:.4px!important;
  text-shadow:0 0 12px rgba(255,255,255,.16)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}

.rbc498-mvp-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:center!important;
  margin-top:8px!important;
}

.rbc498-mvp-stats span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.84)!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
  letter-spacing:.6px!important;
  white-space:nowrap!important;
}

.rbc498-mvp-stats span.good{
  color:#4cff88!important;
  border-color:rgba(76,255,136,.42)!important;
  background:rgba(76,255,136,.11)!important;
  font-weight:900!important;
}

.rbc498-mvp-tie{
  display:inline-flex!important;
  align-items:center!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,220,74,.32)!important;
  background:rgba(255,220,74,.10)!important;
  color:#ffdc4a!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
  letter-spacing:.8px!important;
  white-space:nowrap!important;
}

#rbc498MvpHistory{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:24px auto 0!important;
  max-width:1180px!important;
  border:1px solid rgba(255,58,162,.30)!important;
  border-radius:18px!important;
  background:rgba(14,5,31,.56)!important;
  box-shadow:0 0 22px rgba(255,58,162,.08)!important;
  overflow:hidden!important;
  contain:layout paint style!important;
}

.rbc498-history-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:10px 14px!important;
  border-bottom:1px solid rgba(255,58,162,.18)!important;
}

.rbc498-history-title{
  font-family:var(--head)!important;
  color:var(--magenta)!important;
  font-size:14px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}

.rbc498-history-sub{
  font-family:var(--mono)!important;
  color:rgba(255,255,255,.50)!important;
  font-size:8px!important;
  letter-spacing:1.3px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.rbc498-history-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:8px 10px!important;
  padding:12px 14px 14px!important;
  max-height:250px!important;
  overflow:auto!important;
}

.rbc498-history-row{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-height:31px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,58,162,.24)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(43,14,82,.78),rgba(27,8,55,.66))!important;
}

.rbc498-history-label{
  color:#ffdc4a!important;
  font-family:var(--mono)!important;
  font-size:9px!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.rbc498-history-player{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--mono)!important;
  font-size:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.rbc498-history-player.win{
  color:#07120a!important;
  background:linear-gradient(90deg,#4cff88,#d7ffe2)!important;
  border-color:rgba(76,255,136,.88)!important;
  box-shadow:0 0 10px rgba(76,255,136,.18)!important;
  font-weight:900!important;
}

.rbc498-history-player.win::before{
  content:'🏆';
  font-size:9px;
  flex:0 0 auto;
}

.rbc498-history-player span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.rbc498-vs{
  color:rgba(255,255,255,.35)!important;
  font-family:var(--mono)!important;
  font-size:8px!important;
}
.rbc498-vs .rbc-vs-v{color:rgba(255,58,162,.6)!important;}
.rbc498-vs .rbc-vs-s{color:rgba(18,214,255,.6)!important;}

/* GRAFIK: sichtbarer Failsafe gegen Alle-Spiele unten */
body.rbc498-graphic-clean #rbc497GraphicCover,
body.rbc498-graphic-clean #rbc498GraphicBottomMask{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:260px!important;
  z-index:60!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(0deg,#020008 0%,#020008 72%,rgba(2,0,8,0) 100%)!important;
}

@media(max-width:1400px){
  #rbc498MvpStableRow{grid-template-columns:1fr!important;}
  .rbc498-history-list{grid-template-columns:1fr!important;}
}

/* ==== Block 48/140 - urspruenglich gamenight.html Zeile 36137: <style id="rbc531-stable-click-rollback-ui-cleanup-style"> ==== */
/* v531 – Stabilitäts-Rollback für den Spiele-Reiter.
   Basis ist bewusst v525, weil v526-v530 mit Capture-Handlern den funktionierenden
   Gewinner-Klick blockiert haben.
   Dieser Patch macht nur UI-Cleanup, aber KEINE Klick-Interception. */

/* Top-rechts "Grafik" ausblenden, weil Grafik bereits als Reiter vorhanden ist */
.mode-toggle > button[onclick*="showTab('graphic')"],
.mode-toggle > button[onclick*='showTab("graphic")'],
.mode-toggle > button[data-tab="graphic"],
.mode-toggle > a[href*="graphic"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Zoom/Scroll-Tool unten rechts ausblenden */
#rbc441ZoomPanel,
.rbc441-zoom-panel,
#rbc432ZoomPanel,
.rbc432-zoom-panel,
[class*="zoom-panel"],
[id*="ZoomPanel"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Gewinner-Buttons sicher klickbar lassen */
#panel-matches .rbc487-side{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Kein zusätzliches Double-Buffer/Overlay im Spiele-Reiter */
#panel-matches .rbc527-render-cover,
.rbc527-render-cover{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* ==== Block 49/140 - urspruenglich gamenight.html Zeile 36183: <style id="rbc534-setup-like-source-fix-style"> ==== */
/* v534 – Spiele-Klick ohne Full-Re-Render:
   Der echte Fix steckt direkt im v487 markWinner487(): kein renderFree487() mehr beim Gewinner-Klick. */

.mode-toggle > button[onclick*="showTab('graphic')"],
.mode-toggle > button[onclick*='showTab("graphic")'],
.mode-toggle > button[data-tab="graphic"],
.mode-toggle > a[href*="graphic"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#rbc441ZoomPanel,
.rbc441-zoom-panel,
#rbc432ZoomPanel,
.rbc432-zoom-panel,
[class*="zoom-panel"],
[id*="ZoomPanel"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#panel-matches .rbc487-side{
  cursor:pointer!important;
  transition:border-color .12s ease, background-color .12s ease, box-shadow .12s ease, opacity .12s ease, filter .12s ease!important;
}

#panel-matches .rbc487-side:active{
  filter:brightness(1.15)!important;
}

#panel-matches .rbc487-card{
  contain:layout paint style!important;
}

/* ==== Block 50/140 - urspruenglich gamenight.html Zeile 36286: <style id="rbc541-bracket-player-out-style"> ==== */
/* v541 – Bracket: Spieler aus Turnier nehmen / Ersatz einsetzen.
   Zusätzlich werden die alten Reset-Match-Karten im Bracket ausgeblendet,
   weil Ergebnis-Rücknahme bereits über erneutes Anklicken der Spieler funktioniert. */

#panel-bracket .rbc541-tools{
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(255,58,162,.34);
  border-radius:14px;
  background:
    linear-gradient(90deg, rgba(255,58,162,.10), rgba(76,255,136,.045)),
    rgba(10,2,20,.72);
  box-shadow:0 0 18px rgba(255,58,162,.08);
}

#panel-bracket .rbc541-tools-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:12px;
  cursor:pointer;
  user-select:none;
}

#panel-bracket .rbc541-tools.collapsed .rbc541-tools-head{
  margin-bottom:0;
}

#panel-bracket .rbc541-tools-titlewrap{
  display:flex;
  align-items:center;
  gap:10px;
}

#panel-bracket .rbc541-toggle{
  display:inline-block;
  color:var(--magenta);
  font-size:11px;
  transition:transform .15s ease;
  transform:rotate(90deg);
}

#panel-bracket .rbc541-tools.collapsed .rbc541-toggle{
  transform:rotate(0deg);
}

#panel-bracket .rbc541-tools.collapsed .rbc541-tools-note,
#panel-bracket .rbc541-tools.collapsed .rbc541-row,
#panel-bracket .rbc541-tools.collapsed .rbc541-chipline{
  display:none;
}

#panel-bracket .rbc541-tools-title{
  font-family:var(--head);
  color:var(--magenta);
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:13px;
}

#panel-bracket .rbc541-tools-note{
  color:rgba(255,255,255,.52);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

#panel-bracket .rbc541-row{
  display:grid;
  grid-template-columns:1.15fr 1.15fr auto auto auto;
  gap:10px;
  align-items:center;
}

#panel-bracket .rbc541-select{
  width:100%;
  min-height:34px;
  border:1px solid rgba(255,58,162,.35);
  border-radius:9px;
  background:rgba(3,0,10,.72);
  color:var(--text);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.1px;
  padding:7px 9px;
  outline:none;
}

#panel-bracket .rbc541-select:focus{
  border-color:rgba(76,255,136,.58);
  box-shadow:0 0 12px rgba(76,255,136,.12);
}

#panel-bracket .rbc541-btn{
  min-height:34px;
  padding:0 12px;
  border-radius:9px;
  border:1px solid rgba(255,58,162,.38);
  background:rgba(255,58,162,.08);
  color:#fff;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
}

#panel-bracket .rbc541-btn:hover{
  border-color:rgba(255,58,162,.72);
  background:rgba(255,58,162,.15);
}

#panel-bracket .rbc541-btn.good{
  border-color:rgba(76,255,136,.42);
  background:rgba(76,255,136,.08);
  color:#baffd3;
}

#panel-bracket .rbc541-btn.warn{
  border-color:rgba(255,220,74,.50);
  background:rgba(255,220,74,.08);
  color:#ffdc4a;
}

#panel-bracket .rbc541-btn.danger{
  border-color:rgba(255,84,144,.55);
  background:rgba(255,84,144,.08);
  color:#ff8fbd;
}

#panel-bracket .rbc541-chipline{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:1.3px;
  color:rgba(255,255,255,.62);
  text-transform:uppercase;
}

#panel-bracket .rbc541-chip{
  border:1px solid rgba(255,220,74,.30);
  background:rgba(255,220,74,.07);
  color:#ffdc4a;
  border-radius:999px;
  padding:4px 8px;
}

#panel-bracket .rbc459-side.rbc541-out,
#panel-bracket .rbc459-side.rbc541-subbed-out{
  opacity:.40!important;
  filter:grayscale(.65)!important;
  border-style:dashed!important;
}

#panel-bracket .rbc459-side.rbc541-subbed-in{
  box-shadow:0 0 16px rgba(76,255,136,.20)!important;
}

#panel-bracket .rbc541-mini-out{
  margin-left:6px;
  padding:2px 5px;
  border:1px solid rgba(255,84,144,.38);
  border-radius:6px;
  color:#ff8fbd;
  background:rgba(255,84,144,.08);
  font-size:8px;
  letter-spacing:1px;
  cursor:pointer;
  opacity:.66;
}

#panel-bracket .rbc541-mini-out:hover{
  opacity:1;
  background:rgba(255,84,144,.16);
}

/* Reset-Match-Karten im Bracket ausblenden.
   Die Reset-Logik bleibt intern unangetastet, nur das störende UI unten rechts verschwindet. */
#panel-bracket .rbc459-node.reset{
  display:none!important;
}

#panel-bracket .rbc459-round:has(.rbc459-node.reset:only-child){
  display:none!important;
}

@media (max-width:1300px){
  #panel-bracket .rbc541-row{
    grid-template-columns:1fr 1fr;
  }
}

/* ==== Block 51/140 - urspruenglich gamenight.html Zeile 37058: <style id="rbc542-bracket-reset-helper-remove-style"> ==== */
/* v542 – Bracket: alte Reset-Match-Hilfskarten unten/rechts entfernen.
   Diese Karten sind Legacy-UI aus älteren Final-/Reset-Fixes. Sie sind für den Operator
   nicht mehr nötig, weil Ergebnis ändern/annullieren direkt per Spieler-Klick im Bracket läuft. */

/* Bekannte alte Reset-Helper-Varianten */
#panel-bracket .rbc302-reset-card,
#panel-bracket .rbc304-reset-card,
#panel-bracket .rbc305-reset-bracket,
#panel-bracket .rbc306-reset-bracket,
#panel-bracket .rbc307-reset-bracket,
#panel-bracket .rbc307-reset-host,
#panel-bracket .rbc305-reset-match,
#panel-bracket .rbc306-reset-match,
#panel-bracket .rbc353-reset-col,
#panel-bracket .rbc352-reset-col,
#panel-bracket .rbc351-reset-card,
#panel-bracket .rbc350-reset-card{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Alte generische Reset-Karten im Bracketbaum */
#panel-bracket .reset-match.rbc305-reset-match,
#panel-bracket .reset-match.rbc306-reset-match,
#panel-bracket .mcard.reset-match,
#panel-bracket .brn263.reset{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* ==== Block 52/140 - urspruenglich gamenight.html Zeile 37265: <style id="rbc543-gamenight-optical-polish-style"> ==== */
  /* Header: Variante C sauber anwenden: offizielles Wordmark + Funktionslabel */
  .header{
    min-height:78px!important;
    padding:14px 32px!important;
    background:linear-gradient(180deg,rgba(7,3,18,.98),rgba(6,3,15,.92))!important;
  }
  .logo.rbc279-logo{
    min-height:48px!important;
    gap:1px!important;
  }
  .logo.rbc279-logo .rbc279-wordmark{
    height:30px!important;
    max-width:360px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 12px rgba(255,58,162,.78)) drop-shadow(0 0 26px rgba(255,58,162,.28))!important;
    margin:0!important;
  }
  .logo.rbc279-logo .rbc279-title-text{
    font-family:var(--head,'Russo One',Arial,sans-serif)!important;
    font-size:16px!important;
    line-height:1!important;
    letter-spacing:.28em!important;
    text-transform:uppercase!important;
    color:#ff77c4!important;
    text-shadow:0 0 12px rgba(255,58,162,.52)!important;
    margin:0 0 0 2px!important;
  }
  .logo.rbc279-logo span{
    font-size:10px!important;
    letter-spacing:3px!important;
    color:rgba(245,240,255,.46)!important;
    margin-top:2px!important;
  }

  /* Grafik-Reiter: kein gerendertes Text-Logo mehr, sondern die echte Wordmark. */
  #rbc512GraphicStage .rbc512-brand{
    width:500px!important;
    align-items:center!important;
  }
  #rbc512GraphicStage .rbc512-brand-name,
  body.rbc512-graphic-mode #rbc512GraphicStage .rbc512-brand-name{
    display:block!important;
    width:420px!important;
    height:92px!important;
    background:transparent url('/assets/retroboysclub_schriftzug.png') center/contain no-repeat!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
    filter:drop-shadow(0 0 20px rgba(255,58,162,.78)) drop-shadow(0 0 42px rgba(255,0,100,.32))!important;
  }
  #rbc512GraphicStage .rbc512-brand-sub,
  body.rbc512-graphic-mode #rbc512GraphicStage .rbc512-brand-sub{
    margin-top:0!important;
    font-family:var(--mono,'Share Tech Mono',monospace)!important;
    font-size:10px!important;
    letter-spacing:4px!important;
    text-transform:uppercase!important;
    color:rgba(245,240,255,.52)!important;
  }
  #rbc512GraphicStage .rbc512-logo,
  body.rbc512-graphic-mode #rbc512GraphicStage .rbc512-logo{
    display:none!important;
  }

  /* Tabellen/Abschluss bleiben funktional, nur etwas ruhiger und mehr Stream-Design. */

/* ==== Block 53/140 - urspruenglich gamenight.html Zeile 37353: <style id="rbc519-freeplay-clean-style"> ==== */
/* v519 CLEANUP BRANCH — Reiter Spiele
   Ein Renderer. Eine Pool-Logik. Keine alten Free-Play-Watchdogs.
   Runde/Slot werden beim Erzeugen/Migrieren gesetzt und vom Renderer nur gelesen. */

html.rbc519-matches-active,
body.rbc519-matches-active{
  overflow:hidden!important;
}

#panel-matches.active{
  position:relative!important;
  height:calc(var(--rbc519-viewport-h, 100vh) - var(--rbc519-panel-top, 126px) - 6px)!important;
  max-height:calc(var(--rbc519-viewport-h, 100vh) - var(--rbc519-panel-top, 126px) - 6px)!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Nur die Runden scrollen in Y */
#panel-matches.active #mgrid{
  display:block!important;
  height:calc(var(--rbc519-viewport-h, 100vh) - var(--rbc519-mgrid-top, 240px) - var(--rbc519-pool-height, 212px) - var(--rbc519-pool-bottom, 10px) - 18px)!important;
  max-height:calc(var(--rbc519-viewport-h, 100vh) - var(--rbc519-mgrid-top, 240px) - var(--rbc519-pool-height, 212px) - var(--rbc519-pool-bottom, 10px) - 18px)!important;
  min-height:170px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 14px 24px 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable!important;
}

.rbc519-free-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:100%!important;
}

.rbc519-free-head{
  min-height:44px!important;
  border:1px solid rgba(255,58,162,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(255,58,162,.14),rgba(255,58,162,.035))!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
}

.rbc519-free-title{
  color:#ff3aa2!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:16px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}
.rbc519-free-sub{
  margin-top:4px!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
}

.rbc519-round{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
  overflow:hidden!important;
  float:none!important;
  order:initial!important;
  border:1px solid rgba(255,58,162,.30)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,58,162,.10),rgba(12,4,28,.40))!important;
}

/* rbc961-mapfilter-colorscheme (2026-07-22): Runden-Kopfzeile auf dasselbe
   dunkle Kaestchen-Farbschema wie das Auswahlfeld im Reiter Gluecksrad
   (.rbc900-spin-controls) bzw. die rbc960-Setup-Kaestchen - dunkles Panel
   mit duennem magenta Rand statt der bisherigen flaechig magenta-getoenten
   Leiste. Siehe CHANGELOG.md rbc961. */
.rbc519-round-head{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:9px 13px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,58,162,.20)!important;
  background:rgba(5,2,14,.55)!important;
}

.rbc519-round-title{
  color:#ffdc4a!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:13px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.rbc519-round-title::before{
  content:'// '!important;
  color:#4cff88!important;
}

.rbc519-round-meta{
  color:rgba(255,255,255,.50)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.rbc519-round-meta b{color:#ffdc4a!important;}

.rbc519-round-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  padding:13px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-gutter:stable!important;
}

.rbc519-card{
  flex:0 0 300px!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  min-height:100px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,58,162,.30)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(55,17,102,.74),rgba(19,7,42,.80))!important;
  box-shadow:0 0 14px rgba(255,58,162,.08)!important;
  padding:10px 11px!important;
  white-space:normal!important;
  float:none!important;
  order:initial!important;
}
.rbc519-card.done{
  border-color:rgba(76,255,136,.36)!important;
  background:linear-gradient(180deg,rgba(42,17,83,.66),rgba(14,28,25,.70))!important;
}
.rbc519-card.void{
  opacity:.52!important;
  border-style:dashed!important;
}

.rbc519-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.rbc519-match-id{
  color:#ffdc4a!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:9px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}
.rbc519-map{
  max-width:138px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,220,74,.88)!important;
  border:1px solid rgba(255,220,74,.20)!important;
  border-radius:8px!important;
  padding:4px 8px!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1px!important;
}

.rbc519-card-body{
  display:grid!important;
  grid-template-columns:1fr 26px 1fr!important;
  align-items:center!important;
  gap:9px!important;
}
.rbc519-side{
  border:1px solid rgba(255,58,162,.20)!important;
  border-radius:12px!important;
  background:rgba(5,2,14,.55)!important;
  padding:8px!important;
  min-height:48px!important;
  cursor:pointer!important;
  color:#fff!important;
  text-align:left!important;
  transition:border-color .15s!important;
}
.rbc519-side:not(.win):not(.lose):not(.inactive):hover{
  border-color:rgba(255,58,162,.55)!important;
}
.rbc519-side.win{
  border-color:#4cff88!important;
  background:rgba(76,255,136,.12)!important;
  box-shadow:0 0 12px rgba(76,255,136,.18)!important;
}
.rbc519-side.lose{opacity:.48!important;}
.rbc519-side.inactive{opacity:.42!important;}

.rbc519-player{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:8px!important;
  align-items:center!important;
}
.rbc519-player img{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(255,58,162,.42)!important;
}
.rbc519-player.rbc519-player-team{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
}
.rbc519-team-list{display:flex!important;flex-direction:column!important;gap:3px!important;}
.rbc519-team-member{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;}
.rbc519-team-member img{
  width:18px!important;height:18px!important;border-radius:50%!important;object-fit:cover!important;
  border:1px solid rgba(255,58,162,.42)!important;flex:0 0 auto!important;
}
.rbc519-team-member span{
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:9px!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;
}
.rbc519-team-elo{margin-top:1px!important;}
.rbc519-name{
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rbc519-elo{
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  color:rgba(255,255,255,.50)!important;
  margin-top:2px!important;
}
.rbc519-vs{
  font-family:var(--display,'Russo One',Arial,sans-serif)!important;
  font-size:16px!important;
  color:#ff3aa2!important;
  text-align:center!important;
}
.rbc519-vs .rbc-vs-s{color:#12d6ff!important;}
.rbc519-side-wrap{position:relative!important;}
.rbc519-side-wrap .rbc519-side{width:100%!important;display:block!important;}
.rbc519-sub-btn{
  position:absolute!important;top:4px!important;right:4px!important;
  width:19px!important;height:19px!important;border-radius:50%!important;
  border:1px solid rgba(255,58,162,.55)!important;
  background:rgba(10,4,18,.82)!important;color:#ff3aa2!important;
  font-size:10px!important;line-height:1!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:6!important;padding:0!important;
}
.rbc519-sub-btn:hover{background:rgba(255,58,162,.32)!important;color:#fff!important;}
.rbc519-reset-btn{
  margin-top:6px!important;width:100%!important;box-sizing:border-box!important;display:block!important;
  border:1px solid rgba(255,220,74,.4)!important;border-radius:8px!important;
  background:rgba(255,220,74,.08)!important;color:#ffdc4a!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:8.5px!important;
  letter-spacing:1px!important;text-transform:uppercase!important;
  padding:5px 4px!important;cursor:pointer!important;
}
.rbc519-reset-btn:hover{background:rgba(255,220,74,.18)!important;}
.rbc519-sub-badge{
  margin-top:4px!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:7.5px!important;letter-spacing:1px!important;text-transform:uppercase!important;
  color:#ffdc4a!important;text-align:center!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.rbc519-sub-popover{
  position:fixed!important;z-index:999999!important;width:220px!important;
  background:rgba(12,6,20,.97)!important;border:1px solid rgba(255,58,162,.5)!important;
  border-radius:12px!important;padding:10px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.5)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;color:#fff!important;
}
.rbc519-sub-head{font-size:9.5px!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#ffdc4a!important;margin-bottom:8px!important;}
.rbc519-sub-label{font-size:8.5px!important;letter-spacing:1px!important;text-transform:uppercase!important;color:rgba(255,255,255,.55)!important;margin-bottom:4px!important;}
.rbc519-sub-members{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:9px!important;}
.rbc519-sub-member{
  border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;
  background:rgba(255,255,255,.05)!important;color:#fff!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:9px!important;
  padding:4px 7px!important;cursor:pointer!important;
}
.rbc519-sub-member.picked{border-color:#ff3aa2!important;background:rgba(255,58,162,.22)!important;}
.rbc519-sub-pick select.rbc519-sub-select{
  width:100%!important;box-sizing:border-box!important;margin-bottom:8px!important;
  background:#1a0e2e!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;
  padding:5px 6px!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:10px!important;
}
.rbc519-sub-pick select.rbc519-sub-select option{
  background:#1a0e2e!important;color:#fff!important;
}
.rbc519-sub-actions{display:flex!important;gap:6px!important;}
.rbc519-sub-confirm,.rbc519-sub-cancel{
  flex:1 1 0!important;border-radius:8px!important;padding:6px 4px!important;cursor:pointer!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:9px!important;letter-spacing:.6px!important;text-transform:uppercase!important;
}
.rbc519-sub-confirm{border:1px solid rgba(76,255,136,.62)!important;background:rgba(76,255,136,.14)!important;color:#4cff88!important;}
.rbc519-sub-cancel{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.75)!important;}
.rbc519-mb-backdrop{
  position:fixed!important;inset:0!important;z-index:999998!important;
  background:rgba(4,2,10,.72)!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.rbc519-mb-popover{
  position:relative!important;z-index:999999!important;width:560px!important;max-width:92vw!important;max-height:86vh!important;
  overflow-y:auto!important;background:rgba(12,6,20,.98)!important;border:1px solid rgba(255,58,162,.5)!important;
  border-radius:14px!important;padding:20px!important;box-shadow:0 12px 40px rgba(0,0,0,.6)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;color:#fff!important;
}
.rbc519-mb-head{font-size:14px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#ff3aa2!important;margin-bottom:14px!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;}
.rbc519-mb-sizes{display:flex!important;gap:8px!important;margin-bottom:16px!important;}
.rbc519-mb-size{
  flex:1 1 0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;
  background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.8)!important;padding:8px 4px!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:11px!important;letter-spacing:1px!important;cursor:pointer!important;
}
.rbc519-mb-size.active{border-color:#ff3aa2!important;background:rgba(255,58,162,.22)!important;color:#fff!important;}
.rbc519-mb-sides{display:grid!important;grid-template-columns:1fr 30px 1fr!important;gap:10px!important;align-items:start!important;margin-bottom:14px!important;}
.rbc519-mb-side{display:flex!important;flex-direction:column!important;gap:6px!important;}
.rbc519-mb-vs{text-align:center!important;color:#ff3aa2!important;font-size:14px!important;padding-top:26px!important;font-family:var(--display,'Russo One',Arial,sans-serif)!important;}
.rbc519-mb-vs .rbc-vs-s{color:#12d6ff!important;}
.rbc519-mb-label{font-size:9px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:rgba(255,255,255,.55)!important;margin-bottom:2px!important;}
.rbc519-mb-slot,.rbc519-mb-map,.rbc519-mb-round{
  width:100%!important;box-sizing:border-box!important;background:#1a0e2e!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;padding:7px 8px!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:11px!important;
}
.rbc519-mb-slot option,.rbc519-mb-map option,.rbc519-mb-round option{background:#1a0e2e!important;color:#fff!important;}
.rbc519-mb-row{margin-bottom:12px!important;}
.rbc519-mb-actions{display:flex!important;gap:10px!important;margin-top:16px!important;}
.rbc519-mb-confirm,.rbc519-mb-cancel{
  flex:1 1 0!important;border-radius:9px!important;padding:10px 4px!important;cursor:pointer!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:11px!important;letter-spacing:1px!important;text-transform:uppercase!important;
}
.rbc519-mb-confirm{border:1px solid rgba(76,255,136,.62)!important;background:rgba(76,255,136,.14)!important;color:#4cff88!important;}
.rbc519-mb-cancel{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.75)!important;}
.rbc519-status{
  margin-top:7px!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.3px!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.44)!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rbc519-status.done{color:#4cff88!important;}
.rbc519-status.void{color:#ff6fc0!important;}

.rbc519-selected-send{
  box-shadow:0 0 0 2px rgba(76,255,136,.92),0 0 26px rgba(76,255,136,.32)!important;
}

/* Ersatzbank / Spielerpool fixed sichtbar, Liste intern scrollbar */
body.rbc519-matches-active #rbc519-player-pool{
  position:fixed!important;
  left:18px!important;
  right:18px!important;
  bottom:10px!important;  /* rbc812: an den unteren Rand (war 112px) */
  top:auto!important;
  height:212px!important;
  max-height:212px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:99999!important;
  overflow:hidden!important;
  margin:0!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,58,162,.32)!important;
  border-radius:15px!important;
  background:linear-gradient(90deg,rgba(255,58,162,.085),rgba(12,4,28,.86))!important;
  box-shadow:0 0 28px rgba(0,0,0,.64),0 0 18px rgba(255,58,162,.10)!important;
}
body:not(.rbc519-matches-active) #rbc519-player-pool{display:none!important;}

#rbc519-player-pool .pool-head{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:8px!important;
}
#rbc519-player-pool .pool-head b{
  color:#ff3aa2!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:12px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}
#rbc519-player-pool .pool-head span{
  color:rgba(245,240,255,.55)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.3px!important;
  text-transform:uppercase!important;
  text-align:right!important;
}
#rbc519-player-pool .pool-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(218px,1fr))!important;
  gap:7px!important;
  height:150px!important;
  max-height:150px!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding:1px 6px 8px 1px!important;
  box-sizing:border-box!important;
}
#rbc519-player-pool .pool-list::-webkit-scrollbar{width:10px!important;}
#rbc519-player-pool .pool-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:10px!important;}
#rbc519-player-pool .pool-list::-webkit-scrollbar-thumb{background:rgba(255,58,162,.55)!important;border-radius:10px!important;}
#rbc519-player-pool .pool-list{scrollbar-width:thin!important;scrollbar-color:rgba(255,58,162,.55) rgba(255,255,255,.035)!important;}
#rbc519-player-pool .pool-player{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 58px 50px!important;
  align-items:center!important;
  gap:6px!important;
  min-height:44px!important;
  height:44px!important;
  padding:6px 7px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
}
#rbc519-player-pool .pool-player.active{
  border:1px solid rgba(76,255,136,.78)!important;
  background:linear-gradient(90deg,rgba(76,255,136,.14),rgba(76,255,136,.045))!important;
}
#rbc519-player-pool .pool-player.bench{
  border:1px solid rgba(255,220,74,.78)!important;
  background:linear-gradient(90deg,rgba(255,220,74,.14),rgba(255,220,74,.045))!important;
}
#rbc519-player-pool .pool-player.inactive{
  border:1px solid rgba(255,58,162,.22)!important;
  background:rgba(255,255,255,.018)!important;
  opacity:.46!important;
  filter:saturate(.55) grayscale(.20)!important;
}
#rbc519-player-pool .pool-player:hover{opacity:1!important;filter:none!important;}
#rbc519-player-pool img{
  width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,58,162,.42)!important;
}
#rbc519-player-pool .pool-name{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:10px!important;color:rgba(255,255,255,.92)!important;
}
#rbc519-player-pool .pool-elo{
  color:#4cff88!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:7px!important;white-space:nowrap!important;text-align:right!important;font-style:normal!important;
}
#rbc519-player-pool .pool-state{
  grid-column:1/-1!important;margin-top:-13px!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:7px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;
  text-align:center!important;  /* rbc812: Status mittig unten in der Kachel, 10px höher */
}
#rbc519-player-pool .pool-player.active .pool-state{color:#4cff88!important;}
#rbc519-player-pool .pool-player.bench .pool-state{color:#ffdc4a!important;}
#rbc519-player-pool .pool-player.inactive .pool-state{color:#ff6fc0!important;}
#rbc519-player-pool .pool-toggle{
  border-radius:8px!important;padding:4px 6px!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:7px!important;letter-spacing:.9px!important;cursor:pointer!important;
}
#rbc519-player-pool .pool-toggle.raus{border:1px solid rgba(255,58,162,.52)!important;background:rgba(255,58,162,.10)!important;color:rgba(245,240,255,.88)!important;}
#rbc519-player-pool .pool-toggle.rein{border:1px solid rgba(76,255,136,.62)!important;background:rgba(76,255,136,.14)!important;color:#4cff88!important;}

/* Alte Alle-Spiele/History Reste hart ausblenden */
#panel-matches [id*="history"],
#panel-matches [class*="history"],
#panel-matches #allGames,
#panel-matches #allMatches,
#panel-matches #matchHistory,
#panel-matches .all-games,
#panel-matches .match-history,
#panel-matches .slog,
#panel-matches .slog-list{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;max-height:0!important;overflow:hidden!important;
}

/* ==== Block 54/140 - urspruenglich gamenight.html Zeile 38911: <style id="rbc520-hide-legacy-second-bank-style"> ==== */
/* v520: Alte Legacy-Ersatzbank ueberall ausblenden.
   v519 benutzt nur noch #rbc519-player-pool.
   rbc520-v2 (2026-07-11): war bisher nur beim Reiter Spiele aktiv - die
   Legacy-Elemente konnten dadurch trotzdem kurz aufblitzen, wenn man mit
   Match-O-Mat (oder einem anderen Reiter) startete, weil dort niemand
   das Ausblenden erzwungen hat. Jetzt immer versteckt, unabhaengig vom
   aktiven Tab. */
#rbc-player-pool-266,
#rbc-free-tools-266{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  right:auto!important;
  bottom:auto!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
  z-index:-1!important;
}

/* ==== Block 55/140 - urspruenglich gamenight.html Zeile 39009: <style id="rbc538-persist-guard-style"> ==== */
/* v=646framedslot: Expliziter Abend-Reset und Schutz vor F5-Leerspeicherung */
#rbc538EveningResetBtn{
  border-color:rgba(255,0,230,.50)!important;
  color:#ff5fe6!important;
  background:rgba(255,0,230,.08)!important;
}
#rbc538EveningResetBtn:hover{
  background:rgba(255,0,230,.18)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(255,0,230,.20)!important;
}
#rbc538PersistStatus{
  position:fixed;
  right:16px;
  bottom:14px;
  z-index:999999;
  pointer-events:none;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:rgba(76,255,136,.80);
  background:rgba(5,2,14,.78);
  border:1px solid rgba(76,255,136,.24);
  border-radius:10px;
  padding:8px 10px;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease;
}
#rbc538PersistStatus.show{
  opacity:1;
  transform:translateY(0);
}

/* ==== Block 56/140 - urspruenglich gamenight.html Zeile 39405: <style id="rbc600-cleanbase-phase1-style"> ==== */
/* v786 – Grafik Cleanbase
   Eine aktive Grafik-CSS-Quelle, keine späteren Grafik-Override-Blöcke.
   Ziel: linke und rechte Inhaltsgruppe größer, weiter links/rechts, kein doppeltes Render-DOM. */
body.rbc600-clean-tabs .panel{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.rbc600-clean-tabs #panel-setup.rbc600-active,
body.rbc600-clean-tabs #panel-matches.rbc600-active,
body.rbc600-clean-tabs #panel-results.rbc600-active,
body.rbc600-clean-tabs #panel-graphic.rbc600-active,
body.rbc600-clean-tabs #panel-mvp.rbc600-active,
body.rbc600-clean-tabs #panel-bracket.rbc600-active,
body.rbc600-clean-tabs #panel-spinwheel.rbc600-active{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
body.rbc600-tab-graphic #rbc-player-pool-266,
body.rbc600-tab-graphic #rbc-free-tools-266,
body.rbc600-tab-results #rbc-player-pool-266,
body.rbc600-tab-results #rbc-free-tools-266,
body.rbc600-tab-mvp #rbc-player-pool-266,
body.rbc600-tab-mvp #rbc-free-tools-266,
body.rbc600-tab-setup #rbc-player-pool-266,
body.rbc600-tab-setup #rbc-free-tools-266,
body.rbc600-tab-spinwheel #rbc-player-pool-266,
body.rbc600-tab-spinwheel #rbc-free-tools-266{display:none!important;}
#panel-graphic.rbc600-active{padding:0 22px 24px!important;overflow:hidden!important;min-height:auto!important;}
#rbc600GraphicCard{height:calc(100vh - 184px)!important;max-height:calc(100vh - 184px)!important;min-height:auto!important;padding:10px 12px 12px!important;border:1px solid rgba(255,58,162,.36);border-radius:14px;background:rgba(17,4,28,.72);box-shadow:0 0 24px rgba(255,58,162,.13);box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
#rbc600GraphicHeader{flex:0 0 auto!important;margin-bottom:6px!important;min-height:30px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,58,162,.26);padding:0 0 6px;}
#rbc600GraphicHeader h2{margin:0;color:#ff3aa2;font-family:Impact,'Arial Black',sans-serif;font-size:24px!important;letter-spacing:4px;text-transform:uppercase;}
#rbc600GraphicHeader .sub{font-size:9px!important;color:rgba(245,240,255,.48);letter-spacing:2.5px;text-transform:uppercase;}
#rbc600GraphicHeader button{border:1px solid rgba(255,58,162,.46);background:rgba(255,58,162,.09);color:#ff8ed7;border-radius:999px;padding:8px 12px!important;font-size:9px!important;letter-spacing:1.5px;text-transform:uppercase;}
#rbc600GraphicStage{position:relative;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden;border-radius:0;background:#020008;color:#fff;isolation:isolate;}
#rbc600GraphicStage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.64)),linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.05) 48%,rgba(0,0,0,.46)),url('/assets/retroboys_hero_wide.png');background-size:cover;background-position:center center;filter:saturate(1.06) contrast(1.04);z-index:0;}
#rbc600GraphicStage:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.48) 100%);opacity:.34;z-index:1;pointer-events:none;}
.rbc600-corner{position:absolute;width:54px;height:54px;z-index:5;border-color:#ff8ed7;filter:drop-shadow(0 0 12px rgba(255,79,189,.75));opacity:.95;}
/* rbc-graphic-corners (2026-07-11): obere Ecken 15px hoeher (top 48->33),
   untere Ecken tiefer (bottom 48->33, dann weitere 10px -> 23).
   rbc-graphic-corners-out (2026-07-14): alle vier Winkel weiter nach aussen an
   die (jetzt breitere) Stage-Kante gerueckt - Seiten 48->28, oben 33->24,
   unten 23->20. Wirkt zusammen mit der auf DW=2700 verbreiterten Design-Box
   (siehe rbc-graphic-uniform-scale-script) fuer einen randnahen Rahmen.
   rbc-graphic-corners-edge (2026-07-14): auf Wunsch noch dichter an die Kante -
   alle vier Winkel einheitlich 15px vom Stage-Rand.
   rbc-graphic-corners-flush (2026-07-15): auf Wunsch nochmal 15px weiter zum
   Rand rausgezogen -> 15-15=0, alle vier Winkel jetzt buendig mit dem
   Stage-Rand.
   rbc-graphic-corners-sharp (2026-07-15): durch flush=0 clippte das
   border-radius:12px der Stage (overflow:hidden) die Winkel-Spitzen rund ab -
   Stage-Radius daher auf 0 (hier und im uniform-scale-Override), damit die
   90-Grad-Winkel wie bei den anderen Reitern spitz bleiben. */
.rbc600-c1{left:0px;top:0px;border-left:5px solid;border-top:5px solid;}.rbc600-c2{right:0px;top:0px;border-right:5px solid;border-top:5px solid;}.rbc600-c3{left:0px;bottom:0px;border-left:5px solid;border-bottom:5px solid;}.rbc600-c4{right:0px;bottom:0px;border-right:5px solid;border-bottom:5px solid;}
#rbc600GraphicInner{position:absolute;inset:0;z-index:3;padding:14px 16px 24px!important;display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:center!important;align-content:start!important;gap:10px!important;align-items:start!important;}
.rbc600-left{align-self:start!important;justify-self:center!important;max-width:900px!important;min-width:0!important;width:min(900px,94%)!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:0!important;transform:none!important;}
.rbc600-left:before{content:'// MATCH BEENDET';display:block;width:100%;text-align:left;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:6px;color:#4cff88;text-transform:uppercase;text-shadow:0 0 10px rgba(76,255,136,.60);margin:0 0 8px 0;}
.rbc600-gg{font-family:'Rubik Dirt',cursive!important;font-size:126px!important;line-height:.85!important;letter-spacing:-4px!important;color:transparent!important;background:linear-gradient(160deg,#ff9de2 0%,#ff3aa2 35%,#d4006a 70%,#7a003c 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;filter:drop-shadow(0 0 36px rgba(255,58,162,.65)) drop-shadow(0 0 70px rgba(255,0,100,.30))!important;text-shadow:none!important;width:100%!important;text-align:left!important;margin:0 0 10px -26px!important;}
.rbc600-thanks{font-family:'Russo One',sans-serif!important;color:rgba(245,240,255,.96)!important;font-size:38px!important;line-height:1.02!important;letter-spacing:3px!important;text-transform:uppercase!important;width:100%!important;text-align:left!important;margin-top:0!important;text-shadow:0 0 20px rgba(255,58,162,.20)!important;}
.rbc600-season{font-family:'Share Tech Mono',monospace!important;font-size:12px!important;letter-spacing:5px!important;color:rgba(245,240,255,.42)!important;text-transform:uppercase!important;width:100%!important;text-align:left!important;margin:7px 0 18px!important;}
/* rbc932 (2026-07-06): Größe (width/max-height/Sub-Schrift) an das Logo im
   Reiter Tabelle (.rbc790-logo: 260px / 56px / 8px) angeglichen, auf Wunsch.
   Position (right/top) wird weiter unten überschrieben (siehe rbc932-Fix
   bei ".rbc600-logo{right:80px;top:54px}" -> ebenfalls Tabelle-Werte). */
.rbc600-logo{position:absolute;right:16px!important;top:14px!important;width:260px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;text-align:right!important;gap:4px!important;opacity:.96!important;z-index:4!important;pointer-events:none!important;}
/* rbc932-fix (2026-07-06): "width:100%" + "max-height" + "height:auto" ist
   derselbe Overconstrain-Typ wie schon bei .rbc900-spin-head - der
   breiten-getriebene Wert (260px -> ~62px hoch) gewinnt gegen max-height,
   das Bild landet größer als gewollt (280×62 statt 260×56 gemessen). Fix:
   Höhe direkt vorgeben statt über max-height, Breite auto danach ableiten. */
.rbc600-logo img{display:block!important;width:auto!important;max-width:260px!important;height:56px!important;margin-left:auto!important;object-fit:contain!important;object-position:right center!important;filter:drop-shadow(0 0 18px rgba(255,58,162,.62)) drop-shadow(0 0 36px rgba(255,58,162,.24))!important;}
.rbc600-logo .fallback{width:100%!important;text-align:right!important;font-family:'Permanent Marker',cursive!important;font-size:34px!important;font-style:normal!important;line-height:1!important;color:#ff4fb2!important;text-shadow:0 0 20px rgba(255,58,162,.72)!important;}
.rbc600-logo .sub{display:block!important;width:100%!important;margin-top:0!important;padding-right:2px!important;text-align:right!important;font-size:8px!important;line-height:1.2!important;letter-spacing:4px!important;color:rgba(245,240,255,.68)!important;text-transform:uppercase!important;text-shadow:0 0 10px rgba(0,0,0,.35)!important;}
.rbc600-panel{border:1px solid rgba(255,58,162,.36);background:rgba(6,2,14,.82);border-radius:14px;box-shadow:0 0 24px rgba(0,0,0,.32),inset 0 0 18px rgba(255,58,162,.035);}
.rbc600-top{display:grid;grid-template-columns:146px minmax(0,1fr)!important;gap:18px;align-items:center;padding:20px 22px!important;margin-bottom:14px!important;}
.rbc600-avatar{width:132px!important;height:132px!important;border-radius:50%;object-fit:cover;border:3px solid rgba(255,58,162,.72);box-shadow:0 0 22px rgba(255,58,162,.38);background:rgba(255,255,255,.05);}.rbc600-avatar.empty{display:grid;place-items:center;color:#ffdc4a;font-weight:bold;font-size:28px;}
.rbc600-name{font-family:'Russo One',sans-serif!important;font-size:30px!important;letter-spacing:.6px!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.rbc600-meta{margin-top:8px;color:rgba(245,240,255,.60);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;}.rbc600-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px!important;}.rbc600-stat{height:54px!important;border:1px solid rgba(255,58,162,.28);border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.035);}.rbc600-stat b{font-family:Impact,'Arial Black',sans-serif;color:#4cff88;font-size:27px;line-height:1;text-shadow:0 0 12px rgba(76,255,136,.35);}.rbc600-stat span{font-size:8px;color:rgba(245,240,255,.50);letter-spacing:1.2px;text-transform:uppercase;}
.rbc600-podium{padding:18px 20px 20px!important;background:rgba(6,2,14,.82)!important;}.rbc600-label{font-size:10px;color:#ff8ed7;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px!important;}.rbc600-pods{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:18px!important;align-items:end;}.rbc600-pod{height:184px!important;border:1px solid rgba(255,58,162,.25);border-radius:12px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px!important;position:relative;overflow:hidden;}.rbc600-pod.first{height:228px!important;border-color:rgba(255,220,82,.55);background:rgba(255,220,82,.055);}.rbc600-place{position:absolute;left:11px;top:8px;color:#ffdc4a;font-family:Impact,'Arial Black',sans-serif;font-size:18px;}.rbc600-pod img,.rbc600-pod .empty{width:84px!important;height:84px!important;border-radius:50%;object-fit:cover;margin-bottom:10px!important;border:2px solid rgba(255,58,162,.46);display:grid;place-items:center;}.rbc600-pod.first img,.rbc600-pod.first .empty{width:104px!important;height:104px!important;border-color:rgba(255,220,82,.75);}.rbc600-podname{font-family:'Russo One',sans-serif!important;font-size:14px!important;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.rbc600-podmeta{font-size:9px;color:rgba(245,240,255,.55);margin-top:4px;}
.rbc600-right{align-self:start!important;justify-self:center!important;min-width:0!important;width:min(1380px,98%)!important;max-width:1380px!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:0!important;}.rbc600-score{width:100%!important;height:470px!important;padding:14px 14px 16px!important;position:relative;background:rgba(8,3,18,.92)!important;}.rbc600-score h3{margin:0;color:#ff8ed7;font-family:'Russo One',sans-serif!important;letter-spacing:2.6px!important;text-transform:uppercase;font-size:26px!important;}.rbc600-note{font-size:13px;color:#12d6ff;text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6);margin:0!important;letter-spacing:1px;opacity:.92!important;}.rbc600-titlerow{display:flex;align-items:baseline;gap:14px;margin-bottom:10px!important;}.rbc600-table{height:286px!important;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,58,162,.22);border-radius:10px!important;background:rgba(0,0,0,.27)!important;scrollbar-gutter:stable;scrollbar-color:rgba(255,58,162,.65) rgba(255,58,162,.08);scrollbar-width:thin;}.rbc600-table::-webkit-scrollbar{width:9px;}.rbc600-table::-webkit-scrollbar-track{background:rgba(255,58,162,.07);border-radius:999px;}.rbc600-table::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,58,162,.75),rgba(255,142,214,.45));border-radius:999px;border:2px solid rgba(5,0,10,.8);}
.rbc600-grid{display:grid;grid-template-columns:44px minmax(360px,2.2fr) 54px 54px 76px 82px 82px 82px 66px!important;}.rbc600-cell{min-height:44px!important;max-height:44px!important;padding:8px 10px!important;display:flex;align-items:center;min-width:0;border-bottom:1px solid rgba(255,255,255,.075);font-size:15px!important;color:rgba(255,255,255,.94);}.rbc600-head{position:sticky;top:0;z-index:3;color:#ff8ed7;background:rgba(70,10,49,.98);font-size:10px!important;letter-spacing:1.3px;text-transform:uppercase;}.rbc600-rank{font-family:Impact,'Arial Black',sans-serif;color:#ffdc4a;font-size:18px;}.rbc600-player{gap:9px;}.rbc600-tiny{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover;border:1px solid rgba(255,58,162,.45);flex:0 0 auto;}.rbc600-player span{font-family:'Russo One',sans-serif!important;font-size:15px!important;letter-spacing:.2px!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.rbc600-win,.rbc600-pos{color:#4cff88;font-weight:900;}.rbc600-loss,.rbc600-neg{color:#ff6fc0;font-weight:900;}
.rbc600-awards{position:absolute;left:10px!important;right:10px!important;bottom:12px!important;display:grid;grid-template-columns:repeat(3,1fr);gap:12px!important;}
/* rbc-namefix (2026-07-08): ersetzt die frueheren .rbc600-award-Avatarkarten
   (Spieler des Abends/Beste Winrate/Beste ELO+) - gamenight_result.html
   zeigt hier stattdessen schlichte Zahlen-Kacheln ohne Avatar (Spiele
   gesamt/Spieler/Beste Quote), siehe .rbc512-summary .rbc512-stat dort. */
.rbc600-summary-tile{height:76px;border:1px solid rgba(255,58,162,.28);border-radius:10px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}.rbc600-summary-tile b{font-family:Impact,'Arial Black',sans-serif;color:#4cff88;font-size:24px;line-height:1;text-shadow:0 0 12px rgba(76,255,136,.35);}.rbc600-summary-tile span{font-size:9px;color:rgba(245,240,255,.50);letter-spacing:1.2px;text-transform:uppercase;}

/* rbc923/924-graphic-admin-readability (2026-07-06): Lesbarkeit der Admin-
   Grafik-Ansicht in zwei Stufen angehoben. WICHTIG: .rbc600-cell,
   .rbc600-head.rbc600-cell, .rbc600-tiny, .rbc600-player span, .rbc600-rank,
   .rbc600-awtitle, .rbc600-name, .rbc600-meta und .rbc600-season werden
   weiter unten in dieser Datei in den style-Blöcken "rbc789-grafik-
   readability-style" und "rbc790-polish-style" ERNEUT gesetzt (ohne höhere
   Spezifität, aber später im Dokument -> die gewinnen sonst automatisch).
   Deren Werte wurden direkt dort angehoben (siehe rbc925-Kommentare) statt
   hier nochmal nutzlos zu duplizieren. Was HIER bleibt, sind die Elemente,
   die NICHT von einem der späteren Blöcke angefasst werden. */
.rbc600-label{font-size:12px!important;}
.rbc600-score h3{font-size:28px!important;}
.rbc600-note{font-size:13px!important;}
#rbc600GraphicHeader .sub{font-size:11px!important;}
#rbc600GraphicHeader button{font-size:11px!important;}

.rbc600-stat{height:64px!important;}
.rbc600-stat span{font-size:13px!important;}

.rbc600-pod{height:206px!important;}
.rbc600-pod.first{height:250px!important;}
.rbc600-pod img,.rbc600-pod .empty{width:92px!important;height:92px!important;}
.rbc600-pod.first img,.rbc600-pod.first .empty{width:112px!important;height:112px!important;}
.rbc600-podname{font-size:23px!important;}
.rbc600-podmeta{font-size:15px!important;}
.rbc600-place{font-size:22px!important;}

.rbc600-summary-tile b{font-size:26px!important;}
.rbc600-summary-tile span{font-size:11px!important;}
.rbc600-glut{position:absolute;inset:auto 0 0;height:38%!important;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen!important;opacity:.92!important;}.rbc600-glow{position:absolute;left:-8%;right:-8%;bottom:-132px!important;height:280px!important;background:radial-gradient(ellipse at 50% 84%,rgba(255,150,42,.34),rgba(255,75,20,.16) 34%,rgba(255,32,128,.075) 52%,transparent 76%),radial-gradient(ellipse at 18% 100%,rgba(255,90,24,.14),transparent 44%),radial-gradient(ellipse at 82% 100%,rgba(255,210,92,.12),transparent 42%)!important;filter:blur(24px) saturate(1.10)!important;opacity:.78!important;animation:rbc600GlutBreath 4.6s ease-in-out infinite;}.rbc600-wave{position:absolute;left:-7%;right:-7%;bottom:-62px!important;height:180px!important;background:radial-gradient(ellipse at 50% 100%,rgba(255,118,28,.22),rgba(255,60,126,.10) 42%,transparent 74%);filter:blur(24px);animation:rbc600GlutWave 3.9s ease-in-out infinite alternate;opacity:.45!important;}.rbc600-ember{position:absolute;bottom:-10px;left:var(--x,50%);width:var(--s,4px);height:var(--s,4px);border-radius:50%;background:rgba(255,205,86,.95);box-shadow:0 0 8px rgba(255,176,80,.8),0 0 16px rgba(255,106,44,.55);animation:rbc600Ember var(--t,7s) linear infinite;animation-delay:var(--d,0s);}
@keyframes rbc600GlutBreath{0%,100%{transform:translateY(0) scaleY(.96);opacity:.78}50%{transform:translateY(-10px) scaleY(1.07);opacity:1}}@keyframes rbc600GlutWave{from{transform:translateY(0) scaleX(.98)}to{transform:translateY(-14px) scaleX(1.05)}}@keyframes rbc600Ember{0%{transform:translate3d(0,0,0) scale(1);opacity:.75}75%{opacity:.35}100%{transform:translate3d(var(--dx,100px),-1050px,0) scale(.12);opacity:0}}
#rbc600CleanbasePill{display:none!important;}
.rbc600-left:before{content:'// MATCH BEENDET';display:block;width:100%;text-align:left;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:6px;color:#4cff88;text-transform:uppercase;text-shadow:0 0 10px rgba(76,255,136,.60);margin:0 0 8px 0;}@media (max-width:1500px){#rbc600GraphicInner{padding:12px 10px 18px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px!important}.rbc600-left{max-width:760px!important;width:min(760px,95%)!important}.rbc600-logo{width:280px!important;right:12px!important;top:12px!important}.rbc600-logo img{max-width:280px!important;max-height:62px!important}.rbc600-right{width:min(1220px,98%)!important;max-width:1220px!important;padding-top:0!important}.rbc600-score{height:440px!important}.rbc600-table{height:258px!important}}

/* ==== Block 57/140 - urspruenglich gamenight.html Zeile 39924: <style id="rbc605-spiele-renderer-guard-style"> ==== */
/* v646framedslot
   Der alte v477-Freeplay-Renderer darf nach Tabwechsel nicht mehr sichtbar bleiben.
   Während der Reparatur wird er kurz ausgeblendet, danach übernimmt v519 wieder. */
body.rbc605-repairing-matches #panel-matches #mgrid .rbc477-free-wrap,
body.rbc605-repairing-matches #panel-matches #mgrid .rbc477-free-section,
body.rbc605-repairing-matches #panel-matches #mgrid .rbc477-free-grid,
body.rbc605-repairing-matches #panel-matches #mgrid .rbc477-free-card{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* ==== Block 58/140 - urspruenglich gamenight.html Zeile 40111: <style id="rbc616-table-owner-style"> ==== */
body.rbc600-tab-results #panel-results > :not(#rbc616ResultsShell),
#panel-results.rbc600-active > :not(#rbc616ResultsShell),
#panel-results.active > :not(#rbc616ResultsShell){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
#rbc616ResultsShell{display:block!important;visibility:visible!important;opacity:1!important;padding:0 24px 42px!important;box-sizing:border-box!important;}
.rbc616-grid{display:grid!important;grid-template-columns:minmax(620px,1fr) minmax(620px,1fr)!important;gap:24px!important;align-items:start!important;}
.rbc616-card,.rbc616-history{border:1px solid rgba(255,58,162,.30)!important;border-radius:18px!important;background:rgba(10,3,24,.54)!important;box-shadow:0 0 22px rgba(255,58,162,.07)!important;overflow:hidden!important;}
.rbc616-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:13px 16px!important;border-bottom:1px solid rgba(255,58,162,.22)!important;background:linear-gradient(90deg,rgba(255,58,162,.15),rgba(255,58,162,.035))!important;}
.rbc616-title{color:#ff3aa2!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:16px!important;letter-spacing:2.2px!important;text-transform:uppercase!important;}
.rbc616-sub{color:rgba(255,255,255,.50)!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:8px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;white-space:nowrap!important;}
.rbc616-rank{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;}
.rbc616-rank th,.rbc616-rank td{padding:10px!important;border-bottom:1px solid rgba(255,255,255,.065)!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;color:#fff!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:12px!important;}
.rbc616-rank th{color:rgba(255,255,255,.42)!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;}
.rbc616-rank .rank{width:58px!important;color:#ffdc4a!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:16px!important;}
.rbc616-rank .player{text-align:left!important;width:310px!important;}
.rbc616-player{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.rbc616-player img{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,58,162,.45)!important;flex:0 0 auto!important;}
.rbc616-player span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:12px!important;text-transform:none!important;}
.rbc616-win{color:#4cff88!important;font-weight:900!important;}
.rbc616-loss{color:#ff6fc0!important;font-weight:900!important;}
.rbc616-wr{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.rbc616-bar{width:72px!important;height:5px!important;border-radius:99px!important;background:rgba(255,255,255,.13)!important;overflow:hidden!important;}
.rbc616-fill{height:100%!important;background:#4cff88!important;border-radius:99px!important;box-shadow:0 0 10px rgba(76,255,136,.35)!important;}
.rbc616-h2h-wrap{max-height:360px!important;overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,58,162,.72) rgba(255,255,255,.045)!important;}
.rbc616-h2h-wrap::-webkit-scrollbar{width:9px!important;height:9px!important;}
.rbc616-h2h-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.045)!important;border-radius:999px!important;}
.rbc616-h2h-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,58,162,.82),rgba(255,142,214,.48))!important;border:2px solid rgba(5,0,10,.85)!important;border-radius:999px!important;}
.rbc616-h2h{display:grid!important;min-width:100%!important;background:rgba(2,0,9,.36)!important;}
.rbc616-h2h>div{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 9px!important;border-right:1px solid rgba(255,255,255,.065)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;box-sizing:border-box!important;}
.rbc616-corner,.rbc616-col{position:sticky!important;top:0!important;z-index:5!important;background:linear-gradient(180deg,rgba(112,18,76,.98),rgba(54,8,45,.96))!important;color:#ff7acc!important;}
.rbc616-corner{left:0!important;z-index:8!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:13px!important;letter-spacing:2px!important;text-transform:uppercase!important;}
.rbc616-corner .rbc-vs-s{color:#8ee9ff!important;}
.rbc616-row{position:sticky!important;left:0!important;z-index:4!important;justify-content:flex-start!important;background:linear-gradient(90deg,rgba(255,255,255,.072),rgba(255,255,255,.025))!important;}
.rbc616-person{display:flex!important;align-items:center!important;min-width:0!important;gap:8px!important;width:100%!important;}
.rbc616-col .rbc616-person{flex-direction:column!important;gap:5px!important;justify-content:center!important;text-align:center!important;}
.rbc616-av{width:27px!important;height:27px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,58,162,.58)!important;box-shadow:0 0 12px rgba(255,58,162,.24)!important;background:rgba(255,255,255,.05)!important;flex:0 0 auto!important;}
.rbc616-col .rbc616-av{width:30px!important;height:30px!important;}
.rbc616-av.empty{display:grid!important;place-items:center!important;color:#ffdc4a!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:11px!important;}
.rbc616-nm{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:9.5px!important;color:#fff!important;text-transform:uppercase!important;}
.rbc616-col .rbc616-nm{max-width:78px!important;font-size:7.8px!important;line-height:1.1!important;color:#ffb3e2!important;}
.rbc616-score{font-family:var(--head,'Russo One',Arial,sans-serif)!important;font-size:12px!important;letter-spacing:.6px!important;color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.018)!important;}
.rbc616-score.win{background:linear-gradient(135deg,rgba(76,255,136,.20),rgba(76,255,136,.055))!important;color:#4cff88!important;box-shadow:inset 0 0 0 1px rgba(76,255,136,.14)!important;}
.rbc616-score.loss{background:linear-gradient(135deg,rgba(255,70,170,.20),rgba(255,70,170,.055))!important;color:#ff6fc0!important;box-shadow:inset 0 0 0 1px rgba(255,70,170,.13)!important;}
.rbc616-score.draw{color:rgba(255,255,255,.70)!important;}
.rbc616-score.dash{color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.012)!important;}
.rbc616-history{margin-top:20px!important;}
.rbc616-history-list{padding:10px 12px 12px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 12px!important;}
.rbc616-game{min-height:26px!important;border:1px solid rgba(255,58,162,.26)!important;border-radius:9px!important;background:rgba(80,20,130,.34)!important;display:grid!important;grid-template-columns:74px minmax(0,1fr) 22px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;padding:4px 8px!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;font-size:9px!important;color:rgba(255,255,255,.58)!important;}
.rbc616-game .tag{color:#ffdc4a!important;font-weight:900!important;}
.rbc616-game .winner{color:#06150b!important;background:#7dffab!important;border-radius:999px!important;padding:3px 8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.rbc616-game .loser{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(255,255,255,.55)!important;}
.rbc616-empty{padding:24px!important;color:rgba(255,255,255,.55)!important;font-family:var(--mono,'Share Tech Mono',monospace)!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}

/* ==== Block 59/140 - urspruenglich gamenight.html Zeile 40207: <style id="rbc617-table-h2h-align-style"> ==== */
/* v646framedslot
   Nur Optik auf v616: Rangliste links und H2H rechts exakt auf eine Höhe bringen. */

body.rbc600-tab-results #rbc616ResultsShell .rbc616-grid,
#panel-results.active #rbc616ResultsShell .rbc616-grid,
#panel-results.rbc600-active #rbc616ResultsShell .rbc616-grid{
  align-items:stretch!important;
}

#rbc616ResultsShell .rbc616-grid > .rbc616-card{
  min-height:0!important;
}

#rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2){
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

#rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2) .rbc616-h2h-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}

/* optisch etwas ruhiger: H2H-Zellen minimal kompakter, damit bei 9+ Spielern weniger gequetscht wirkt */
#rbc616ResultsShell .rbc616-h2h > div{
  min-height:43px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}

#rbc616ResultsShell .rbc616-col .rbc616-av{
  width:28px!important;
  height:28px!important;
}

#rbc616ResultsShell .rbc616-av{
  width:25px!important;
  height:25px!important;
}

#rbc616ResultsShell .rbc616-col .rbc616-nm{
  font-size:7.4px!important;
}

#rbc616ResultsShell .rbc616-row .rbc616-nm{
  font-size:9px!important;
}

/* Letzte Spiele sauber unter beiden Karten */
#rbc616ResultsShell .rbc616-history{
  margin-top:18px!important;
}

/* ==== Block 60/140 - urspruenglich gamenight.html Zeile 40372: <style id="rbc618-table-h2h-rowlock-style"> ==== */
/* v646framedslot
   Spielerzeilen links/rechts exakt auf gleicher Höhe, obwohl beide Karten eigene Überschriften haben. */
#rbc616ResultsShell .rbc616-h2h{align-items:stretch!important;}
#rbc616ResultsShell .rbc616-h2h > div{height:auto!important;}
#rbc616ResultsShell .rbc616-rank thead th{padding-top:9px!important;padding-bottom:9px!important;}
#rbc616ResultsShell .rbc616-rank tbody td{padding-top:9px!important;padding-bottom:9px!important;}
#rbc616ResultsShell .rbc616-h2h-wrap{overflow:auto!important;}
#rbc616ResultsShell .rbc616-grid{align-items:start!important;}

/* ==== Block 61/140 - urspruenglich gamenight.html Zeile 40632: <style id="rbc627-fast-table-render-style"> ==== */
body.rbc627-table-preparing #panel-results #rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2),
body.rbc627-table-preparing #panel-results #rbc616ResultsShell .rbc616-h2h-wrap{opacity:0!important;visibility:hidden!important;}
body.rbc625-results-stabilizing #panel-results #rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2),
body.rbc625-results-stabilizing #panel-results #rbc616ResultsShell .rbc616-h2h-wrap,
body.rbc626-table-preparing #panel-results #rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2),
body.rbc626-table-preparing #panel-results #rbc616ResultsShell .rbc616-h2h-wrap{opacity:1!important;visibility:visible!important;transform:none!important;}
#panel-results #rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2){transition:opacity .08s linear!important;transform:none!important;overflow:hidden!important;}
#rbc616ResultsShell .rbc616-grid > .rbc616-card .rbc616-head{min-height:58px!important;box-sizing:border-box!important;padding:13px 16px!important;background:linear-gradient(90deg, rgba(255,58,162,.19), rgba(255,58,162,.055) 62%, rgba(76,255,136,.035))!important;}
#rbc616ResultsShell .rbc616-grid > .rbc616-card:first-child .rbc616-title{font-size:20px!important;letter-spacing:2.7px!important;color:#ff4fb2!important;text-shadow:0 0 14px rgba(255,58,162,.28)!important;}
#rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2) .rbc616-title{font-size:20px!important;letter-spacing:2.4px!important;color:#ff4fb2!important;text-shadow:0 0 14px rgba(255,58,162,.30)!important;}
#rbc616ResultsShell .rbc616-grid > .rbc616-card:nth-child(2) .rbc616-sub{color:rgba(255,255,255,.48)!important;letter-spacing:1.7px!important;}
#rbc616ResultsShell .rbc616-corner,#rbc616ResultsShell .rbc616-col{background:linear-gradient(180deg, rgba(128,18,82,.98), rgba(58,8,47,.97))!important;box-shadow:inset 0 -1px 0 rgba(255,58,162,.25)!important;}
#rbc616ResultsShell .rbc616-corner{font-size:13px!important;letter-spacing:2.4px!important;color:#ffe1f3!important;}
#rbc616ResultsShell .rbc616-corner .rbc-vs-s{color:#8ee9ff!important;}
#rbc616ResultsShell .rbc616-col .rbc616-av{width:29px!important;height:29px!important;}
#rbc616ResultsShell .rbc616-col .rbc616-nm{font-size:7.6px!important;color:#ffb8e4!important;}
#rbc616ResultsShell .rbc616-rank thead th{height:44px!important;box-sizing:border-box!important;font-size:9.5px!important;}
#rbc616ResultsShell .rbc616-rank tbody td{height:52px!important;box-sizing:border-box!important;}
#rbc616ResultsShell .rbc616-h2h > div{min-height:52px!important;box-sizing:border-box!important;}

/* ==== Block 62/140 - urspruenglich gamenight.html Zeile 40707: <style id="rbc638-payomat-style"> ==== */
/* v646framedslot
   Pay-Out Match-O-Mat:
   - Ausbezahlen/Bestätigen überträgt Ziehung als Spiel in den Spiele-Reiter.
   - Mehr Spielhallen-Flair.
   - Nur aktive Setup-Spieler. */

#tabLuckySlot{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
#tabLuckySlot.active{
  color:#ffdf61!important;
  border-bottom-color:#ffdf61!important;
  box-shadow:inset 0 -2px 0 #ffdf61, 0 7px 24px rgba(255,220,74,.13)!important;
}

body.rbc638-slot-active .panel:not(#panel-luckyslot){
  display:none!important;
}
#panel-luckyslot{
  display:none;
  padding:2px 12px 8px!important;
  min-height:calc(100vh - 166px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#panel-luckyslot.active,
#panel-luckyslot.rbc600-active,
body.rbc638-slot-active #panel-luckyslot{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#panel-luckyslot .rbc638-root{
  --pink:#ff3aa2;
  --gold:#ffdc63;
  --amber:#ff9d3b;
  --cyan:#54d8ff;
  position:relative;
  min-height:calc(100vh - 138px);
  border:1px solid rgba(255,58,162,.20);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 9% 44%, rgba(255,58,162,.18), transparent 30%),
    radial-gradient(circle at 89% 48%, rgba(84,216,255,.15), transparent 31%),
    radial-gradient(circle at 50% 110%, rgba(255,120,40,.12), transparent 34%),
    linear-gradient(180deg, rgba(6,2,18,.95), rgba(2,0,8,.99));
  box-shadow:inset 0 0 78px rgba(255,58,162,.04);
}
#panel-luckyslot .rbc638-root:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,58,162,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,58,162,.04) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.45;
  pointer-events:none;
}
#panel-luckyslot .rbc638-root:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,58,162,.20), transparent 14%, transparent 86%, rgba(84,216,255,.16)),
    radial-gradient(circle at 0 76%, rgba(255,58,162,.18), transparent 27%),
    radial-gradient(circle at 100% 76%, rgba(255,220,74,.11), transparent 27%);
  opacity:.42;
}
#panel-luckyslot .rbc638-side-sign{
  position:absolute;
  left:24px;
  top:146px;
  width:138px;
  height:188px;
  border:1px solid rgba(255,58,162,.40);
  border-radius:20px;
  background:rgba(5,1,16,.74);
  display:grid;
  place-items:center;
  color:#ff5fbe;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:27px;
  line-height:1.08;
  text-align:center;
  letter-spacing:1.4px;
  text-transform:uppercase;
  text-shadow:0 0 16px rgba(255,58,162,.80);
  box-shadow:0 0 34px rgba(255,58,162,.20), inset 0 0 28px rgba(255,58,162,.08);
  transform:skewY(-3deg);
  z-index:2;
}
#panel-luckyslot .rbc638-machine{
  position:relative;
  z-index:3;
  width:min(1580px, calc(100vw - 82px));
  margin:8px auto 0;
  min-height:792px;
  padding:0 34px 30px;
  box-sizing:border-box;
}
#panel-luckyslot .rbc638-cabinet{
  position:absolute;
  inset:96px 48px 0;
  border-radius:46px 46px 24px 24px;
  background:
    linear-gradient(90deg, rgba(255,58,162,.48), transparent 2.4%, transparent 97.6%, rgba(84,216,255,.42)),
    radial-gradient(circle at 50% 0, rgba(255,220,74,.08), transparent 42%),
    linear-gradient(180deg, rgba(120,70,42,.98), rgba(45,22,20,.99) 58%, rgba(16,5,14,.99));
  border:2px solid rgba(255,210,118,.46);
  box-shadow:
    0 0 52px rgba(255,58,162,.24),
    0 0 34px rgba(84,216,255,.09),
    inset 0 0 48px rgba(0,0,0,.58),
    inset 0 0 0 10px rgba(255,255,255,.036);
}
#panel-luckyslot .rbc638-cabinet:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:32px 32px 18px 18px;
  border:1px solid rgba(255,220,120,.24);
  box-shadow:inset 0 0 30px rgba(255,58,162,.13);
}
#panel-luckyslot .rbc638-cabinet:after{
  content:"";
  position:absolute;
  left:80px;
  right:80px;
  top:-38px;
  height:64px;
  border-radius:50px 50px 0 0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 20px, rgba(0,0,0,.08) 20px 40px),
    linear-gradient(180deg, rgba(230,232,240,.50), rgba(48,36,44,.92));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 0 28px rgba(255,58,162,.14);
}
#panel-luckyslot .rbc638-title-sign{
  position:relative;
  z-index:4;
  width:min(820px,73%);
  margin:0 auto;
  min-height:140px;
  padding:14px 26px 12px;
  border-radius:48px 48px 18px 18px;
  border:2px solid rgba(255,220,140,.52);
  background:
    radial-gradient(circle at 50% 8%, rgba(255,58,162,.24), transparent 46%),
    linear-gradient(180deg, rgba(21,8,22,.99), rgba(4,1,10,.99));
  box-shadow:
    0 0 38px rgba(255,58,162,.39),
    0 0 26px rgba(255,220,74,.10),
    inset 0 0 30px rgba(255,220,74,.09);
  text-align:center;
}
#panel-luckyslot .rbc638-title-sign .retro{
  color:#ff5fc8;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:44px;
  letter-spacing:10px;
  line-height:.95;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,58,162,.86), 0 0 38px rgba(255,58,162,.34);
}
#panel-luckyslot .rbc638-title-sign .main{
  color:#ffd66d;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:62px;
  letter-spacing:4px;
  line-height:1.03;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,220,74,.92), 0 0 32px rgba(255,114,32,.48);
}
#panel-luckyslot .rbc638-bulbs{
  position:absolute;
  left:18px;
  right:18px;
  top:16px;
  height:10px;
  background:
    radial-gradient(circle, rgba(255,220,74,.98) 0 4px, transparent 5px) 0 0/34px 10px repeat-x;
  opacity:.75;
  filter:drop-shadow(0 0 8px rgba(255,220,74,.60));
}
#panel-luckyslot .rbc638-face{
  position:relative;
  z-index:5;
  margin:0 auto;
  width:min(1320px, calc(100% - 132px));
  min-height:626px;
  border-radius:30px;
  padding:30px 32px 24px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 50% 10%, rgba(255,220,74,.09), transparent 36%),
    linear-gradient(180deg, rgba(76,38,28,.92), rgba(24,8,16,.98));
  border:2px solid rgba(255,220,120,.40);
  box-shadow:
    0 24px 48px rgba(0,0,0,.44),
    inset 0 0 46px rgba(0,0,0,.42),
    inset 0 0 0 8px rgba(255,255,255,.038);
}
#panel-luckyslot .rbc638-banner{
  margin:0 auto 24px;
  min-height:96px;
  border-radius:18px;
  border:2px solid rgba(230,190,150,.36);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,58,162,.14), transparent 60%),
    linear-gradient(180deg, rgba(28,12,22,.99), rgba(5,1,11,.99));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 0 30px rgba(255,58,162,.09), 0 0 26px rgba(255,58,162,.13);
}
#panel-luckyslot .rbc638-banner .line1{
  color:#ffe6a3;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:32px;
  letter-spacing:2.2px;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,124,45,.62);
}
#panel-luckyslot .rbc638-banner .line2{
  margin-top:8px;
  color:rgba(255,235,200,.74);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:14px;
  letter-spacing:5px;
  text-transform:uppercase;
}
#panel-luckyslot .rbc638-reels{
  display:grid;
  grid-template-columns:1fr 1fr 1.18fr;
  gap:24px;
  align-items:stretch;
  margin:0 4px;
}
#panel-luckyslot .rbc638-reel{
  position:relative;
  min-height:312px;
  border-radius:21px;
  border:2px solid rgba(238,220,190,.46);
  background:
    linear-gradient(90deg, rgba(255,220,146,.40), rgba(255,255,255,.11) 6%, transparent 14%, transparent 86%, rgba(255,255,255,.11) 94%, rgba(255,190,90,.36)),
    linear-gradient(180deg, rgba(248,226,190,.96), rgba(207,166,112,.90) 48%, rgba(236,206,166,.94));
  box-shadow:
    0 0 0 8px rgba(27,12,13,.74),
    0 0 0 10px rgba(255,220,118,.24),
    0 0 28px rgba(255,188,74,.22),
    inset 0 0 42px rgba(0,0,0,.25);
  overflow:hidden;
}
#panel-luckyslot .rbc638-reel:before,
#panel-luckyslot .rbc638-reel:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:78px;
  z-index:4;
  pointer-events:none;
}
#panel-luckyslot .rbc638-reel:before{top:0;background:linear-gradient(180deg, rgba(39,18,13,.43), transparent);}
#panel-luckyslot .rbc638-reel:after{bottom:0;background:linear-gradient(0deg, rgba(39,18,13,.43), transparent);}
#panel-luckyslot .rbc638-reel-label{
  position:absolute;
  top:-31px;
  left:50%;
  transform:translateX(-50%);
  min-width:184px;
  height:35px;
  padding:0 18px;
  border-radius:7px;
  border:2px solid rgba(255,220,140,.36);
  background:linear-gradient(180deg, rgba(56,37,30,.99), rgba(10,4,8,.99));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffdf9a;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  z-index:6;
  box-shadow:0 0 14px rgba(0,0,0,.44);
}
#panel-luckyslot .rbc638-reel-window{
  position:relative;
  z-index:2;
  min-height:312px;
  display:grid;
  place-items:center;
  padding:26px 20px 18px;
  box-sizing:border-box;
}
#panel-luckyslot .rbc638-strip{
  position:absolute;
  inset:-150px 12px;
  z-index:1;
  opacity:.42;
  background:
    radial-gradient(circle at 25% 10%, rgba(25,20,24,.24) 0 24px, transparent 25px),
    radial-gradient(circle at 74% 22%, rgba(25,20,24,.24) 0 22px, transparent 23px),
    radial-gradient(circle at 24% 72%, rgba(25,20,24,.24) 0 22px, transparent 23px),
    radial-gradient(circle at 76% 88%, rgba(25,20,24,.24) 0 24px, transparent 25px);
  background-size:100% 190px;
}
#panel-luckyslot .rbc638-machine.spinning .rbc638-strip{animation:rbc638Strip .28s linear infinite;}
@keyframes rbc638Strip{from{transform:translateY(0);}to{transform:translateY(190px);}}
#panel-luckyslot .rbc638-item{
  position:relative;
  z-index:3;
  width:100%;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  color:#1c1116;
}
#panel-luckyslot .rbc638-machine.spinning .rbc638-item{animation:rbc638Blur .12s linear infinite;}
#panel-luckyslot .rbc638-machine.spinning .rbc638-reel:nth-child(2) .rbc638-item{animation-duration:.10s;}
#panel-luckyslot .rbc638-machine.spinning .rbc638-reel:nth-child(3) .rbc638-item{animation-duration:.085s;}
@keyframes rbc638Blur{
  0%{transform:translateY(-18px);opacity:.50;filter:blur(1.4px);}
  48%{transform:translateY(0);opacity:1;filter:blur(0);}
  100%{transform:translateY(18px);opacity:.50;filter:blur(1.4px);}
}
#panel-luckyslot .rbc638-avatar{
  width:96px;
  height:96px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(255,58,162,.80);
  box-shadow:0 0 0 4px rgba(30,10,24,.72), 0 0 24px rgba(255,58,162,.34);
  background:#1d1320;
}
#panel-luckyslot .rbc638-avatar.empty{
  display:grid;
  place-items:center;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:34px;
  color:#ffdf63;
}
#panel-luckyslot .rbc638-mapicon{
  width:102px;
  height:86px;
  border-radius:14px;
  border:3px solid rgba(255,220,74,.78);
  background:
    radial-gradient(circle at 28% 32%, rgba(80,210,255,.78) 0 11px, transparent 12px),
    radial-gradient(circle at 67% 66%, rgba(76,255,136,.57) 0 16px, transparent 17px),
    linear-gradient(135deg, #14365d, #241932 62%, #5b3518);
  box-shadow:0 0 0 4px rgba(30,10,24,.72), 0 0 22px rgba(255,220,74,.30);
}
#panel-luckyslot .rbc638-name{
  max-width:100%;
  color:#1d1112;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:28px;
  line-height:1.06;
  letter-spacing:.6px;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.30);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#panel-luckyslot .rbc638-map .rbc638-name{
  white-space:normal;
  font-size:25px;
  max-height:62px;
}
#panel-luckyslot .rbc638-meta{
  color:rgba(25,12,18,.72);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:12px;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
#panel-luckyslot .rbc638-pointer{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  z-index:5;
  filter:drop-shadow(0 0 8px rgba(255,200,80,.52));
}
#panel-luckyslot .rbc638-pointer.left{left:-32px;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:28px solid #ffbd4b;}
#panel-luckyslot .rbc638-pointer.right{right:-32px;border-top:19px solid transparent;border-bottom:19px solid transparent;border-right:28px solid #ffbd4b;}

#panel-luckyslot .rbc638-lever{
  position:absolute;
  right:-100px;
  top:150px;
  width:86px;
  height:320px;
  z-index:10;
  cursor:pointer;
}
#panel-luckyslot .rbc638-lever-rail{
  position:absolute;
  left:37px;
  top:54px;
  bottom:28px;
  width:13px;
  border-radius:999px;
  background:linear-gradient(180deg, #e9efff, #a6a0b0 45%, #5d3145);
  box-shadow:0 0 24px rgba(255,255,255,.25);
}
#panel-luckyslot .rbc638-lever-arm{
  position:absolute;
  left:32px;
  top:24px;
  width:22px;
  height:214px;
  border-radius:999px;
  transform-origin:center top;
  background:linear-gradient(90deg, #dfe6ff, #fff, #8f8a99);
  box-shadow:0 0 14px rgba(255,255,255,.31);
  transition:top .28s ease, transform .28s ease;
}
#panel-luckyslot .rbc638-lever-ball{
  position:absolute;
  left:50%;
  top:-18px;
  transform:translateX(-50%);
  width:60px;
  height:60px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%, #ffd4d4 0 8px, #ff4d4d 25px, #9e101f 100%);
  box-shadow:0 0 30px rgba(255,58,90,.50), inset 0 0 12px rgba(255,255,255,.31);
}
#panel-luckyslot .rbc638-machine.spinning .rbc638-lever-arm{top:84px;transform:rotate(12deg);}
#panel-luckyslot .rbc638-pullhint{
  position:absolute;
  right:-132px;
  top:92px;
  color:#ffe5a3;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  line-height:1.18;
  letter-spacing:.8px;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(255,220,74,.45);
  text-align:center;
  width:112px;
}
#panel-luckyslot .rbc638-led{
  margin:22px 4px 0;
  border-radius:16px;
  border:2px solid rgba(255,150,90,.25);
  background:
    radial-gradient(circle at 0 0, rgba(255,220,74,.12), transparent 25%),
    linear-gradient(180deg, rgba(8,2,9,.97), rgba(1,0,3,.99));
  min-height:112px;
  padding:14px 18px 12px;
  box-sizing:border-box;
  box-shadow:inset 0 0 24px rgba(255,100,40,.09), 0 0 20px rgba(0,0,0,.36);
}
#panel-luckyslot .rbc638-led-title{
  color:#ffbd4b;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin-bottom:9px;
}
#panel-luckyslot .rbc638-led-lines{
  font-family:var(--mono,'Share Tech Mono',monospace);
  color:#ffdf8b;
  font-size:20px;
  line-height:1.22;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(255,190,80,.34);
  opacity:.97;
}
#panel-luckyslot .rbc638-bottom{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto auto auto;
  gap:13px;
  align-items:center;
  margin:16px 4px 0;
}
#panel-luckyslot .rbc638-status{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(76,255,136,.26);
  background:rgba(0,0,0,.48);
  color:#9cff9c;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:14px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#panel-luckyslot .rbc638-status:before{
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  background:#66ff7e;
  box-shadow:0 0 16px rgba(76,255,136,.75);
  margin-right:12px;
  flex:0 0 auto;
}
#panel-luckyslot .rbc638-btn{
  height:54px;
  min-width:190px;
  padding:0 18px;
  border-radius:13px;
  cursor:pointer;
  color:#fff0e8;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  border:2px solid rgba(255,200,160,.30);
  background:linear-gradient(180deg, #8a2e23, #50140f);
  box-shadow:0 7px 0 rgba(21,4,4,.75), 0 0 20px rgba(255,80,40,.15), inset 0 0 12px rgba(255,255,255,.07);
}
#panel-luckyslot .rbc638-btn.primary{
  min-width:170px;
  color:#fff9c7;
  border-color:rgba(255,220,74,.66);
  background:linear-gradient(180deg, #c9931d, #71420b);
  box-shadow:0 7px 0 rgba(31,16,2,.85), 0 0 24px rgba(255,200,60,.24), inset 0 0 14px rgba(255,255,255,.10);
}
#panel-luckyslot .rbc638-btn.payout{
  min-width:190px;
  color:#d9ffe6;
  border-color:rgba(76,255,136,.58);
  background:linear-gradient(180deg, #1f8c48, #0d4629);
  box-shadow:0 7px 0 rgba(2,20,11,.85), 0 0 24px rgba(76,255,136,.18), inset 0 0 14px rgba(255,255,255,.08);
}
#panel-luckyslot .rbc638-btn[disabled]{
  opacity:.35!important;
  filter:grayscale(.45);
  cursor:not-allowed;
}
#panel-luckyslot .rbc638-btn:active:not([disabled]){transform:translateY(4px);box-shadow:0 3px 0 rgba(20,5,4,.8), 0 0 18px rgba(255,200,60,.16);}

.mcard.rbc638-lucky-match{
  border-color:rgba(255,220,74,.46)!important;
  box-shadow:0 0 24px rgba(255,220,74,.10), inset 0 0 16px rgba(255,220,74,.035)!important;
}
.rbc638-lucky-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(255,220,74,.46);
  background:rgba(255,220,74,.10);
  color:#ffdf63;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9px;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

@media (max-width:1500px){
  #panel-luckyslot .rbc638-machine{width:calc(100vw - 50px);min-height:720px;}
  #panel-luckyslot .rbc638-face{width:calc(100% - 110px);}
  #panel-luckyslot .rbc638-title-sign .main{font-size:45px;}
  #panel-luckyslot .rbc638-title-sign .retro{font-size:32px;}
  #panel-luckyslot .rbc638-banner .line1{font-size:23px;}
  #panel-luckyslot .rbc638-reels{gap:16px;}
  #panel-luckyslot .rbc638-name{font-size:22px;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:20px;}
  #panel-luckyslot .rbc638-led-lines{font-size:16px;}
  #panel-luckyslot .rbc638-lever{right:-78px;}
  #panel-luckyslot .rbc638-pullhint{right:-106px;}
  #panel-luckyslot .rbc638-side-sign{display:none;}
  #panel-luckyslot .rbc638-bottom{grid-template-columns:1fr auto auto;gap:10px;}
  #panel-luckyslot .rbc638-btn{min-width:150px;font-size:13px;}
  #panel-luckyslot .rbc638-btn.payout{grid-column:2/4;}
}

/* ==== Block 63/140 - urspruenglich gamenight.html Zeile 42522: <style id="rbc639-paycontrol-style"> ==== */
#panel-matches .rbc639-lucky-round{
  border:1px solid rgba(255,220,74,.22)!important;
  border-radius:14px!important;
  box-shadow:0 0 24px rgba(255,220,74,.06)!important;
}
#panel-matches .rbc639-lucky-round .rbc519-round-title{
  color:#ffdf63!important;
  text-shadow:0 0 14px rgba(255,220,74,.24)!important;
}
#panel-matches .rbc639-lucky-round-label{
  color:#ffdf63!important;
  font-weight:900!important;
}
#panel-matches .rbc639-control-active{
  outline:1px solid rgba(76,255,136,.28)!important;
}

/* ==== Block 64/140 - urspruenglich gamenight.html Zeile 42544: <style id="rbc640-luckyround-hardfix-style"> ==== */
/* v646framedslot
   Spiele-Reiter: Glücksrad-Auszahlungen werden sichtbar aus der normalen Runde herausgezogen. */

#panel-matches .rbc640-lucky-section{
  margin:13px!important;
  border:1px solid rgba(255,220,74,.48)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,220,74,.10), transparent 38%),
    linear-gradient(180deg, rgba(90,58,12,.18), rgba(24,8,34,.52))!important;
  box-shadow:0 0 26px rgba(255,220,74,.11), inset 0 0 26px rgba(255,220,74,.045)!important;
  overflow:hidden!important;
}

#panel-matches .rbc640-lucky-head{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,220,74,.28)!important;
  background:
    linear-gradient(90deg, rgba(255,220,74,.17), rgba(255,58,162,.08) 55%, rgba(76,255,136,.05))!important;
}

#panel-matches .rbc640-lucky-title{
  color:#ffdf63!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:14px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 14px rgba(255,220,74,.24)!important;
}

#panel-matches .rbc640-lucky-meta{
  color:rgba(255,255,255,.62)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#panel-matches .rbc640-lucky-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  padding:13px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-gutter:stable!important;
}

#panel-matches .rbc519-card.rbc640-lucky-card,
#panel-matches .mcard.rbc640-lucky-card{
  border-color:rgba(255,220,74,.54)!important;
  background:
    linear-gradient(180deg, rgba(93,61,12,.70), rgba(30,12,48,.82))!important;
  box-shadow:0 0 22px rgba(255,220,74,.12), inset 0 0 18px rgba(255,220,74,.045)!important;
}

#panel-matches .rbc640-lucky-card .rbc519-match-id{
  color:#ffdf63!important;
}

#panel-matches .rbc640-lucky-card .rbc519-map{
  border-color:rgba(255,220,74,.34)!important;
  color:#ffdf8b!important;
}

#panel-matches .rbc640-lucky-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-left:6px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,220,74,.48)!important;
  background:rgba(255,220,74,.12)!important;
  color:#ffdf63!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
}

#panel-matches .rbc640-origin-dim{
  opacity:.68!important;
}

#panel-matches .rbc640-round-empty{
  display:none!important;
}

/* ==== Block 65/140 - urspruenglich gamenight.html Zeile 42648: <style id="rbc641-luckyslot-3d-style"> ==== */
/* v641 luckyslot + matches polish */
#panel-luckyslot .rbc638-root{
  perspective:1600px;
  background:
    radial-gradient(circle at 12% 54%, rgba(255,58,162,.18), transparent 22%),
    radial-gradient(circle at 88% 52%, rgba(84,216,255,.17), transparent 22%),
    radial-gradient(circle at 50% 120%, rgba(255,140,32,.18), transparent 30%),
    linear-gradient(180deg, rgba(4,2,16,.98), rgba(2,0,10,1));
}
#panel-luckyslot .rbc638-root::after{opacity:.62!important;}
#panel-luckyslot .rbc638-machine{
  transform:translateZ(0);
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.48));
}
#panel-luckyslot .rbc638-machine::before,
#panel-luckyslot .rbc638-machine::after{
  content:"";
  position:absolute;
  top:130px;
  width:220px;
  height:540px;
  z-index:1;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,58,162,.20), rgba(12,4,28,.05) 22%, rgba(5,2,18,.0) 65%),
    linear-gradient(180deg, rgba(16,6,16,.95), rgba(8,3,18,.6));
  box-shadow:inset 0 0 70px rgba(255,58,162,.10), 0 0 46px rgba(255,58,162,.10);
  pointer-events:none;
  opacity:.9;
}
#panel-luckyslot .rbc638-machine::before{left:-110px; transform:perspective(800px) rotateY(18deg) skewY(-3deg);}
#panel-luckyslot .rbc638-machine::after{right:-110px; transform:perspective(800px) rotateY(-18deg) skewY(3deg); box-shadow:inset 0 0 70px rgba(84,216,255,.08),0 0 46px rgba(84,216,255,.10);}
#panel-luckyslot .rbc638-cabinet{
  box-shadow:
    0 0 60px rgba(255,58,162,.24),
    0 0 34px rgba(84,216,255,.09),
    0 28px 60px rgba(0,0,0,.52),
    inset 0 0 48px rgba(0,0,0,.58),
    inset 0 0 0 10px rgba(255,255,255,.036)!important;
}
#panel-luckyslot .rbc638-cabinet:before{
  border-color:rgba(255,224,138,.35)!important;
  box-shadow:inset 0 0 40px rgba(255,58,162,.18), inset 0 -20px 40px rgba(0,0,0,.30)!important;
}
#panel-luckyslot .rbc638-title-sign{
  transform:translateY(2px);
  box-shadow:
    0 0 44px rgba(255,58,162,.42),
    0 0 30px rgba(255,220,74,.14),
    0 16px 26px rgba(0,0,0,.28),
    inset 0 0 30px rgba(255,220,74,.09)!important;
}
#panel-luckyslot .rbc638-title-sign .main{
  letter-spacing:5px!important;
  text-shadow:0 0 10px rgba(255,220,74,.92), 0 0 22px rgba(255,114,32,.62), 0 2px 0 rgba(60,22,6,.8)!important;
}
#panel-luckyslot .rbc638-face{
  transform:translateZ(10px);
  background:
    radial-gradient(circle at 50% 8%, rgba(255,220,74,.12), transparent 32%),
    linear-gradient(180deg, rgba(78,42,28,.97), rgba(28,10,18,.99))!important;
}
#panel-luckyslot .rbc638-reel{
  box-shadow:
    0 0 0 8px rgba(27,12,13,.78),
    0 0 0 10px rgba(255,220,118,.28),
    0 0 32px rgba(255,188,74,.24),
    0 14px 24px rgba(0,0,0,.28),
    inset 0 0 42px rgba(0,0,0,.25)!important;
}
#panel-luckyslot .rbc638-reel-window{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), inset 0 0 24px rgba(255,255,255,.05);
}
#panel-luckyslot .rbc638-item{
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
#panel-luckyslot .rbc638-avatar,
#panel-luckyslot .rbc638-mapicon{
  box-shadow:0 10px 18px rgba(0,0,0,.22), 0 0 18px rgba(255,58,162,.18);
}
#panel-luckyslot .rbc638-led{
  border-color:rgba(255,180,74,.42)!important;
  background:linear-gradient(180deg, rgba(8,5,10,.98), rgba(16,8,12,.96))!important;
  box-shadow:inset 0 0 24px rgba(255,180,74,.08), 0 12px 24px rgba(0,0,0,.28)!important;
}
#panel-luckyslot .rbc638-led-lines{
  color:#ffcb54!important;
  text-shadow:0 0 10px rgba(255,190,74,.28);
}
#panel-luckyslot .rbc638-bottom{
  align-items:end;
}
#panel-luckyslot .rbc638-status{
  box-shadow:inset 0 0 0 1px rgba(76,255,136,.16), 0 0 20px rgba(76,255,136,.08)!important;
}
#panel-luckyslot .rbc638-btn{
  transform:translateZ(12px);
  box-shadow:0 7px 0 rgba(28,10,12,.88), 0 0 22px rgba(255,180,74,.16)!important;
}
#panel-luckyslot .rbc638-btn:active:not([disabled]){transform:translateY(4px) translateZ(0)!important;}
#panel-luckyslot .rbc638-pullhint{
  background:rgba(10,4,18,.80);
  border-radius:16px;
  padding:10px 14px;
  border:1px solid rgba(255,58,162,.35);
  box-shadow:0 0 28px rgba(255,58,162,.16);
}
#panel-luckyslot .rbc638-side-sign{
  box-shadow:0 0 40px rgba(255,58,162,.22), inset 0 0 34px rgba(255,58,162,.12), 0 12px 30px rgba(0,0,0,.25)!important;
}
#panel-luckyslot .rbc638-reel.rbc641-winning{
  animation:rbc641WinGlow 1.6s ease-in-out infinite;
}
@keyframes rbc641WinGlow{
  0%,100%{ box-shadow:0 0 0 8px rgba(27,12,13,.78),0 0 0 10px rgba(255,220,118,.28),0 0 32px rgba(255,188,74,.24),0 14px 24px rgba(0,0,0,.28), inset 0 0 42px rgba(0,0,0,.25); }
  50%{ box-shadow:0 0 0 8px rgba(27,12,13,.78),0 0 0 10px rgba(255,220,118,.36),0 0 46px rgba(255,205,92,.42),0 14px 24px rgba(0,0,0,.28), inset 0 0 42px rgba(0,0,0,.18); }
}
#panel-matches .rbc641-luckywrap{
  margin:14px 0 2px!important;
  border:1px solid rgba(255,220,74,.46)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(78,48,10,.18), rgba(15,6,30,.48))!important;
  box-shadow:0 0 28px rgba(255,220,74,.10), inset 0 0 22px rgba(255,220,74,.04)!important;
  overflow:hidden!important;
}
#panel-matches .rbc641-luckyhead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 14px!important;
  background:linear-gradient(90deg, rgba(255,220,74,.18), rgba(255,58,162,.08) 58%, rgba(76,255,136,.06))!important;
  border-bottom:1px solid rgba(255,220,74,.26)!important;
}
#panel-matches .rbc641-luckytitle{
  color:#ffdf63!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:14px!important; letter-spacing:2px!important; text-transform:uppercase!important;
  text-shadow:0 0 14px rgba(255,220,74,.22)!important;
}
#panel-matches .rbc641-luckymeta{
  color:rgba(255,255,255,.62)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important; letter-spacing:1.2px!important; text-transform:uppercase!important;
}
#panel-matches .rbc641-luckygrid{
  display:flex!important; flex-wrap:nowrap!important; gap:12px!important; overflow:auto!important; padding:13px!important;
}
#panel-matches .rbc641-lucky-card{border-color:rgba(255,220,74,.54)!important; box-shadow:0 0 24px rgba(255,220,74,.10), inset 0 0 18px rgba(255,220,74,.03)!important;}
#panel-matches .rbc641-lucky-badge{
  display:inline-flex!important; align-items:center!important; gap:6px!important; margin-left:8px!important;
  padding:3px 8px!important; border-radius:999px!important; border:1px solid rgba(255,220,74,.44)!important;
  background:rgba(255,220,74,.12)!important; color:#ffdf63!important; font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:8px!important; letter-spacing:1px!important; text-transform:uppercase!important;
}
#panel-matches .rbc641-lucky-origin{opacity:.62!important;}
#panel-matches .rbc641-lucky-round-empty{display:none!important;}

/* ==== Block 66/140 - urspruenglich gamenight.html Zeile 42807: <style id="rbc642-asset-cabinet-style"> ==== */
/* v646framedslot
   3D-Hintergrundbild als echter Glücksrad-Cabinet-Hintergrund.
   Die Logik aus v638/v639 bleibt aktiv; alte CSS-Formen werden optisch ausgeblendet. */

#panel-luckyslot{
  padding:6px 14px 18px!important;
}

#panel-luckyslot .rbc638-root{
  min-height:calc(100vh - 138px)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg, rgba(3,0,8,.88), rgba(3,0,8,.96))!important;
  overflow:hidden!important;
}

#panel-luckyslot .rbc638-root::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 9% 44%, rgba(255,58,162,.18), transparent 28%),
    radial-gradient(circle at 91% 48%, rgba(84,216,255,.14), transparent 30%),
    linear-gradient(180deg, rgba(6,2,18,.52), rgba(2,0,8,.90))!important;
  z-index:0!important;
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-root::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:url("assets/luckyslot_3d_cabinet_v642.png") center center / contain no-repeat!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:saturate(1.06) contrast(1.02) drop-shadow(0 22px 52px rgba(0,0,0,.48))!important;
}

#panel-luckyslot .rbc638-machine{
  position:relative!important;
  z-index:3!important;
  width:min(1590px, calc(100vw - 72px))!important;
  min-height:min(820px, calc(100vh - 150px))!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  filter:none!important;
}

/* alte CSS-Kabinet-Formen unsichtbar machen, Bild übernimmt die Optik */
#panel-luckyslot .rbc638-cabinet,
#panel-luckyslot .rbc638-cabinet::before,
#panel-luckyslot .rbc638-cabinet::after,
#panel-luckyslot .rbc638-title-sign,
#panel-luckyslot .rbc638-banner,
#panel-luckyslot .rbc638-side-sign,
#panel-luckyslot .rbc638-pullhint,
#panel-luckyslot .rbc638-bulbs{
  display:none!important;
}

/* Die sichtbaren HTML-Daten werden auf die 3D-Walzen gelegt */
#panel-luckyslot .rbc638-face{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:4!important;
}

#panel-luckyslot .rbc638-reels{
  position:absolute!important;
  left:20.2%!important;
  top:37.1%!important;
  width:59.6%!important;
  height:30.9%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.05fr!important;
  gap:2.05%!important;
  margin:0!important;
  z-index:6!important;
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-reel{
  min-height:0!important;
  height:100%!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

#panel-luckyslot .rbc638-reel::before,
#panel-luckyslot .rbc638-reel::after,
#panel-luckyslot .rbc638-reel-label,
#panel-luckyslot .rbc638-pointer,
#panel-luckyslot .rbc638-strip{
  display:none!important;
}

#panel-luckyslot .rbc638-reel-window{
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}

#panel-luckyslot .rbc638-item{
  min-height:0!important;
  height:100%!important;
  gap:5px!important;
  justify-content:center!important;
  transform:translateY(5px)!important;
  filter:drop-shadow(0 2px 1px rgba(255,255,255,.16))!important;
}

#panel-luckyslot .rbc638-avatar{
  width:76px!important;
  height:76px!important;
  border-width:3px!important;
  box-shadow:0 0 0 4px rgba(15,5,18,.74), 0 0 22px rgba(255,58,162,.34)!important;
}

#panel-luckyslot .rbc638-mapicon{
  width:84px!important;
  height:70px!important;
  box-shadow:0 0 0 4px rgba(15,5,18,.74), 0 0 22px rgba(255,220,74,.30)!important;
}

#panel-luckyslot .rbc638-name{
  color:#141014!important;
  font-size:25px!important;
  line-height:1.02!important;
  max-width:92%!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35), 0 0 2px rgba(255,255,255,.25)!important;
}

#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:22px!important;
  max-height:54px!important;
}

#panel-luckyslot .rbc638-meta{
  color:rgba(20,10,15,.80)!important;
  font-size:11px!important;
  letter-spacing:1px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.24)!important;
}

/* echte Bedienelemente unsichtbar über den Bild-Buttons */
#panel-luckyslot .rbc638-bottom{
  position:absolute!important;
  left:21.8%!important;
  bottom:4.15%!important;
  width:58.8%!important;
  height:6.6%!important;
  display:grid!important;
  grid-template-columns:1.58fr .92fr .92fr .84fr!important;
  gap:1.1%!important;
  margin:0!important;
  z-index:9!important;
  pointer-events:auto!important;
}

#panel-luckyslot .rbc638-status{
  min-height:0!important;
  height:100%!important;
  background:rgba(0,0,0,.42)!important;
  border:1px solid rgba(76,255,136,.24)!important;
  color:#a8ff9f!important;
  font-size:12px!important;
  letter-spacing:1.3px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  box-shadow:0 0 14px rgba(76,255,136,.10), inset 0 0 10px rgba(76,255,136,.06)!important;
}

#panel-luckyslot .rbc638-status::before{
  width:10px!important;
  height:10px!important;
  margin-right:8px!important;
}

#panel-luckyslot .rbc638-btn{
  height:100%!important;
  min-width:0!important;
  width:100%!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:12px!important;
  letter-spacing:1px!important;
  opacity:.08!important;       /* Bildbutton bleibt sichtbar, echter Button bleibt klickbar */
  color:transparent!important;
  background:rgba(255,255,255,.01)!important;
  border:0!important;
  box-shadow:none!important;
}

#panel-luckyslot .rbc638-btn:hover,
#panel-luckyslot .rbc638-btn:focus{
  opacity:.22!important;
  background:rgba(255,255,255,.12)!important;
  outline:2px solid rgba(255,220,74,.38)!important;
}

#panel-luckyslot .rbc638-btn.payout{
  opacity:.18!important;
  color:#d9ffe6!important;
  background:rgba(0,70,35,.20)!important;
  border:1px solid rgba(76,255,136,.24)!important;
}
#panel-luckyslot .rbc638-btn.payout[disabled]{
  opacity:.06!important;
  color:transparent!important;
  background:rgba(0,0,0,.02)!important;
  border:0!important;
}

/* LED-History: über das im Bild vorhandene Display gelegt */
#panel-luckyslot .rbc638-led{
  position:absolute!important;
  left:20.0%!important;
  bottom:12.3%!important;
  width:60.1%!important;
  min-height:10.9%!important;
  margin:0!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.18)!important;
  box-shadow:none!important;
  z-index:8!important;
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-led-title{
  font-size:12px!important;
  margin-bottom:4px!important;
  color:#ffdf63!important;
  opacity:.92!important;
}

#panel-luckyslot .rbc638-led-lines{
  font-size:15px!important;
  line-height:1.16!important;
  letter-spacing:1.4px!important;
  color:#ffcf54!important;
  text-shadow:0 0 10px rgba(255,190,74,.38)!important;
}

/* Hebel-Klickzone exakt über dem Bild-Hebel */
#panel-luckyslot .rbc638-lever{
  position:absolute!important;
  right:7.7%!important;
  top:23.5%!important;
  width:7.6%!important;
  height:45%!important;
  z-index:10!important;
  cursor:pointer!important;
  background:rgba(255,255,255,.001)!important;
}

#panel-luckyslot .rbc638-lever-rail,
#panel-luckyslot .rbc638-lever-arm,
#panel-luckyslot .rbc638-lever-ball{
  opacity:0!important;
}

/* Beim Drehen deutlicher Wackel-/Glow-Effekt auf Overlay-Daten */
#panel-luckyslot .rbc638-machine.spinning .rbc638-item{
  animation:rbc642ReelPulse .11s linear infinite!important;
}
@keyframes rbc642ReelPulse{
  0%{transform:translateY(-9px);opacity:.45;filter:blur(1px);}
  50%{transform:translateY(4px);opacity:1;filter:blur(0);}
  100%{transform:translateY(12px);opacity:.45;filter:blur(1px);}
}

@media (max-width:1500px){
  #panel-luckyslot .rbc638-reels{
    left:20.2%!important;
    top:37.2%!important;
    width:59.8%!important;
    height:30.8%!important;
  }
  #panel-luckyslot .rbc638-avatar{width:58px!important;height:58px!important;}
  #panel-luckyslot .rbc638-mapicon{width:66px!important;height:54px!important;}
  #panel-luckyslot .rbc638-name{font-size:18px!important;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:17px!important;}
  #panel-luckyslot .rbc638-meta{font-size:8px!important;}
  #panel-luckyslot .rbc638-led-lines{font-size:11px!important;}
  #panel-luckyslot .rbc638-led-title{font-size:9px!important;}
  #panel-luckyslot .rbc638-status{font-size:9px!important;}
}

/* ==== Block 67/140 - urspruenglich gamenight.html Zeile 43115: <style id="rbc643-asset-clean-overlay-style"> ==== */
/* v646framedslot
   Fix für 3D-Asset:
   - gebackene Beispielnamen im Hintergrund werden in den Reel-Fenstern sauber überdeckt
   - dynamische Spieler/Map werden mittig und lesbar darüber gesetzt
   - LED-History überdeckt die gebackene History
   - Auszahlen wird wieder sichtbar/bedienbar
*/

#panel-luckyslot .rbc638-root::after{
  background-size:contain!important;
  background-position:center center!important;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 26px 56px rgba(0,0,0,.52))!important;
}

/* Die drei echten Overlay-Reels enger auf die echten Fenster legen */
#panel-luckyslot .rbc638-reels{
  left:22.15%!important;
  top:36.45%!important;
  width:55.8%!important;
  height:32.3%!important;
  grid-template-columns:1fr 1fr 1.06fr!important;
  gap:2.15%!important;
}

/* Jetzt bewusst NICHT mehr transparent: beige Maske über gebackene ARON/SHREDHOFER/MAP-Daten */
#panel-luckyslot .rbc638-reel{
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
}

#panel-luckyslot .rbc638-reel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:7.5% 5.5% 7%!important;
  z-index:2!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 28% 14%, rgba(90,65,35,.14) 0 17px, transparent 18px),
    radial-gradient(circle at 76% 20%, rgba(90,65,35,.14) 0 18px, transparent 19px),
    radial-gradient(circle at 28% 74%, rgba(90,65,35,.12) 0 18px, transparent 19px),
    radial-gradient(circle at 76% 82%, rgba(90,65,35,.12) 0 17px, transparent 18px),
    linear-gradient(180deg, rgba(245,218,176,.90), rgba(210,166,105,.91) 48%, rgba(236,205,161,.90))!important;
  box-shadow:
    inset 0 0 28px rgba(65,32,12,.20),
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 0 18px rgba(255,210,118,.12)!important;
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-reel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  top:50%!important;
  height:1px!important;
  z-index:3!important;
  background:rgba(80,42,20,.32)!important;
  box-shadow:0 -68px 0 rgba(80,42,20,.20), 0 68px 0 rgba(80,42,20,.20)!important;
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-reel-window{
  position:relative!important;
  z-index:4!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}

/* Dynamische Werte sauber mittig */
#panel-luckyslot .rbc638-item{
  position:relative!important;
  z-index:5!important;
  height:72%!important;
  width:88%!important;
  justify-content:center!important;
  gap:7px!important;
  transform:translateY(0)!important;
  background:transparent!important;
}

#panel-luckyslot .rbc638-avatar{
  width:82px!important;
  height:82px!important;
  border-width:3px!important;
  box-shadow:0 0 0 4px rgba(20,8,22,.78), 0 0 24px rgba(255,58,162,.36)!important;
}

#panel-luckyslot .rbc638-mapicon{
  width:92px!important;
  height:76px!important;
  border-width:3px!important;
  background:
    radial-gradient(circle at 28% 32%, rgba(80,210,255,.78) 0 11px, transparent 12px),
    radial-gradient(circle at 67% 66%, rgba(76,255,136,.57) 0 16px, transparent 17px),
    linear-gradient(135deg, #14365d, #241932 62%, #5b3518)!important;
  box-shadow:0 0 0 4px rgba(20,8,22,.78), 0 0 24px rgba(255,220,74,.32)!important;
}

#panel-luckyslot .rbc638-name{
  max-width:96%!important;
  color:#151015!important;
  font-size:24px!important;
  line-height:1.04!important;
  letter-spacing:.4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 0 rgba(255,255,255,.44), 0 0 2px rgba(255,255,255,.18)!important;
}

#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:21px!important;
  white-space:normal!important;
  max-height:50px!important;
}

#panel-luckyslot .rbc638-meta{
  color:rgba(20,10,15,.82)!important;
  font-size:10px!important;
  letter-spacing:.9px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.24)!important;
}

/* LED-History komplett abdunkeln, damit gebackene History nicht doppelt sichtbar ist */
#panel-luckyslot .rbc638-led{
  left:19.85%!important;
  bottom:11.95%!important;
  width:60.45%!important;
  min-height:11.35%!important;
  padding:10px 16px!important;
  background:rgba(0,0,0,.76)!important;
  border:1px solid rgba(255,185,68,.24)!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 18px rgba(255,185,68,.10), 0 0 12px rgba(0,0,0,.28)!important;
}

#panel-luckyslot .rbc638-led-title{
  color:#ffdf63!important;
  font-size:12px!important;
  letter-spacing:1.1px!important;
  margin-bottom:4px!important;
}

#panel-luckyslot .rbc638-led-lines{
  color:#ffcf54!important;
  font-size:14px!important;
  line-height:1.18!important;
  letter-spacing:1.35px!important;
  text-shadow:0 0 10px rgba(255,190,74,.36)!important;
}

/* Button-Zonen neu: Bildbuttons bleiben schön, Ausbezahlen wird als zusätzlicher echter Button sichtbar */
#panel-luckyslot .rbc638-bottom{
  left:17.7%!important;
  bottom:3.25%!important;
  width:64.1%!important;
  height:7.2%!important;
  grid-template-columns:1.35fr .78fr .78fr .78fr!important;
  gap:1.0%!important;
}

#panel-luckyslot .rbc638-status{
  height:78%!important;
  align-self:center!important;
  font-size:12px!important;
  background:rgba(0,0,0,.70)!important;
  border:1px solid rgba(76,255,136,.32)!important;
  box-shadow:0 0 16px rgba(76,255,136,.10), inset 0 0 12px rgba(76,255,136,.08)!important;
}

#panel-luckyslot .rbc638-btn{
  opacity:.001!important;
  border:0!important;
  color:transparent!important;
  background:transparent!important;
}

#panel-luckyslot .rbc638-btn:hover,
#panel-luckyslot .rbc638-btn:focus{
  opacity:.20!important;
  outline:2px solid rgba(255,220,74,.45)!important;
  background:rgba(255,255,255,.10)!important;
}

#panel-luckyslot .rbc638-btn.payout{
  opacity:1!important;
  color:#dbffe8!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(180deg, #249855, #0d4a2a)!important;
  border:2px solid rgba(76,255,136,.56)!important;
  border-radius:11px!important;
  box-shadow:0 6px 0 rgba(3,24,12,.88), 0 0 20px rgba(76,255,136,.20), inset 0 0 14px rgba(255,255,255,.08)!important;
  font-size:12px!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}

#panel-luckyslot .rbc638-btn.payout[disabled]{
  opacity:.34!important;
  color:rgba(255,255,255,.44)!important;
  background:linear-gradient(180deg, #38443e, #162019)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 6px 0 rgba(2,8,4,.80)!important;
}

/* Hebel-Zone präziser über den Bildhebel */
#panel-luckyslot .rbc638-lever{
  right:8.4%!important;
  top:20.3%!important;
  width:7.8%!important;
  height:50.5%!important;
  background:rgba(255,255,255,.001)!important;
}

/* Rotation klarer: Daten verschwimmen, aber die Maske bleibt stabil */
#panel-luckyslot .rbc638-machine.spinning .rbc638-item{
  animation:rbc643ReelSpin .095s linear infinite!important;
}

@keyframes rbc643ReelSpin{
  0%{transform:translateY(-13px);opacity:.38;filter:blur(1.2px);}
  45%{transform:translateY(0);opacity:1;filter:blur(.1px);}
  100%{transform:translateY(13px);opacity:.38;filter:blur(1.2px);}
}

@media (max-width:1500px){
  #panel-luckyslot .rbc638-reels{
    left:22.15%!important;
    top:36.45%!important;
    width:55.8%!important;
    height:32.3%!important;
  }
  #panel-luckyslot .rbc638-avatar{width:62px!important;height:62px!important;}
  #panel-luckyslot .rbc638-mapicon{width:70px!important;height:58px!important;}
  #panel-luckyslot .rbc638-name{font-size:18px!important;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:16px!important;}
  #panel-luckyslot .rbc638-meta{font-size:8px!important;}
  #panel-luckyslot .rbc638-led-lines{font-size:11px!important;}
  #panel-luckyslot .rbc638-led-title{font-size:9px!important;}
  #panel-luckyslot .rbc638-status{font-size:9px!important;}
  #panel-luckyslot .rbc638-btn.payout{font-size:9px!important;}
}

/* ==== Block 68/140 - urspruenglich gamenight.html Zeile 43365: <style id="rbc644-real-reels-style"> ==== */
/* v646framedslot
   Die markierten Zellen sind jetzt echte vertikale Walzen:
   slot-window -> reel-strip -> viele reel-cells, animiert per translateY. */

#panel-luckyslot .rbc644-window{
  overflow:hidden!important;
  position:relative!important;
}

#panel-luckyslot .rbc644-reel-strip{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
  z-index:7!important;
}

#panel-luckyslot .rbc644-reel-cell{
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  height:100%!important;
  width:88%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  transform:none!important;
}

#panel-luckyslot .rbc644-spinning-reel{
  overflow:hidden!important;
}

#panel-luckyslot .rbc644-spinning-reel::before{
  opacity:.96!important;
  filter:saturate(1.05)!important;
}

#panel-luckyslot .rbc644-spinning-reel .rbc644-reel-strip{
  filter:blur(.55px)!important;
}

#panel-luckyslot .rbc638-machine.rbc644-real-spin .rbc638-reel::after{
  background:rgba(80,42,20,.22)!important;
  box-shadow:0 -68px 0 rgba(80,42,20,.14), 0 68px 0 rgba(80,42,20,.14)!important;
}

#panel-luckyslot .rbc638-machine.rbc644-real-spin .rbc638-status{
  color:#ffdf63!important;
  border-color:rgba(255,220,74,.34)!important;
  box-shadow:0 0 18px rgba(255,220,74,.14), inset 0 0 12px rgba(255,220,74,.08)!important;
}

#panel-luckyslot .rbc638-machine.rbc644-real-spin .rbc638-status::before{
  background:#ffdf63!important;
  box-shadow:0 0 18px rgba(255,220,74,.78)!important;
}

/* Die alte v643 Pulse-Animation darf nicht mehr die statischen Einzelitems bewegen */
#panel-luckyslot .rbc638-machine.spinning .rbc644-reel-cell .rbc638-item{
  animation:none!important;
}

#panel-luckyslot .rbc638-machine.spinning .rbc638-reel-window:not(.rbc644-window) .rbc638-item{
  animation:rbc643ReelSpin .095s linear infinite!important;
}

/* ==== Block 69/140 - urspruenglich gamenight.html Zeile 43446: <style id="rbc645-reel-align-style"> ==== */
/* v646framedslot
   - feste Hintergrund-Avatare/Symbole im 3D-Bild innerhalb der Walzen optisch ausblenden
   - Walzenfeld tiefer setzen
   - Live-Walzen exakt mittiger im Sichtfenster */
#panel-luckyslot .rbc638-reels{
  left:20.15%!important;
  top:39.35%!important;
  width:59.65%!important;
  height:32.35%!important;
  gap:2.0%!important;
}
#panel-luckyslot .rbc638-reel{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg, rgba(247,232,202,.98), rgba(233,214,182,.99) 48%, rgba(246,231,201,.985))!important;
  border-radius:18px!important;
}
#panel-luckyslot .rbc638-reel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg, rgba(255,244,223,.55), rgba(255,255,255,.08) 11%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(255,255,255,.10) 89%, rgba(255,236,190,.38)),
    radial-gradient(circle at 22% 18%, rgba(164,135,94,.16) 0 17px, transparent 18px),
    radial-gradient(circle at 78% 28%, rgba(164,135,94,.16) 0 16px, transparent 17px),
    radial-gradient(circle at 25% 76%, rgba(164,135,94,.14) 0 16px, transparent 17px),
    radial-gradient(circle at 76% 84%, rgba(164,135,94,.16) 0 17px, transparent 18px),
    linear-gradient(180deg, rgba(247,232,202,.98), rgba(233,214,182,.99) 48%, rgba(246,231,201,.985))!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-reel::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  z-index:8!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg, rgba(60,34,16,.34), rgba(60,34,16,0) 16%, rgba(60,34,16,0) 84%, rgba(60,34,16,.34)),
    linear-gradient(90deg, rgba(88,55,26,.22), transparent 10%, transparent 90%, rgba(88,55,26,.22))!important;
}
#panel-luckyslot .rbc638-reel-window{
  position:relative!important;
  z-index:3!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 10px 16px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
#panel-luckyslot .rbc644-window{overflow:hidden!important;}
#panel-luckyslot .rbc644-reel-strip{z-index:4!important;}
#panel-luckyslot .rbc644-reel-cell{
  background:linear-gradient(180deg, rgba(247,232,202,.985), rgba(233,214,182,.995) 48%, rgba(246,231,201,.985))!important;
}
#panel-luckyslot .rbc638-avatar,
#panel-luckyslot .rbc638-mapicon{
  transform:translateY(8px)!important;
}
#panel-luckyslot .rbc638-name{margin-top:8px!important;}
#panel-luckyslot .rbc638-sub{margin-top:2px!important;}
#panel-luckyslot .rbc638-machine.rbc644-real-spin .rbc644-reel-cell{filter:blur(.18px)!important;}

/* ==== Block 70/140 - urspruenglich gamenight.html Zeile 43532: <style id="rbc646-framed-slot-style"> ==== */
/* v646framedslot
   Automaten-Grafik nicht mehr voll in die Seite pressen:
   - Neon-Showcase-Rahmen wie im Grafik-Reiter
   - 3D-Bild kleiner / sauber zentriert
   - Walzen und Klickzonen auf diese kleinere Bildfläche bezogen
*/

#panel-luckyslot{
  padding:14px 22px 22px!important;
}

#panel-luckyslot .rbc638-root{
  min-height:calc(100vh - 150px)!important;
  border-radius:22px!important;
  border:1px solid rgba(255,58,162,.24)!important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,58,162,.08), transparent 36%),
    linear-gradient(180deg, rgba(8,2,18,.94), rgba(3,0,10,.985))!important;
  box-shadow:
    inset 0 0 70px rgba(255,58,162,.035),
    0 0 22px rgba(255,58,162,.06)!important;
  overflow:hidden!important;
}

/* äußerer Showcase-Rahmen */
#panel-luckyslot .rbc638-root::before{
  content:""!important;
  position:absolute!important;
  left:10.2%!important;
  right:10.2%!important;
  top:8.6%!important;
  bottom:6.3%!important;
  border-radius:24px!important;
  border:2px solid rgba(255,58,162,.58)!important;
  background:
    linear-gradient(180deg, rgba(255,58,162,.055), rgba(255,255,255,.015)),
    radial-gradient(circle at 50% 0%, rgba(255,58,162,.12), transparent 44%)!important;
  box-shadow:
    0 0 32px rgba(255,58,162,.34),
    inset 0 0 40px rgba(255,58,162,.10),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
  z-index:1!important;
  pointer-events:none!important;
}

/* innerer Bildrahmen */
#panel-luckyslot .rbc638-root .rbc646-inner-frame{
  position:absolute!important;
  left:12.6%!important;
  right:12.6%!important;
  top:12.1%!important;
  bottom:9.6%!important;
  border-radius:18px!important;
  border:1px solid rgba(255,58,162,.46)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 28px rgba(255,58,162,.07),
    0 0 22px rgba(255,58,162,.16)!important;
  z-index:2!important;
  pointer-events:none!important;
}

/* 3D-Bild nur innerhalb des Showcase-Fensters */
#panel-luckyslot .rbc638-root::after{
  content:""!important;
  position:absolute!important;
  left:12.6%!important;
  right:12.6%!important;
  top:12.1%!important;
  bottom:9.6%!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.10)),
    url("assets/luckyslot_3d_cabinet_v642.png") center center / contain no-repeat!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:saturate(1.06) contrast(1.03) drop-shadow(0 24px 44px rgba(0,0,0,.48))!important;
}

/* Machine Overlay exakt auf denselben inneren Bildrahmen legen */
#panel-luckyslot .rbc638-machine{
  position:absolute!important;
  left:12.6%!important;
  right:12.6%!important;
  top:12.1%!important;
  bottom:9.6%!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  z-index:5!important;
  pointer-events:none!important;
}

/* alte 3D-Flügel aus v641 in diesem Modus nicht verwenden */
#panel-luckyslot .rbc638-machine::before,
#panel-luckyslot .rbc638-machine::after,
#panel-luckyslot .rbc641-floor{
  display:none!important;
}

#panel-luckyslot .rbc638-face{
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  pointer-events:none!important;
}

/* Walzenpositionen bezogen auf den eingerahmten Automaten.
   Leicht kleiner, tiefer, mittiger. */
#panel-luckyslot .rbc638-reels{
  left:22.6%!important;
  top:39.9%!important;
  width:55.0%!important;
  height:31.0%!important;
  grid-template-columns:1fr 1fr 1.05fr!important;
  gap:2.35%!important;
  z-index:9!important;
  pointer-events:none!important;
}

/* Die Masken nun etwas transparenter, weil der Rahmen kleiner/ruhiger ist */
#panel-luckyslot .rbc638-reel{
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(247,232,202,.965), rgba(233,214,182,.975) 48%, rgba(246,231,201,.965))!important;
}

#panel-luckyslot .rbc638-reel::before{
  inset:0!important;
  border-radius:16px!important;
  background:
    linear-gradient(90deg, rgba(255,244,223,.42), rgba(255,255,255,.06) 11%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(255,255,255,.08) 89%, rgba(255,236,190,.30)),
    radial-gradient(circle at 22% 18%, rgba(164,135,94,.12) 0 15px, transparent 16px),
    radial-gradient(circle at 78% 28%, rgba(164,135,94,.12) 0 15px, transparent 16px),
    radial-gradient(circle at 25% 76%, rgba(164,135,94,.10) 0 15px, transparent 16px),
    radial-gradient(circle at 76% 84%, rgba(164,135,94,.12) 0 15px, transparent 16px),
    linear-gradient(180deg, rgba(247,232,202,.96), rgba(233,214,182,.975) 48%, rgba(246,231,201,.965))!important;
}

/* Live-Inhalte noch etwas kleiner, damit sie wirklich in der Mitte der Walzen sitzen */
#panel-luckyslot .rbc638-avatar{
  width:68px!important;
  height:68px!important;
  transform:translateY(2px)!important;
}

#panel-luckyslot .rbc638-mapicon{
  width:76px!important;
  height:62px!important;
  transform:translateY(2px)!important;
}

#panel-luckyslot .rbc638-name{
  font-size:20px!important;
  margin-top:5px!important;
  max-width:95%!important;
}

#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:18px!important;
  max-height:44px!important;
}

#panel-luckyslot .rbc638-meta{
  font-size:8.5px!important;
}

/* LED-History passend ins kleinere Bild */
#panel-luckyslot .rbc638-led{
  left:19.2%!important;
  bottom:13.0%!important;
  width:61.5%!important;
  min-height:10.8%!important;
  padding:8px 14px!important;
  z-index:10!important;
  background:rgba(0,0,0,.74)!important;
}

#panel-luckyslot .rbc638-led-title{
  font-size:10px!important;
  margin-bottom:3px!important;
}

#panel-luckyslot .rbc638-led-lines{
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:1.15px!important;
}

/* Buttons/Klickzonen im kleineren Bild */
#panel-luckyslot .rbc638-bottom{
  left:17.2%!important;
  bottom:3.1%!important;
  width:65.0%!important;
  height:7.6%!important;
  grid-template-columns:1.32fr .80fr .80fr .80fr!important;
  gap:1.0%!important;
  z-index:12!important;
  pointer-events:auto!important;
}

#panel-luckyslot .rbc638-status{
  font-size:10px!important;
}

#panel-luckyslot .rbc638-btn.payout{
  font-size:10px!important;
}

/* Hebelzone kleiner und im Rahmen */
#panel-luckyslot .rbc638-lever{
  right:7.4%!important;
  top:22.0%!important;
  width:8.5%!important;
  height:49%!important;
  z-index:12!important;
  pointer-events:auto!important;
}

/* optionales Rahmen-Element wird per JS eingefügt */
#panel-luckyslot.rbc646-framed-active .rbc646-inner-frame{
  display:block!important;
}

/* 1365/1440 ähnliche Ansicht */
@media (max-width:1500px){
  #panel-luckyslot .rbc638-root::before{
    left:7.8%!important;
    right:7.8%!important;
    top:8.0%!important;
    bottom:5.8%!important;
  }
  #panel-luckyslot .rbc638-root::after,
  #panel-luckyslot .rbc638-machine,
  #panel-luckyslot .rbc638-root .rbc646-inner-frame{
    left:10.2%!important;
    right:10.2%!important;
    top:11.0%!important;
    bottom:8.8%!important;
  }
  #panel-luckyslot .rbc638-reels{
    left:22.6%!important;
    top:39.9%!important;
    width:55.0%!important;
    height:31.0%!important;
  }
  #panel-luckyslot .rbc638-avatar{width:56px!important;height:56px!important;}
  #panel-luckyslot .rbc638-mapicon{width:64px!important;height:52px!important;}
  #panel-luckyslot .rbc638-name{font-size:15px!important;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:13.5px!important;}
  #panel-luckyslot .rbc638-meta{font-size:7px!important;}
  #panel-luckyslot .rbc638-led-lines{font-size:9px!important;}
  #panel-luckyslot .rbc638-led-title{font-size:8px!important;}
  #panel-luckyslot .rbc638-status{font-size:8px!important;}
}

/* ==== Block 71/140 - urspruenglich gamenight.html Zeile 43791: <style id="rbc672-luckyslot-alignment-style"> ==== */
/* v672 LUCKYSLOT ALIGNMENT TUNING
   Feinschliff nach Feedback:
   - Vordergrund-Overlay aus v671 beibehalten
   - Walzen exakt in die 3 Öffnungen einpassen
   - DOS-/History-Feld höher und lesbarer setzen
   - Logik unverändert lassen */

#panel-luckyslot{
  padding:0!important;
  min-height:calc(100vh - 132px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-root{
  --rbc672-shell-pad-x:40px;
  --rbc672-shell-pad-top:14px;
  --rbc672-shell-pad-bottom:12px;
  --rbc672-head-h:60px;
  --rbc672-head-gap:6px;
  --rbc672-body-pad-x:24px;
  --rbc672-body-pad-y:6px;
  --rbc672-machine-scale:.845;
  --rbc672-machine-lift:28;
  --rbc672-machine-left:120px;
  --rbc672-machine-top:130px;
  --rbc672-machine-width:1010px;
  --rbc672-machine-height:568px;
  position:relative!important;
  min-height:calc(100vh - 166px)!important;
  padding:var(--rbc672-shell-pad-top) var(--rbc672-shell-pad-x) var(--rbc672-shell-pad-bottom)!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc638-root::before,
#panel-luckyslot .rbc638-root::after{content:none!important;display:none!important;}

/* rbc-shell-match-head-width (2026-07-14): Rahmen (.rbc672-shell) war um
   --rbc672-shell-pad-x eingerueckt und damit schmaler als die volle Kopfzeile
   (.rbc672-head, left/right:0). Rahmen jetzt auf dieselbe Breite wie die
   Kopfzeile gebracht, damit beide buendig sind. */
#panel-luckyslot .rbc672-shell{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:var(--rbc672-shell-pad-top)!important;
  /* rbc-momat-corners-lower (2026-07-21): c3/c4 wurden tiefer gezogen (User-
     Wunsch), sitzen seitdem unterhalb der Rahmenlinie ("Ecken stehen raus").
     ERSTER Versuch (-6px) ging daneben: .rbc638-root (Elternelement von Shell
     UND Ecken) hat SELBST overflow:hidden - -6px lag 5px AUSSERHALB dieser
     Kapp-Grenze, wodurch genau die Border-Bottom-Linie unsichtbar wurde
     ("Rahmenlinie nicht mehr sichtbar" - User-Feedback per Vergleichs-
     Screenshot Gluecksrad vs. Match-O-Mat). 2px bleibt sicher INNERHALB der
     Root-Kapp-Grenze, reicht aber trotzdem nah genug an die Ecken heran. */
  bottom:2px!important;
  border:1px solid rgba(255,58,162,.22)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,58,162,.08), inset 0 0 38px rgba(255,58,162,.06)!important;
}
#panel-luckyslot .rbc672-shell::before{
  content:'';
  position:absolute;
  inset:0;
  /* rbc-momat-drop-own-bg (2026-07-21): Shell hatte hier eine EIGENE Kopie des
     Ambient-Bildes, an die eigene (kleinere) Shell-Box gecovert statt an den
     echten Viewport (background-attachment musste "scroll" bleiben, siehe
     rbc-matchomat-bg-scroll-not-fixed Kommentar bei der zweiten Regel unten -
     "fixed" bricht unter dem transformierten .rbc638-root). Das ergab einen
     ANDEREN Bildausschnitt/Zoom als die echte, viewport-fixierte globale
     Ebene (body::after) - sichtbare Naht an der Shell-Kante (User-Feedback).
     Andere Reiter wirken nahtlos, weil ihre eigene Kopie background-
     attachment:fixed nutzt und dadurch VISUELL IDENTISCH mit der globalen
     Ebene ist. Da Match-O-Mat das technisch nicht kann, einfacher: shell
     bekommt HIER keine eigene Kopie mehr - die globale body::after-Ebene
     scheint direkt durch, genau wie es in den anderen Reitern *aussieht*. */
  background:none;
}
#panel-luckyslot .rbc672-shell::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,58,162,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,58,162,.026) 1px,transparent 1px);
  background-size:44px 44px;
  opacity:.40;
}

/* rbc-matchomat-title-row-fix (2026-07-13): Titel + Sub standen bisher
   untereinander (flex-direction:column). Neuer Standard (wie Glücksrad):
   Sub-Text direkt neben dem Titel auf einer Baseline-Zeile. */
#panel-luckyslot .rbc672-head{
  position:absolute!important;
  /* rbc-header-unify (2026-07-14): Kopfbalken jetzt exakt wie Glücksrad
     (.rbc900-spin-head) - volle Panel-Breite (left/right:0 = bis an die
     Panel-/Content-Kante, das Cabinet darunter bleibt bewusst eingerueckt),
     Hoehe inhaltsbasiert (height:auto statt fixer 52px -> flacherer Balken),
     Text vertikal mittig durch symmetrisches Padding, quadratische Ecken.
     Reserve-Hoehe fuer Ecken/Maschine bleibt ueber --rbc672-head-h erhalten. */
  left:0!important;
  right:0!important;
  top:calc(var(--rbc672-shell-pad-top))!important;
  height:auto!important;
  padding:13px 24px 11px!important;
  border-bottom:1px solid rgba(255,58,162,.22)!important;
  background:rgba(255,58,162,.06)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:14px!important;
  text-align:left!important;
  z-index:5!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc672-title{
  color:var(--magenta,#ff3aa2)!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  /* rbc-obs-momat-fill (2026-07-21) korrigiert: Live nachgemessen - Battlefield
     UND Gluecksrad rendern in Produktion (kein ?view=, siehe server.py) beide
     tatsaechlich bei 19px, die separaten body.rbc-obs-view-*-Boosts (34px etc.)
     sind selbst dort totes Legacy. 32px war also objektiv zu gross gegenueber
     den anderen Koepfen (User-Feedback) - zurueck auf 19px, konsistent. */
  font-size:19px!important;
  line-height:1!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 14px rgba(255,58,162,.55)!important;
}
#panel-luckyslot .rbc672-subtitle{
  color:#12d6ff!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35)!important;
  opacity:1!important;
}

#panel-luckyslot .rbc672-viewport{
  position:absolute!important;
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:11!important;
}
#panel-luckyslot .rbc672-viewport::before{
  content:'';
  position:absolute;
  inset:0;
  background:url("assets/luckyslot_3d_cabinet_v670_arcadeclean.png") center center / 100% 100% no-repeat!important;
  filter:saturate(.98) contrast(.99) brightness(.96);
}
#panel-luckyslot .rbc672-viewport::after{display:none!important;content:none!important;}

/* 90° Ecken weiter innen wie in Bild 2 */
/* rbc-corner-match-gluecksrad (2026-07-14): Farbe/Glow/Größe an .rbc790-corner
   (Glücksrad/Tabelle) angeglichen, damit die Ecken-Klammern in allen Reitern
   optisch identisch sind statt nur ähnlich blass-weiß. */
#panel-luckyslot .rbc672-corner{
  position:absolute!important;
  width:48px!important;
  height:48px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-color:#ff8ed7!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 10px rgba(255,79,189,.72))!important;
}
/* rbc765-corner-frame-widen (2026-07-13): das Asset (siehe rbc753 defaults
   weiter unten) ragte bei bestimmten Fenster-/Zoom-Größen oben+unten über
   diese Ecken hinaus - Ecken bekommen deshalb mehr vertikalen Spielraum
   (oben 16px->4px, unten 41px->11px Extra-Abstand), der Rest der Lücke wird
   über eine kleinere Asset-Größe geschlossen (siehe assetZoom dort). */
/* rbc-corner-frame-include-head (2026-07-14): seit rbc-header-unify steht
   die Kopfzeile (.rbc672-head) fix ueber der ganzen Panelbreite. Die oberen
   Eck-Klammern sassen bisher UNTER der Kopfzeile (Offset +head-h+head-gap)
   und fassten nur das Cabinet ein - jetzt auf denselben Top-Versatz wie die
   unteren Ecken zum Shell-Rand (analog +11px unten) gebracht, damit der
   Rahmen die Ueberschrift mit einfaengt statt sie auszusparen. */
/* rbc-corner-frame-match-shell-width (2026-07-14): Ecken folgten bisher
   --rbc672-shell-pad-x (dem alten, schmaleren Rahmen-Inset). Der Rahmen ist
   jetzt genauso breit wie die Kopfzeile (0-basiert) - Ecken-Inset deshalb
   direkt von der echten Panel-Kante aus gerechnet (54px), damit sie zum
   neuen, breiteren Rahmen passen. C1/C2 zusaetzlich etwas tiefer gesetzt
   (Hoehe der Kopfzeile minus 11px, symmetrisch zum unteren 11px-Inset),
   damit sie nicht mitten im Kopfzeilen-Text sitzen. */
/* rbc-corner-c1c2-match-gluecksrad (2026-07-14): c1/c2 auf exakt dieselbe
   feste Position wie .rbc790-c1/-c2 im Reiter Glücksrad (top:80px,
   left/right:50px) statt der kopfzeilen-relativen calc()-Position.
   rbc-corner-c1c2-shift-compensate (2026-07-16): top:80px landete visuell
   trotzdem zu hoch, weil .rbc638-root (Elternelement) per rbc944 ein
   transform:translateY(-10px) traegt, das auch c1/c2 exakt mitverschiebt.
   top hier um genau die 10px erhoeht, um den Shift auszugleichen, ohne
   das (fuer Titel/Rahmen/Automat-Sync noetige) rbc944-transform anzufassen. */
#panel-luckyslot .rbc672-c1{left:50px!important;top:90px!important;border-left:4px solid!important;border-top:4px solid!important;}
#panel-luckyslot .rbc672-c2{right:50px!important;top:90px!important;border-right:4px solid!important;border-top:4px solid!important;}
/* rbc-momat-corners-lower (2026-07-21): Nutzerwunsch war 100px tiefer, aber
   #panel-luckyslot hat eine feste Hoehe (calc(100dvh-108px), siehe rbc699-
   layout-freespace-style weiter unten) mit overflow:hidden - bei 1080px
   Viewport blieben nach Header/Tabs nur ~30px echter Spielraum, bevor die
   Klammer vom Panel abgeschnitten wird (live mit 0/30/50/70px durchgemessen).
   Mehr Spielraum wuerde entweder Header/Tabs verkleinern oder Inhalt unters
   sichtbare Fenster schieben (in OBS dann abgeschnitten) - deshalb 25px als
   sicheres Maximum mit ein paar px Puffer, nicht die vollen 100px.
   Korrektur: 25px lag ~1-2px AUSSERHALB der overflow:hidden-Kapp-Grenze von
   .rbc638-root (demselben Elternelement) - auf 20px reduziert, damit auch
   die Ecken selbst sicher innerhalb bleiben (siehe .rbc672-shell-Kommentar
   direkt oberhalb im File zur selben Root-Ursache).
   rbc-momat-up-50 (2026-07-21): auf Nutzerwunsch nochmal 25px nach OBEN
   (-20px -> +5px), passend zum 50px nach oben gezogenen Automat-Inhalt. */
#panel-luckyslot .rbc672-c3{left:54px!important;bottom:calc(var(--rbc672-shell-pad-bottom) + 11px + 5px)!important;border-left:4px solid!important;border-bottom:4px solid!important;}
#panel-luckyslot .rbc672-c4{right:54px!important;bottom:calc(var(--rbc672-shell-pad-bottom) + 11px + 5px)!important;border-right:4px solid!important;border-bottom:4px solid!important;}

#panel-luckyslot .rbc646-inner-frame{display:none!important;visibility:hidden!important;opacity:0!important;border:0!important;box-shadow:none!important;}

#panel-luckyslot .rbc638-machine{
  position:absolute!important;
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  z-index:6!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-machine::before,
#panel-luckyslot .rbc638-machine::after,
#panel-luckyslot .rbc641-floor,
#panel-luckyslot .rbc638-cabinet,
#panel-luckyslot .rbc638-cabinet::before,
#panel-luckyslot .rbc638-cabinet::after,
#panel-luckyslot .rbc638-title-sign,
#panel-luckyslot .rbc638-banner,
#panel-luckyslot .rbc638-side-sign,
#panel-luckyslot .rbc638-pullhint,
#panel-luckyslot .rbc638-bulbs{display:none!important;}
#panel-luckyslot .rbc638-face{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:7!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-reels{
  position:absolute!important;
  left:22.6%!important;
  top:39.7%!important;
  width:55.0%!important;
  height:31.2%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.05fr!important;
  gap:2.35%!important;
  margin:0!important;
  z-index:8!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-led{
  position:absolute!important;
  left:19.2%!important;
  bottom:13.0%!important;
  width:61.5%!important;
  min-height:10.8%!important;
  margin:0!important;
  padding:8px 14px!important;
  z-index:8!important;
  pointer-events:none!important;
  background:rgba(0,0,0,.22)!important;
  border:0!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc638-bottom{
  position:absolute!important;
  left:17.2%!important;
  bottom:3.1%!important;
  width:65.0%!important;
  height:7.6%!important;
  display:grid!important;
  grid-template-columns:1.32fr .80fr .80fr .80fr!important;
  gap:1.0%!important;
  margin:0!important;
  z-index:12!important;
  pointer-events:auto!important;
}
#panel-luckyslot .rbc638-lever{
  position:absolute!important;
  right:7.4%!important;
  top:22.0%!important;
  width:8.5%!important;
  height:49%!important;
  z-index:12!important;
  pointer-events:auto!important;
  background:rgba(255,255,255,.001)!important;
}

@media (max-width:1500px){
  #panel-luckyslot .rbc638-root{--rbc672-shell-pad-x:22px;--rbc672-shell-pad-top:10px;--rbc672-shell-pad-bottom:10px;--rbc672-head-h:52px;--rbc672-body-pad-x:16px;--rbc672-body-pad-y:8px;
  --rbc672-machine-scale:.805;
  --rbc672-machine-lift:21;}
  #panel-luckyslot .rbc672-title{font-size:19px!important;letter-spacing:3px!important;}
  #panel-luckyslot .rbc672-subtitle{font-size:8.5px!important;letter-spacing:2px!important;}
  #panel-luckyslot .rbc672-corner{width:38px!important;height:38px!important;}
  #panel-luckyslot .rbc672-c1{left:28px!important;top:90px!important;}
  #panel-luckyslot .rbc672-c2{right:28px!important;top:90px!important;}
  #panel-luckyslot .rbc672-c3{left:28px!important;bottom:calc(var(--rbc672-shell-pad-bottom) + 19px)!important;}
  #panel-luckyslot .rbc672-c4{right:28px!important;bottom:calc(var(--rbc672-shell-pad-bottom) + 19px)!important;}
  #panel-luckyslot .rbc638-avatar{width:56px!important;height:56px!important;}
  #panel-luckyslot .rbc638-mapicon{width:64px!important;height:52px!important;}
  #panel-luckyslot .rbc638-name{font-size:15px!important;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:13.5px!important;}
  #panel-luckyslot .rbc638-meta{font-size:7px!important;}
}

/* ==== Block 72/140 - urspruenglich gamenight.html Zeile 44131: <style id="rbc683-matchomat-single-real-asset-style"> ==== */
#panel-luckyslot .rbc638-root{
  --rbc672-machine-scale:.955!important;
  --rbc672-machine-lift:12!important;
}

/* v683 nutzt genau EIN sichtbares Automaten/Spielhallen-Bild. */
#panel-luckyslot .rbc672-viewport::before{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
#panel-luckyslot .rbc672-viewport{
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:4!important;
  pointer-events:none!important;
}

/* v681/v682 Freistell-Overlay ausblenden, sonst entsteht genau der doppelte Hebel. */
#panel-luckyslot .rbc681-overlay-img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* EIN echtes Overlay: Spielhalle + Automat + transparente Fenster. */
#panel-luckyslot .rbc683-single-img{
  position:absolute!important;
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
  object-fit:fill!important;
  z-index:32!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  filter:drop-shadow(0 28px 46px rgba(0,0,0,.58)) saturate(1.04) contrast(1.02)!important;
}

/* Alte CSS-Automatenbauteile bleiben komplett weg. */
#panel-luckyslot .rbc638-machine::before,
#panel-luckyslot .rbc638-machine::after,
#panel-luckyslot .rbc641-floor,
#panel-luckyslot .rbc638-cabinet,
#panel-luckyslot .rbc638-cabinet::before,
#panel-luckyslot .rbc638-cabinet::after,
#panel-luckyslot .rbc638-title-sign,
#panel-luckyslot .rbc638-banner,
#panel-luckyslot .rbc638-side-sign,
#panel-luckyslot .rbc638-pullhint,
#panel-luckyslot .rbc638-bulbs,
#panel-luckyslot .rbc638-reel-label,
#panel-luckyslot .rbc638-pointer,
#panel-luckyslot .rbc638-lever-rail,
#panel-luckyslot .rbc638-lever-arm,
#panel-luckyslot .rbc638-lever-ball{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

#panel-luckyslot .rbc638-machine{
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
  z-index:12!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#panel-luckyslot .rbc638-face{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:13!important;
}

/* Fensterwerte exakt zum v670 Arcadeclean-PNG: 1584x672
   A:   x457 y269 w179 h206
   B:   x691 y269 w172 h206
   Map: x920 y269 w192 h206
*/
#panel-luckyslot .rbc638-reels{
  position:absolute!important;
  left:28.85%!important;
  top:40.03%!important;
  width:41.35%!important;
  height:30.65%!important;
  display:grid!important;
  grid-template-columns:179fr 172fr 192fr!important;
  gap:8.40%!important;
  margin:0!important;
  z-index:18!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-reel{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:8px!important;
  background:linear-gradient(180deg, rgba(250,236,208,.99), rgba(237,219,186,.995) 52%, rgba(249,234,205,.99))!important;
  box-shadow:inset 0 0 18px rgba(95,54,22,.22)!important;
}
#panel-luckyslot .rbc638-reel::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 18% 18%, rgba(145,103,52,.09) 0 13px, transparent 14px),
    radial-gradient(circle at 81% 30%, rgba(145,103,52,.09) 0 12px, transparent 13px),
    radial-gradient(circle at 21% 77%, rgba(145,103,52,.08) 0 13px, transparent 14px),
    linear-gradient(90deg, rgba(255,255,255,.35), transparent 22%, transparent 78%, rgba(139,85,33,.12)),
    linear-gradient(180deg, rgba(250,236,208,.98), rgba(237,219,186,.995) 52%, rgba(249,234,205,.98))!important;
}
#panel-luckyslot .rbc638-reel::after{
  content:none!important;
  display:none!important;
}
#panel-luckyslot .rbc638-reel-window{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  width:100%!important;
  height:100%!important;
  padding:16px 8px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#panel-luckyslot .rbc638-avatar{
  width:58px!important;
  height:58px!important;
  border-width:2px!important;
  margin:0 0 7px!important;
  transform:none!important;
}
#panel-luckyslot .rbc638-mapicon{
  width:66px!important;
  height:54px!important;
  margin:0 0 8px!important;
  transform:none!important;
}
#panel-luckyslot .rbc638-name{
  font-size:15px!important;
  line-height:1.02!important;
  max-width:98%!important;
  margin:0!important;
  color:#141014!important;
  text-shadow:none!important;
  letter-spacing:.12px!important;
}
#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:12.5px!important;
  line-height:1.02!important;
  max-height:40px!important;
  overflow:hidden!important;
  white-space:normal!important;
}
#panel-luckyslot .rbc638-meta{
  margin-top:5px!important;
  font-size:6.2px!important;
  line-height:1!important;
  letter-spacing:.8px!important;
  color:#5c514a!important;
}

/* Unteres transparentes Fenster zum v670-PNG: x378 y504 w805 h76 */
#panel-luckyslot .rbc638-led{
  position:absolute!important;
  left:24.55%!important;
  top:75.00%!important;
  bottom:auto!important;
  width:49.85%!important;
  height:11.31%!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 18px 9px 20px!important;
  z-index:18!important;
  pointer-events:none!important;
  background:rgba(0,0,0,.60)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-led-title{
  padding-left:2px!important;
  font-size:7px!important;
  line-height:1!important;
  margin:0 0 4px!important;
  color:#ffdb5d!important;
  letter-spacing:1px!important;
}
#panel-luckyslot .rbc638-led-lines{
  padding-left:2px!important;
  font-size:8.2px!important;
  line-height:1.14!important;
  color:#ffcf54!important;
  letter-spacing:.9px!important;
}

/* Unsichtbare Klickzonen passend zur v670-Grafik. */
#panel-luckyslot .rbc638-bottom{
  position:absolute!important;
  left:42.8%!important;
  top:87.0%!important;
  bottom:auto!important;
  width:31.5%!important;
  height:7.5%!important;
  display:grid!important;
  grid-template-columns:0 1fr .86fr 1fr!important;
  gap:4.2%!important;
  margin:0!important;
  padding:0!important;
  z-index:42!important;
  pointer-events:auto!important;
}
#panel-luckyslot .rbc638-status{
  width:0!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;border:0!important;
}
#panel-luckyslot .rbc638-status::before{display:none!important;}
#panel-luckyslot .rbc638-btn{
  min-width:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;opacity:.001!important;color:transparent!important;background:rgba(255,255,255,.001)!important;border:0!important;box-shadow:none!important;border-radius:14px!important;pointer-events:auto!important;
}
#panel-luckyslot .rbc638-btn:hover,
#panel-luckyslot .rbc638-btn:focus{
  opacity:.15!important;background:rgba(255,216,73,.18)!important;outline:2px solid rgba(255,216,73,.38)!important;
}
#panel-luckyslot .rbc638-btn.payout:not([disabled]){
  opacity:.82!important;color:#e7ffed!important;background:linear-gradient(180deg, rgba(27,145,72,.92), rgba(10,74,39,.92))!important;border:1px solid rgba(82,255,141,.58)!important;font-size:9px!important;
}
#panel-luckyslot .rbc638-lever{
  position:absolute!important;
  right:4.6%!important;
  top:17.0%!important;
  width:11.5%!important;
  height:54.0%!important;
  z-index:42!important;
  pointer-events:auto!important;
  background:rgba(255,255,255,.001)!important;
}

@media (max-width:1500px){
  #panel-luckyslot .rbc638-root{--rbc672-machine-scale:.955!important;--rbc672-machine-lift:12!important;}
  #panel-luckyslot .rbc638-avatar{width:48px!important;height:48px!important;}
  #panel-luckyslot .rbc638-mapicon{width:56px!important;height:46px!important;}
  #panel-luckyslot .rbc638-name{font-size:12.2px!important;}
  #panel-luckyslot .rbc638-map .rbc638-name{font-size:10.3px!important;}
  #panel-luckyslot .rbc638-meta{font-size:5.3px!important;}
  #panel-luckyslot .rbc638-led-title{font-size:6.2px!important;}
  #panel-luckyslot .rbc638-led-lines{font-size:7.2px!important;}
}

#panel-luckyslot .rbc683-version-pill{
  position:absolute!important;
  right:12px!important;
  bottom:26px!important;
  z-index:61!important;
  font:700 9px/1 var(--mono,monospace)!important;
  color:#6dffb5!important;
  background:rgba(0,0,0,.45)!important;
  border:1px solid rgba(109,255,181,.24)!important;
  border-radius:999px!important;
  padding:4px 7px!important;
  pointer-events:none!important;
  opacity:.75!important;
}

/* ==== Block 73/140 - urspruenglich gamenight.html Zeile 44440: <style id="rbc685-matchomat-final-tuning-style"> ==== */
/* Glücksrad-Reiter optisch wie Grafik/normaler aktiver Tab, nicht gelb. */
#tabLuckySlot.active{
  color:var(--magenta)!important;
  border-bottom-color:var(--magenta)!important;
  box-shadow:none!important;
}
#tabLuckySlot.active svg{opacity:1!important;}

/* Slots: die sichtbaren horizontalen Zellkanten verschwinden, der Parent macht die Fläche. */
#panel-luckyslot .rbc644-reel-cell{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc644-reel-cell .rbc638-item,
#panel-luckyslot .rbc638-reel-window > .rbc638-item{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc638-reel{
  background:linear-gradient(180deg, rgba(250,237,211,.995), rgba(238,222,193,.995) 52%, rgba(250,237,211,.995))!important;
}
#panel-luckyslot .rbc638-reel::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.34), transparent 24%, transparent 76%, rgba(125,84,43,.10)),
    linear-gradient(180deg, rgba(250,237,211,.995), rgba(238,222,193,.995) 52%, rgba(250,237,211,.995))!important;
}
#panel-luckyslot .rbc638-reel::after{display:none!important;content:none!important;}

/* Unteres DOS-Fenster: Inhalt weiter weg vom linken Rand. */
#panel-luckyslot .rbc638-led{
  left:26.55%!important;
  width:47.65%!important;
  padding-left:34px!important;
  padding-right:16px!important;
}
#panel-luckyslot .rbc638-led-title,
#panel-luckyslot .rbc638-led-lines{
  padding-left:0!important;
}

/* Button-Zonen: Rot = Gewinn einlösen, Rechts = Drehen. Alter separater Payout-Button unsichtbar weg. */
#panel-luckyslot #rbc638Payout{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc638-bottom{
  grid-template-columns:0 1.12fr 0 1fr!important;
  gap:6.4%!important;
}
#panel-luckyslot #rbc638Refresh{
  pointer-events:auto!important;
}

#panel-luckyslot .rbc683-version-pill{bottom:26px!important;}

/* ==== Block 74/140 - urspruenglich gamenight.html Zeile 44506: <style id="rbc691-asset-button-green-fit100-style"> ==== */
#panel-luckyslot{
  height:calc(100vh - 146px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#panel-luckyslot .rbc638-root{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  --rbc691-fit-note:'v691';
}

/* Reiter bleibt wie Grafik/normaler Tab, nicht gelb. */
#tabLuckySlot.active{
  color:var(--magenta)!important;
  border-bottom-color:var(--magenta)!important;
  box-shadow:none!important;
}

/* Bildbutton ist jetzt im PNG grün. Die echte Buttonfläche bleibt unsichtbar/klickbar. */
#panel-luckyslot #rbc638Refresh{
  opacity:.001!important;
  color:transparent!important;
  background:rgba(255,255,255,.001)!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#panel-luckyslot #rbc638Refresh:hover,
#panel-luckyslot #rbc638Refresh:focus{
  opacity:.12!important;
  background:rgba(84,255,140,.16)!important;
  outline:2px solid rgba(84,255,140,.36)!important;
}

/* Separater Daten-neu-laden-Button außerhalb des Automaten. */
#panel-luckyslot .rbc691-data-reload{
  position:absolute!important;
  right:calc(var(--rbc672-shell-pad-x,40px) + 62px)!important;
  top:calc(var(--rbc672-shell-pad-top,14px) + 12px)!important;
  z-index:70!important;
  height:28px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,58,162,.34)!important;
  background:rgba(8,2,18,.56)!important;
  color:rgba(255,190,230,.90)!important;
  font:800 9px/1 var(--mono,'Share Tech Mono',monospace)!important;
  letter-spacing:1.8px!important;
  text-transform:uppercase!important;
  box-shadow:0 0 14px rgba(255,58,162,.10), inset 0 0 12px rgba(255,58,162,.05)!important;
  cursor:pointer!important;
}
#panel-luckyslot .rbc691-data-reload:hover{
  color:#fff!important;
  border-color:rgba(255,58,162,.70)!important;
  box-shadow:0 0 18px rgba(255,58,162,.24), inset 0 0 14px rgba(255,58,162,.10)!important;
}

#panel-luckyslot .rbc683-version-pill{bottom:20px!important;}

@media (max-width:1500px){
  #panel-luckyslot{height:calc(100vh - 144px)!important;}
  #panel-luckyslot .rbc691-data-reload{
    right:58px!important;
    top:18px!important;
    height:24px!important;
    padding:0 10px!important;
    font-size:7px!important;
    letter-spacing:1.3px!important;
  }
}

/* ==== Block 75/140 - urspruenglich gamenight.html Zeile 44587: <style id="rbc692-layout-container-scale-style"> ==== */
#panel-luckyslot{
  height:clamp(720px, calc(100vh - 132px), 920px)!important;
  max-height:calc(100vh - 132px)!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#panel-luckyslot .rbc638-root{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#panel-luckyslot .rbc672-shell{
  overflow:hidden!important;
}
#panel-luckyslot .rbc672-viewport,
#panel-luckyslot .rbc638-machine,
#panel-luckyslot .rbc683-single-img{
  left:var(--rbc672-machine-left)!important;
  top:var(--rbc672-machine-top)!important;
  width:var(--rbc672-machine-width)!important;
  height:var(--rbc672-machine-height)!important;
}
#panel-luckyslot .rbc683-single-img{
  object-fit:fill!important;
  object-position:center center!important;
  max-width:none!important;
  max-height:none!important;
}
#panel-luckyslot #rbc638Payout{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#panel-luckyslot #rbc638Refresh,
#panel-luckyslot #rbc638Spin{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  pointer-events:auto!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
}
#panel-luckyslot #rbc638Refresh:hover,
#panel-luckyslot #rbc638Refresh:focus,
#panel-luckyslot #rbc638Spin:hover,
#panel-luckyslot #rbc638Spin:focus{
  opacity:0!important;
  background:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}

#panel-luckyslot .rbc691-data-reload,
#panel-luckyslot .rbc692-data-reload{
  position:absolute!important;
  right:calc(var(--rbc672-shell-pad-x,40px) + 54px)!important;
  top:calc(var(--rbc672-shell-pad-top,14px) + 11px)!important;
  z-index:90!important;
}
#panel-luckyslot .rbc683-version-pill{bottom:18px!important;}
#tabLuckySlot.active{
  color:var(--magenta)!important;
  border-bottom-color:var(--magenta)!important;
  box-shadow:none!important;
}
@media (max-width:1500px){
  #panel-luckyslot{
    height:clamp(650px, calc(100vh - 122px), 840px)!important;
    max-height:calc(100vh - 122px)!important;
  }
}

/* ==== Block 76/140 - urspruenglich gamenight.html Zeile 44687: <style id="rbc699-layout-freespace-style"> ==== */
/* A: Panel-Height – kein hartes px-Maximum mehr; nutzt den vollen verfügbaren Raum */
#panel-luckyslot{
  /* rbc-momat-vh-not-dvh (2026-07-22): dvh -> vh. Nur Match-O-Mat nutzte im
     ganzen File "dvh" (die anderen Reiter, z.B. Gluecksrad, immer "vh") -
     genau der Reiter, bei dem in OBS unten eine grosse schwarze Flaeche
     blieb, obwohl dieselbe Seite in normalen Browsern (auch bei 1440p
     getestet) korrekt bis zum Rand fuellte. Wahrscheinliche Ursache: OBS'
     eingebauter Browser (CEF) unterstuetzt "dvh" nicht zuverlaessig - macht
     die ganze calc() ungueltig, Panel faellt auf eine kleinere Hoehe zurueck.
     "vh" ist universell unterstuetzt und verhaelt sich in einer Browser-
     Source (kein dynamisches Adressleisten-Ein-/Ausblenden wie mobil) exakt
     gleich wie "dvh". */
  height:calc(100vh - 108px)!important;
  max-height:calc(100vh - 108px)!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
}
/* B: Root streckt sich auf 100% des Panels */
#panel-luckyslot .rbc638-root{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
/* Kleiner Bildschirm (<1500px) – gleiche Logik */
@media (max-width:1500px){
  #panel-luckyslot{
    height:calc(100vh - 98px)!important;
    max-height:calc(100vh - 98px)!important;
  }
}

/* D: Buttons – vollständig unsichtbar, Klick bleibt aktiv */
#panel-luckyslot #rbc638Payout{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#panel-luckyslot #rbc638Refresh,
#panel-luckyslot #rbc638Spin{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
#panel-luckyslot #rbc638Refresh:hover,
#panel-luckyslot #rbc638Refresh:focus,
#panel-luckyslot #rbc638Spin:hover,
#panel-luckyslot #rbc638Spin:focus{
  opacity:0!important;
  background:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}

/* ==== Block 79/140 - urspruenglich gamenight.html Zeile 45165: <style id="rbc738-layout-visibility-tools-style"> ==== */
#panel-luckyslot{
  --rbc738-foreground-opacity:1;
  --rbc738-reel-content-opacity:1;
  --rbc738-display-opacity:1;
}

/* Slotmachine Vordergrund / Asset */
#panel-luckyslot .rbc683-single-img,
#panel-luckyslot .rbc703-direct-asset,
#panel-luckyslot .rbc638-machine > img,
#panel-luckyslot img[src*="luckyslot"],
#panel-luckyslot img[src*="cabinet"],
#panel-luckyslot img[src*="slot"]{
  opacity:var(--rbc738-foreground-opacity)!important;
}

/* Walzen-Inhalte separat steuerbar */
#panel-luckyslot .rbc638-reels .rbc638-item,
#panel-luckyslot .rbc638-reels .rbc644-reel-strip{
  opacity:var(--rbc738-reel-content-opacity)!important;
}

/* Display unten separat steuerbar */
#panel-luckyslot .rbc638-led{
  opacity:var(--rbc738-display-opacity)!important;
}

/* Hilfsrahmen nur im Layoutmodus und nur wenn aktiv */
body.rbc738-show-guides #panel-luckyslot .rbc638-reels{
  outline:2px dashed rgba(255,220,74,.75)!important;
  outline-offset:4px!important;
}
body.rbc738-show-guides #panel-luckyslot .rbc638-reel{
  outline:2px dashed rgba(76,255,136,.85)!important;
  outline-offset:-2px!important;
}
body.rbc738-show-guides #panel-luckyslot .rbc638-reel-window{
  outline:2px solid rgba(84,216,255,.90)!important;
  outline-offset:-4px!important;
}
body.rbc738-show-guides #panel-luckyslot .rbc638-led{
  outline:2px dashed rgba(255,120,190,.90)!important;
  outline-offset:-3px!important;
}

/* Editor einklappen */
body.rbc738-editor-hidden #rbc717LayoutEditor{
  display:none!important;
}

#rbc738EditorToggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:100000;
  border:1px solid rgba(255,220,74,.55);
  border-radius:999px;
  background:rgba(10,4,20,.88);
  color:#ffdf63;
  font-family:var(--mono,'Share Tech Mono',Consolas,monospace);
  font-size:10px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  padding:8px 12px;
  cursor:pointer;
  box-shadow:0 0 18px rgba(255,220,74,.18);
}

/* ==== Block 80/140 - urspruenglich gamenight.html Zeile 45461: <style id="rbc753-frame-linked-single-asset-style"> ==== */
#panel-luckyslot{
  --rbc753-left:220px;
  --rbc753-top:190px;
  --rbc753-width:1120px;
  --rbc753-height:475px;
  --rbc753-viewport-bg-opacity:0;
}

/* Layout-Editor darf die Bühne nicht mehr verkleinern */
body.rbc717-layout-mode #panel-luckyslot{
  padding-right:0!important;
}

/* Der rechte Layout-Editor liegt als Overlay und verändert nicht mehr die Seite */
body.rbc717-layout-mode #rbc717LayoutEditor{
  right:12px!important;
  width:360px!important;
  max-width:360px!important;
  opacity:.96!important;
}

/* EIN gemeinsamer Rahmen für Asset + echte Walzen */
#panel-luckyslot .rbc672-viewport,
#panel-luckyslot .rbc638-machine,
#panel-luckyslot .rbc683-single-img{
  position:absolute!important;
  left:var(--rbc753-left)!important;
  top:var(--rbc753-top)!important;
  width:var(--rbc753-width)!important;
  height:var(--rbc753-height)!important;
  transform:none!important;
  transform-origin:center center!important;
}

/* Rechteckiges Arcade-Bild hinter der Maschine standardmäßig aus */
#panel-luckyslot .rbc672-viewport::before{
  opacity:var(--rbc753-viewport-bg-opacity)!important;
}

/* Vordergrund-PNG exakt auf demselben Rahmen */
#panel-luckyslot .rbc683-single-img{
  object-fit:fill!important;
  object-position:center center!important;
  max-width:none!important;
  max-height:none!important;
  z-index:40!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Walzen bleiben sichtbar; Ergebnis bleibt letzte Strip-Zelle */
#panel-luckyslot .rbc638-reels .rbc638-item,
#panel-luckyslot .rbc638-reels .rbc644-reel-strip,
#panel-luckyslot .rbc638-led,
#panel-luckyslot .rbc683-single-img{
  visibility:visible!important;
}

body:not(.rbc717-layout-mode) #panel-luckyslot .rbc638-reels .rbc638-item,
body:not(.rbc717-layout-mode) #panel-luckyslot .rbc638-reels .rbc644-reel-strip,
body:not(.rbc717-layout-mode) #panel-luckyslot .rbc638-led,
body:not(.rbc717-layout-mode) #panel-luckyslot .rbc683-single-img{
  opacity:1!important;
}

#panel-luckyslot .rbc638-reel-window.rbc744-final-from-strip .rbc644-reel-strip,
#panel-luckyslot .rbc644-reel-strip[data-rbc744-final-strip="1"]{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

#panel-luckyslot .rbc736-final-static{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Alte Core-/Debug-Badges weg */
#panel-luckyslot .rbc646-version-pill,
#panel-luckyslot .rbc638-debug-pill,
#panel-luckyslot .rbc-luckyslot-debug-pill,
#panel-luckyslot .rbc-matchomat-debug-pill,
#panel-luckyslot [data-rbc-matchomat-pill],
#panel-luckyslot [data-rbc-luckyslot-pill]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Ein stabiler Marker */
#panel-luckyslot .rbc753-active-badge{
  position:absolute!important;
  left:20px!important;
  bottom:20px!important;
  z-index:100000!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(76,255,136,.58)!important;
  background:rgba(4,16,10,.94)!important;
  color:#69ff8a!important;
  font-family:var(--mono,'Share Tech Mono',Consolas,monospace)!important;
  font-size:11px!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
  box-shadow:0 0 16px rgba(76,255,136,.22)!important;
}

/* ==== Block 81/140 - urspruenglich gamenight.html Zeile 46014: <style id="rbc754-independent-reels-style"> ==== */
#panel-luckyslot{
  --rbc754-r1-x:323px;
  --rbc754-r1-y:190px;
  --rbc754-r1-w:132px;
  --rbc754-r1-h:148px;

  --rbc754-r2-x:488px;
  --rbc754-r2-y:190px;
  --rbc754-r2-w:130px;
  --rbc754-r2-h:148px;

  --rbc754-r3-x:650px;
  --rbc754-r3-y:190px;
  --rbc754-r3-w:146px;
  --rbc754-r3-h:148px;

  --rbc754-guides:0;
}

/* Der alte symmetrische Grid-Walzenblock wird neutralisiert.
   Die Walzen sitzen jetzt frei im Maschinen-Koordinatensystem. */
#panel-luckyslot .rbc638-reels{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:24!important;          /* unter Vordergrund-PNG */
  pointer-events:none!important;
  overflow:visible!important;
}

/* Alle Walzen sind eigenständige absolute Fenster */
#panel-luckyslot .rbc638-reel{
  position:absolute!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  border:0!important;
  /* rbc781-fix: Boden immer gerade – PNG-Frame deckt den unteren Rand ab,
     gerundete Ecken unten würden durch semi-transparente PNG-Kanten "ausbeulen" */
  border-radius:10px 10px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  clip-path:none!important;
  z-index:1!important;
}

#panel-luckyslot .rbc638-reel:nth-child(1){
  left:var(--rbc754-r1-x)!important;
  top:var(--rbc754-r1-y)!important;
  width:var(--rbc754-r1-w)!important;
  height:var(--rbc754-r1-h)!important;
}

#panel-luckyslot .rbc638-reel:nth-child(2){
  left:var(--rbc754-r2-x)!important;
  top:var(--rbc754-r2-y)!important;
  width:var(--rbc754-r2-w)!important;
  height:var(--rbc754-r2-h)!important;
}

#panel-luckyslot .rbc638-reel:nth-child(3){
  left:var(--rbc754-r3-x)!important;
  top:var(--rbc754-r3-y)!important;
  width:var(--rbc754-r3-w)!important;
  height:var(--rbc754-r3-h)!important;
}

/* Das sichtbare Fenster füllt die jeweilige Walze komplett. */
#panel-luckyslot .rbc638-reel-window{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:transparent!important;
}

/* Inhalte/Strip füllen ebenfalls immer das Einzel-Fenster. */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  box-sizing:border-box!important;
}

#panel-luckyslot .rbc644-reel-strip,
#panel-luckyslot .rbc644-reel-cell{
  width:100%!important;
  min-width:100%!important;
}

/* Hilfsrahmen für Einzelwalzen */
body.rbc754-show-reel-guides #panel-luckyslot .rbc638-reel:nth-child(1){
  outline:2px dashed rgba(76,255,136,.95)!important;
  outline-offset:0!important;
}
body.rbc754-show-reel-guides #panel-luckyslot .rbc638-reel:nth-child(2){
  outline:2px dashed rgba(84,216,255,.95)!important;
  outline-offset:0!important;
}
body.rbc754-show-reel-guides #panel-luckyslot .rbc638-reel:nth-child(3){
  outline:2px dashed rgba(255,220,74,.95)!important;
  outline-offset:0!important;
}

/* ==== Block 82/140 - urspruenglich gamenight.html Zeile 46391: <style id="rbc755-display-hard-controls-final-snap-style"> ==== */
#panel-luckyslot{
  --rbc755-display-x:300px;
  --rbc755-display-y:355px;
  --rbc755-display-w:535px;
  --rbc755-display-h:58px;
  --rbc755-display-pad-x:28px;
  --rbc755-display-pad-y:7px;

  --rbc755-display-title-x:0px;
  --rbc755-display-title-y:0px;
  --rbc755-display-title-size:7px;

  --rbc755-display-text-x:0px;
  --rbc755-display-text-y:0px;
  --rbc755-display-text-size:8px;
  --rbc755-display-line-height:1.16;
}

/* Display ist jetzt genauso frei wie die Einzel-Walzen.
   Position ist in Maschinen-Koordinaten, also hinter dem Asset exakt einstellbar. */
#panel-luckyslot .rbc638-led{
  position:absolute!important;
  left:var(--rbc755-display-x)!important;
  top:var(--rbc755-display-y)!important;
  bottom:auto!important;
  width:var(--rbc755-display-w)!important;
  height:var(--rbc755-display-h)!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--rbc755-display-pad-y) var(--rbc755-display-pad-x)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:23!important; /* hinter Asset, über Hintergrund */
  pointer-events:none!important;
}

#panel-luckyslot .rbc638-led-title{
  position:relative!important;
  left:var(--rbc755-display-title-x)!important;
  top:var(--rbc755-display-title-y)!important;
  font-size:var(--rbc755-display-title-size)!important;
  line-height:1!important;
  margin:0 0 3px!important;
  padding:0!important;
}

#panel-luckyslot .rbc638-led-lines{
  position:relative!important;
  left:var(--rbc755-display-text-x)!important;
  top:var(--rbc755-display-text-y)!important;
  font-size:var(--rbc755-display-text-size)!important;
  line-height:var(--rbc755-display-line-height)!important;
  margin:0!important;
  padding:0!important;
}

/* Finaler Strip muss exakt sichtbar bleiben. */
#panel-luckyslot .rbc638-reel-window.rbc755-final-snapped .rbc644-reel-strip,
#panel-luckyslot .rbc644-reel-strip[data-rbc755-final-snap]{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  will-change:auto!important;
}

/* Jede Zelle ist exakt Fensterhöhe, keine halben Rest-Zellen am Ende. */
#panel-luckyslot .rbc644-reel-cell{
  height:var(--rbc712-cell-h, 100%)!important;
  min-height:var(--rbc712-cell-h, 100%)!important;
  max-height:var(--rbc712-cell-h, none)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}

/* ==== Block 83/140 - urspruenglich gamenight.html Zeile 46731: <style id="rbc755-display-guide-style"> ==== */
body.rbc755-show-display-guide #panel-luckyslot .rbc638-led{
  outline:2px dashed rgba(255,120,190,.95)!important;
  outline-offset:0!important;
}

/* ==== Block 84/140 - urspruenglich gamenight.html Zeile 46987: <style id="rbc757-layout-preview-normal-style"> ==== */
/* Layout darf die eigentliche Bühne NICHT verändern. */
body.rbc717-layout-mode #panel-luckyslot{
  padding-right:0!important;
  width:auto!important;
  max-width:none!important;
}

/* Editor liegt nur als Overlay, beeinflusst die Bühne nicht. */
body.rbc717-layout-mode #rbc717LayoutEditor{
  position:fixed!important;
  right:12px!important;
  top:92px!important;
  bottom:14px!important;
  width:360px!important;
  max-width:360px!important;
  z-index:120000!important;
}

/* Spielerpool/Ersatzbank stört beim Ausrichten und gehört nicht in die Glücksrad-Preview. */
body.rbc717-layout-mode #rbc-player-pool-266,
body.rbc757-luckyslot-active #rbc-player-pool-266{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* 1:1 Preview-Modus: Editor und Hilfsrahmen weg, Bild entspricht normaler Ansicht. */
body.rbc757-preview-1to1 #rbc717LayoutEditor{
  display:none!important;
}

body.rbc757-preview-1to1 #panel-luckyslot .rbc638-reels,
body.rbc757-preview-1to1 #panel-luckyslot .rbc638-reel,
body.rbc757-preview-1to1 #panel-luckyslot .rbc638-reel-window,
body.rbc757-preview-1to1 #panel-luckyslot .rbc638-led{
  outline:none!important;
}

/* Layout-Hilfsrahmen sicher aus im 1:1 Preview. */
body.rbc757-preview-1to1{
  --rbc754-guides:0;
}

#rbc757PreviewToggle{
  position:fixed!important;
  right:18px!important;
  bottom:56px!important;
  z-index:130000!important;
  border:1px solid rgba(76,255,136,.62)!important;
  border-radius:999px!important;
  background:rgba(4,18,10,.92)!important;
  color:#8dff9d!important;
  font-family:var(--mono,'Share Tech Mono',Consolas,monospace)!important;
  font-size:10px!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
  padding:8px 12px!important;
  cursor:pointer!important;
  box-shadow:0 0 18px rgba(76,255,136,.20)!important;
}

/* ==== Block 85/140 - urspruenglich gamenight.html Zeile 47169: <style id="rbc758-spin-cell-geometry-lock-style"> ==== */
/* Alte symmetrische/Legacy-Offsets dürfen die Spin-Zellen nicht mehr verschieben. */
#panel-luckyslot .rbc638-reel .rbc644-reel-cell,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell,
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc644-reel-cell,
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc644-reel-cell{
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Startbild und Spin-Zelle identisch: kein alter Inhalt-X/Y-Offset mehr auf dem Item selbst. */
#panel-luckyslot .rbc638-reel .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel .rbc644-reel-cell .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(1) .rbc644-reel-cell .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(2) .rbc644-reel-cell .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc638-reel:nth-child(3) .rbc644-reel-cell .rbc638-item{
  transform:none!important;
  left:0!important;
  top:0!important;
  margin:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
}

/* Finaler Strip bleibt sichtbar und exakt im Fenster stehen. */
#panel-luckyslot .rbc638-reel-window.rbc744-final-from-strip .rbc644-reel-strip,
#panel-luckyslot .rbc638-reel-window.rbc755-final-snapped .rbc644-reel-strip,
#panel-luckyslot .rbc644-reel-strip[data-rbc744-final-strip="1"],
#panel-luckyslot .rbc644-reel-strip[data-rbc755-final-snap]{
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

#panel-luckyslot .rbc736-final-static{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* ==== Block 86/140 - urspruenglich gamenight.html Zeile 47267: <style id="rbc759-one-reel-layout-only-style"> ==== */
/* Alte Fenster-Unterlagen aus früheren Layouts weg */
#panel-luckyslot .rbc638-reel-window::before,
#panel-luckyslot .rbc638-reel-window::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Nur eine Geometrie für alle Zustände: Idle, Spin, Final */
#panel-luckyslot .rbc638-reel-window,
#panel-luckyslot .rbc644-window{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-sizing:border-box!important;
  transform:none!important;
}

#panel-luckyslot .rbc644-reel-strip{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  box-sizing:border-box!important;
  transform-origin:0 0!important;
}

#panel-luckyslot .rbc644-reel-cell{
  position:relative!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:var(--rbc712-cell-h, 100%)!important;
  min-height:var(--rbc712-cell-h, 100%)!important;
  max-height:var(--rbc712-cell-h, 100%)!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform:none!important;
}

/* Eigene Papierkarte – ersetzt die alten rbc706-rbc716 Kartenlayer */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:14px 9px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
  border-radius:11px!important;
  transform:none!important;
  background:
    radial-gradient(92% 74% at 50% 32%, rgba(255,244,200,.98), rgba(235,211,163,.98) 58%, rgba(202,169,118,.99) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(115,73,28,.22),
    inset 12px 0 18px rgba(111,69,26,.12),
    inset -12px 0 18px rgba(111,69,26,.12)!important;
}

/* Inhaltsebene sitzt immer mittig in derselben Karte */
#panel-luckyslot .rbc638-avatar{
  width:var(--rbc717-avatar-size, 60px)!important;
  height:var(--rbc717-avatar-size, 60px)!important;
  flex:0 0 auto!important;
  margin:0 0 4px!important;
}

#panel-luckyslot .rbc638-mapicon{
  width:var(--rbc717-mapicon-w, 70px)!important;
  height:var(--rbc717-mapicon-h, 60px)!important;
  flex:0 0 auto!important;
  margin:0 0 4px!important;
}

#panel-luckyslot .rbc638-name{
  font-size:var(--rbc717-name-size, 12.4px)!important;
  line-height:1.08!important;
  max-width:96%!important;
  text-align:center!important;
  margin:0!important;
  transform:none!important;
}

#panel-luckyslot .rbc638-map .rbc638-name{
  font-size:var(--rbc717-map-name-size, 10.8px)!important;
}

#panel-luckyslot .rbc638-meta{
  font-size:var(--rbc717-meta-size, 7px)!important;
  line-height:1!important;
  margin:2px 0 0!important;
  text-align:center!important;
  transform:none!important;
}

/* Final darf nicht nochmal anders aussehen */
#panel-luckyslot .rbc638-reel-window.rbc744-final-from-strip .rbc644-reel-strip,
#panel-luckyslot .rbc638-reel-window.rbc755-final-snapped .rbc644-reel-strip,
#panel-luckyslot .rbc644-reel-strip[data-rbc744-final-strip="1"],
#panel-luckyslot .rbc644-reel-strip[data-rbc755-final-snap]{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

/* Alte Legacy-Regler im Editor verstecken, damit man nicht wieder am falschen Layout dreht. */
#rbc717LayoutEditor details.rbc759-legacy-hidden{
  display:none!important;
}

/* ==== Block 87/140 - urspruenglich gamenight.html Zeile 47535: <style id="rbc760-display-history-format-style"> ==== */
#panel-luckyslot .rbc638-led-title{
  color:#7cff78!important;
  text-shadow:0 0 10px rgba(92,255,108,.42)!important;
}

#panel-luckyslot .rbc638-led-lines{
  overflow:hidden!important;
}

#panel-luckyslot .rbc638-led-lines div{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* mehr als 2 Zeilen niemals anzeigen */
#panel-luckyslot .rbc638-led-lines div:nth-child(n+3){
  display:none!important;
}

/* ==== Block 88/140 - urspruenglich gamenight.html Zeile 47588: <style id="rbc761-display-no-rattle-style"> ==== */
#panel-luckyslot .rbc638-led,
#panel-luckyslot .rbc638-led-title,
#panel-luckyslot .rbc638-led-lines,
#panel-luckyslot .rbc638-led-lines div{
  animation:none!important;
  transition:none!important;
}

#panel-luckyslot .rbc638-machine.spinning .rbc638-led-lines,
#panel-luckyslot .rbc638-machine.rbc644-real-spin .rbc638-led-lines{
  filter:none!important;
  transform:none!important;
}

/* ==== Block 89/140 - urspruenglich gamenight.html Zeile 47632: <style id="rbc762-compact-display-scan-animation-style"> ==== */
#panel-luckyslot .rbc638-led-title{
  color:#7cff78!important;
  text-shadow:0 0 10px rgba(92,255,108,.46)!important;
}

/* max. 2 Zeilen bleiben bestehen */
#panel-luckyslot .rbc638-led-lines div:nth-child(n+3){
  display:none!important;
}

#panel-luckyslot .rbc638-led-lines div{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

/* Während Drehung: kein Text-Rattern, nur ruhige Scan-Animation */
#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines{
  display:block!important;
}

#panel-luckyslot .rbc762-spin-line{
  color:#ffdf63!important;
  letter-spacing:1.35px!important;
  text-shadow:0 0 10px rgba(255,210,80,.38)!important;
  animation:rbc762ScanPulse 1.05s ease-in-out infinite!important;
}

#panel-luckyslot .rbc762-scanbar{
  position:relative!important;
  display:block!important;
  /* rbc948 (2026-07-08): ohne explizite Breite füllte die Scanleiste als
     Block-Element automatisch die volle Breite der LED-Anzeige - deutlich
     breiter als der Text darüber und optisch unproportioniert. Auf eine
     schmalere, zentrierte Leiste reduziert. */
  width:55%!important;
  margin:4px auto 0!important;
  height:10px!important;
  border:1px solid rgba(124,255,120,.36)!important;
  background:rgba(2,12,3,.56)!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 10px rgba(124,255,120,.12)!important;
}

#panel-luckyslot .rbc762-scanbar span{
  position:absolute!important;
  /* rbc-obs-fix (2026-07-04): left:-32%!important hier fixierte die Position
     dauerhaft fest - eine !important-Autoren-Regel auf einer Eigenschaft
     schlägt in der CSS-Kaskade IMMER eine Animation auf derselben
     Eigenschaft, egal bei welchem Keyframe die Animation gerade steht.
     Die Scanbar "lief" laut computed animation-name/play-state, bewegte
     sich aber sichtbar nie (live vermessen: x blieb über 2s exakt gleich).
     left hier nur noch als Startwert OHNE !important setzen, damit die
     @keyframes rbc762ScanBar / rbc763ScanBar ihn tatsächlich animieren
     können. */
  left:-32%;
  top:0!important;
  height:100%!important;
  width:32%!important;
  display:block!important;
  background:linear-gradient(90deg, transparent, rgba(124,255,120,.90), transparent)!important;
  animation:rbc762ScanBar 1.05s linear infinite!important;
}

@keyframes rbc762ScanBar{
  0%{left:-32%;}
  100%{left:100%;}
}

@keyframes rbc762ScanPulse{
  0%,100%{opacity:.72;}
  50%{opacity:1;}
}

/* ==== Block 90/140 - urspruenglich gamenight.html Zeile 47738: <style id="rbc763-display70-mapimg-avatar-style"> ==== */
#panel-luckyslot{
  --rbc717-avatar-size:72px;
  --rbc717-mapicon-w:82px;
  --rbc717-mapicon-h:72px;
}

/* größere Avatare, aber sauber im Fenster halten */
#panel-luckyslot .rbc638-avatar{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  margin-bottom:5px!important;
}

#panel-luckyslot .rbc638-mapicon{
  width:82px!important;
  height:72px!important;
  min-width:82px!important;
  min-height:72px!important;
  margin-bottom:5px!important;
}

#panel-luckyslot .rbc638-mapimg{
  width:92px!important;
  height:66px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:9px!important;
  border:2px solid rgba(255,221,91,.78)!important;
  box-shadow:0 0 0 2px rgba(36,30,48,.85), 0 0 12px rgba(255,211,74,.20)!important;
  margin-bottom:5px!important;
  display:block!important;
  background:#111!important;
}

#panel-luckyslot .rbc638-mapicon-fallback.hidden{
  display:none!important;
}

/* 70 Zeichen, zwei Zeilen, rechts sauber abschneiden */
#panel-luckyslot .rbc638-led-lines div{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* v761 hatte Animationen im Display hart abgeschaltet.
   Diese spezifischere Regel aktiviert die Scanbar wieder. */
#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines .rbc762-spin-line{
  animation:rbc763ScanPulse 1.05s ease-in-out infinite!important;
}

#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines .rbc762-scanbar span{
  animation:rbc763ScanBar 1.05s linear infinite!important;
}

@keyframes rbc763ScanBar{
  0%{left:-34%;}
  100%{left:104%;}
}

@keyframes rbc763ScanPulse{
  0%,100%{opacity:.72;}
  50%{opacity:1;}
}

/* ==== Block 91/140 - urspruenglich gamenight.html Zeile 47815: <style id="rbc764-scanbar-inline-wider-style"> ==== */
#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}

#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines .rbc762-spin-line{
  flex:0 0 auto!important;
  margin:0!important;
}

#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines .rbc762-scanbar{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0 20px 0 0!important;
  height:12px!important;
  border-radius:7px!important;
  border-color:rgba(124,255,120,.55)!important;
  background:rgba(2,14,3,.62)!important;
  box-shadow:inset 0 0 10px rgba(124,255,120,.18), 0 0 16px rgba(124,255,120,.24)!important;
}

#panel-luckyslot .rbc638-led.rbc762-spin-display .rbc638-led-lines .rbc762-scanbar span{
  width:36%!important;
  border-radius:7px!important;
  background:linear-gradient(90deg, transparent, rgba(140,255,140,.35) 18%, rgba(215,255,205,.98) 50%, rgba(140,255,140,.35) 82%, transparent)!important;
  box-shadow:0 0 12px rgba(150,255,150,.85), 0 0 26px rgba(120,255,120,.45)!important;
  animation:rbc764ScanBar 1.05s linear infinite!important;
}

@keyframes rbc764ScanBar{
  0%{left:-40%;}
  100%{left:106%;}
}

/* ==== Block 92/140 - urspruenglich gamenight.html Zeile 47883: <style id="rbc764-steam-mapfoto-style"> ==== */
#panel-luckyslot .rbc638-mapimg{
  width:96px!important;
  height:70px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:9px!important;
  border:2px solid rgba(255,221,91,.78)!important;
  box-shadow:0 0 0 2px rgba(36,30,48,.85), 0 0 12px rgba(255,211,74,.20)!important;
  margin-bottom:5px!important;
  background:#111!important;
}

/* Steam-Bild erst zeigen, wenn es wirklich geladen ist */
#panel-luckyslot .rbc638-mapimg.rbc638-steam-mapimg:not(.ready){
  display:none!important;
}

#panel-luckyslot .rbc638-mapimg.rbc638-steam-mapimg.ready{
  display:block!important;
}

#panel-luckyslot .rbc638-mapicon-fallback.hidden{
  display:none!important;
}

/* ==== Block 93/140 - urspruenglich gamenight.html Zeile 48028: <style id="rbc765-local-steam-map-cache-style"> ==== */
#panel-luckyslot .rbc638-mapimg.rbc638-local-mapimg.ready{
  display:block!important;
}

#panel-luckyslot .rbc638-mapimg.rbc638-local-mapimg:not(.ready){
  display:none!important;
}

/* ==== Block 94/140 - urspruenglich gamenight.html Zeile 48067: <style id="rbc766-map-preview-manifest-one-render-style"> ==== */
/* Nur EIN Inhalt in der Map-Kachel: wenn Bild da ist, Fallback-Icon komplett weg */
#panel-luckyslot .rbc638-map.rbc766-map-has-image .rbc638-mapicon,
#panel-luckyslot .rbc638-map.rbc766-map-has-image .rbc638-mapicon-fallback,
#panel-luckyslot .rbc638-map .rbc638-mapicon-fallback.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

#panel-luckyslot .rbc638-mapimg.ready{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Map-Bild darf nicht mit alten Icon-Regeln kollidieren */
#panel-luckyslot .rbc638-mapimg{
  flex:0 0 auto!important;
  width:96px!important;
  height:70px!important;
  min-width:96px!important;
  min-height:70px!important;
  max-width:96px!important;
  max-height:70px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:9px!important;
  border:2px solid rgba(255,221,91,.78)!important;
  box-shadow:0 0 0 2px rgba(36,30,48,.85), 0 0 12px rgba(255,211,74,.20)!important;
  margin:0 0 5px!important;
  background:#111!important;
}

/* ==== Block 95/140 - urspruenglich gamenight.html Zeile 48239: <style id="rbc767-map-tile-one-image-only-style"> ==== */
#panel-luckyslot .rbc638-map.rbc767-map-has-image .rbc638-mapicon,
#panel-luckyslot .rbc638-map.rbc767-map-has-image .rbc638-mapicon-fallback,
#panel-luckyslot .rbc638-map.rbc766-map-has-image .rbc638-mapicon,
#panel-luckyslot .rbc638-map.rbc766-map-has-image .rbc638-mapicon-fallback,
#panel-luckyslot .rbc638-mapicon-fallback.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

#panel-luckyslot .rbc638-mapimg.ready{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

#panel-luckyslot .rbc638-map:not(.rbc767-map-has-image):not(.rbc766-map-has-image) .rbc638-mapimg{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

#panel-luckyslot .rbc638-mapimg{
  flex:0 0 auto!important;
  width:96px!important;
  height:70px!important;
  min-width:96px!important;
  min-height:70px!important;
  max-width:96px!important;
  max-height:70px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:9px!important;
  border:2px solid rgba(255,221,91,.78)!important;
  box-shadow:0 0 0 2px rgba(36,30,48,.85), 0 0 12px rgba(255,211,74,.20)!important;
  margin:0 0 5px!important;
  background:#111!important;
}

/* ==== Block 96/140 - urspruenglich gamenight.html Zeile 48497: <style id="rbc775-zoom-restore-style"> ==== */
/* Original-Zoom wieder freigeben: keine Slot-Zoom-Isolation mehr */
body.rbc772-luckyslot-zoom-isolated,
body.rbc773-luckyslot-own-zoom{
  --rbc441-zoom:var(--rbc441-zoom)!important;
}

body:not(.rbc775-noop) #rbc441ZoomStage{
  /* absichtlich keine harten Werte:
     der originale rbc441-Zoom soll wieder greifen */
}

/* alte nachträgliche Slot-Zoom-Transforms neutralisieren */
#panel-luckyslot{
  --rbc770-group-zoom:1!important;
  --rbc771-zoom:1!important;
  --rbc774-zoom:1!important;
}

/* ELO weiterhin lesbarer */
#panel-luckyslot .rbc638-item:not(.rbc638-map) .rbc638-meta{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:9.4px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.65px!important;
  color:rgba(51,35,17,.92)!important;
  text-shadow:0 1px 0 rgba(255,246,205,.45)!important;
  margin-top:4px!important;
}

/* Map-Kachel: kein "Steam Mapfoto" / "Mapname" Text */
#panel-luckyslot .rbc638-map .rbc638-meta{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

/* Mapbild etwas größer lassen */
#panel-luckyslot .rbc638-mapimg{
  width:104px!important;
  height:76px!important;
  min-width:104px!important;
  min-height:76px!important;
  max-width:104px!important;
  max-height:76px!important;
  margin-bottom:6px!important;
}

/* Debug-/Versionslabels komplett ausblenden, ohne Zoomcode anzufassen */
#panel-luckyslot [id^="rbc7"][id$="ActiveBadge"],
#panel-luckyslot .rbc646-version-pill,
#panel-luckyslot .rbc638-debug-pill,
#panel-luckyslot .rbc-luckyslot-debug-pill,
#panel-luckyslot .rbc-matchomat-debug-pill,
#panel-luckyslot [data-rbc-matchomat-pill],
#panel-luckyslot [data-rbc-luckyslot-pill]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* ==== Block 97/140 - urspruenglich gamenight.html Zeile 48671: <style id="rbc779-asset-logical-link-style"> ==== */
/* Alte Debug-/Version-Pills weg */
#panel-luckyslot .rbc646-version-pill,
#panel-luckyslot .rbc638-debug-pill,
#panel-luckyslot .rbc-luckyslot-debug-pill,
#panel-luckyslot .rbc-matchomat-debug-pill,
#panel-luckyslot [data-rbc-matchomat-pill],
#panel-luckyslot [data-rbc-luckyslot-pill],
#panel-luckyslot [id^="rbc7"][id$="ActiveBadge"]:not(#rbc779ActiveBadge){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Ein einziges linkes Versionslabel */
#panel-luckyslot .rbc779-active-badge{
  position:absolute!important;
  left:20px!important;
  bottom:20px!important;
  z-index:100000!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(76,255,136,.58)!important;
  background:rgba(4,16,10,.94)!important;
  color:#69ff8a!important;
  font-family:var(--mono,'Share Tech Mono',Consolas,monospace)!important;
  font-size:11px!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
  box-shadow:0 0 16px rgba(76,255,136,.22)!important;
  white-space:nowrap!important;
}

/* ELO lesbarer behalten */
#panel-luckyslot .rbc638-item:not(.rbc638-map) .rbc638-meta{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:9.4px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.65px!important;
  color:rgba(51,35,17,.92)!important;
  text-shadow:0 1px 0 rgba(255,246,205,.45)!important;
  margin-top:4px!important;
}

/* Map-Kachel: kein Steam Mapfoto / Mapname Text */
#panel-luckyslot .rbc638-map .rbc638-meta{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

#rbc779AssetLinkControls .rbc779-note{
  color:rgba(255,255,255,.52);
  font-size:9px;
  line-height:1.35;
  margin-top:6px;
}

/* ==== Block 98/140 - urspruenglich gamenight.html Zeile 49093: <style id="rbc780-centered-start-preset-style"> ==== */
#rbc780StartPresetControls .rbc780-note{
  color:rgba(255,255,255,.52);
  font-size:9px;
  line-height:1.35;
  margin-top:6px;
}

/* ==== Block 99/140 - urspruenglich gamenight.html Zeile 49347: <style id="rbc782-tab-order-glucksrad-bg-style"> ==== */
.tabs > button:nth-child(1){order:1}  /* Setup */
.tabs > button:nth-child(2){order:2}  /* Spiele */
#tabBracket{order:3}                  /* Bracket (nur Turniermodus sichtbar) */
#tabLuckySlot{order:4}                /* Glücksrad */
#tabSpinwheel{order:4}                /* Spinwheel - direkt neben Glücksrad */
.tabs > button:nth-child(4){order:5}  /* Tabelle */
#tabGraphic{order:6}                  /* Grafik */
.tabs > button:nth-child(7){order:7}  /* Abschluss */

/* rbc782-fix4: Reiter-Beschriftung größer */
.tabs > button.tab{
  font-size:15px!important;
  padding:14px 32px!important;
  letter-spacing:2px!important;
}

/* rbc782-fix3/4: per User-Vorgabe explizit luckyslot_outer_bg_user_v664.png
   als Hintergrund (nicht das Kabinett-Asset) + Eck-Klammern als Rahmen,
   Tabellen-/Karteninhalt liegt davor (z-index:-1 auf den Pseudo-Elementen).
   background-attachment:fixed -> Bild wird relativ zum Viewport skaliert
   (cover bei 100% Zoom korrekt proportioniert), nicht relativ zur ggf.
   sehr hohen min-height-Box, sonst wirkt es bei wenig Inhalt verzerrt/leer. */
/* rbc-designaudit (2026-07-10): "138px" hier deckte nur Header(89px)+
   Tabs(51px)=140px ab, aber NICHT die 28px+28px Padding von .content (dem
   Wrapper um alle Panels) - macht 196px echte fixe Chrome-Hoehe statt 138.
   Live gemessen (Playwright): dieser konstante 58px-Unterschied liess die
   Seite bei Spinwheel/Tabelle/Abschluss IMMER (unabhaengig von der
   Bildschirmaufloesung) 58px hoeher werden als der sichtbare Viewport,
   sobald der Inhalt die Mindesthoehe ausreizte - z.B. das Glücksrad, das
   selbst wieder mit vh rechnet und dadurch genau bis an diese Grenze geht.
   196px korrigiert die Formel auf die tatsaechliche Chrome-Hoehe.
   rbc-zoom100-chrome-recount (2026-07-22): seitdem kam die einklappbare
   "Anzeigeprofil"-Leiste (#rbcMonitorProfileBar) dazu, die im Control-Tab
   (nicht in ?obs=1) zusaetzlich ~43px Chrome-Hoehe oben draufsetzt (per
   Messung: Panel-Top 211px statt der angenommenen 168px) - beim Umstieg des
   Standard-Zooms von 90% auf 100% wurde dieser Puffer sichtbar, weil die
   90%-Schrumpfung den Fehlbetrag bisher kaschiert hat. 239px = tatsaechliche
   Chrome-Hoehe (211px oberhalb + 28px .content-Padding unten). */
#panel-results,
#panel-mvp,
#panel-spinwheel{
  position:relative;
  box-sizing:border-box;
  min-height:calc(100vh - 239px);
  padding:18px 20px;
  border:1px solid rgba(255,58,162,.20);
  border-radius:16px;
}
#panel-results::before,
#panel-mvp::before,
#panel-spinwheel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(32,8,30,.50), rgba(14,10,40,.40) 58%, rgba(10,18,42,.40)),
    url('/assets/luckyslot_outer_bg_user_v664.png') center center / cover no-repeat;
  background-attachment:fixed, fixed;
  filter:saturate(.98) brightness(.88);
}
/* Eck-Klammern (wie .rbc672-corner) als 8 Gradient-Balken statt echter DOM-Elemente */
#panel-results::after,
#panel-mvp::after,
#panel-spinwheel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(255,79,189,.40));
  background-repeat:no-repeat;
  background-image:
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92)),
    linear-gradient(rgba(255,240,255,.92),rgba(255,240,255,.92));
  background-position:
    20px 20px,
    20px 20px,
    calc(100% - 70px) 20px,
    calc(100% - 24px) 20px,
    20px calc(100% - 24px),
    20px calc(100% - 70px),
    calc(100% - 70px) calc(100% - 24px),
    calc(100% - 24px) calc(100% - 70px);
  background-size:
    50px 4px,
    4px 50px,
    50px 4px,
    4px 50px,
    50px 4px,
    4px 50px,
    50px 4px,
    4px 50px;
}

/* rbc900: neuer Reiter Spinwheel - eigene Überschrift (nicht an die
   tabelle-spezifische .rbc787-spielerabend-head-Sichtbarkeitsregel
   gekoppelt, damit sie unabhängig vom aktiven Tab funktioniert). */
.rbc900-spin-head{
  align-self:stretch;
  /* rbc928 (2026-07-06): "width:100%" zusammen mit negativen Margins auf
     BEIDEN Seiten ist ein klassischer CSS-Overconstrain-Fall - der Browser
     ignoriert dabei per Spec den RECHTEN margin-Wert und berechnet ihn neu,
     damit die Gleichung aufgeht (hier: +20px statt der angegebenen -20px).
     Ergebnis: links blutete der Rahmen korrekt bis zum Panel-Rand aus,
     rechts blieb er ~40px zu kurz ("Rahmen geht nicht komplett rüber").
     Fix: keine explizite Breite setzen - bei "width:auto" löst der Browser
     die Breite selbst auf und hält dabei BEIDE Margins wie angegeben ein. */
  box-sizing:border-box;
  margin:-18px -20px 18px;
  padding:13px 24px 11px;
  border-bottom:1px solid rgba(255,58,162,.22);
  /* rbc930 (2026-07-06): der auffällige Zweifarb-Verlauf ersetzt durch den
     flachen, fast unsichtbaren Tint, den Tabelle für dieselbe Kopfzeile
     nutzt (rbc796-Fix dort: body.rbc600-tab-results .rbc787-spielerabend-
     head{background:rgba(255,58,162,.06)}). */
  background:rgba(255,58,162,.06);
  display:flex;
  align-items:baseline;
  gap:14px;
}
.rbc900-spin-title{
  color:var(--magenta);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:19px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(255,58,162,.55);
  line-height:1;
}
.rbc900-spin-sub{
  color:#12d6ff;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35);
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.rbc900-spin-shell{
  position:relative;
  width:100%;
  box-sizing:border-box;
  /* rbc-spinwheelfit (2026-07-09): .rbc900-spin-controls ist absolut links
     angepinnt (380px breit), damit sie die Zentrierung des Rads nicht
     beeinflusst (siehe Kommentar dort) - das Rad zentriert sich seitdem in
     der VOLLEN Panel-Breite, unabhaengig von der Sidebar. Das geht nur gut,
     solange die Haelfte des Leerraums neben dem Rad breiter ist als die
     Sidebar - bricht also bei kleineren Aufloesungen/Fenstern (das Rad
     ueberlappt dann die Sidebar). padding-left:404px ist nur der Startwert
     (380px Sidebar + 24px Abstand); #rbc-spinwheel-fit-script weiter unten
     misst die tatsaechliche Sidebar-Breite live und haelt diesen Wert
     aktuell, statt sich auf eine geratene Konstante zu verlassen. */
  padding-left:404px;
  display:flex;
  /* rbc913 (2026-07-06): justify-content:center zentrierte den Inhalt in
     der GESAMTEN (durch flex:1 aufgeblähten) Höhe des Shells - bei einem
     großen Rad blieb dadurch oben ~100px Leerraum, während das Ergebnis
     unten über den sichtbaren Viewport hinausragte (kaum sichtbar, kein
     Scrollen/Zoomen half). flex-start zieht Rad+Ergebnis so weit wie
     möglich nach oben direkt unter die Überschrift. */
  justify-content:flex-start;
  align-items:center;
  min-height:400px;
  flex:1 1 auto;
}
/* rbc-obs-fix (2026-07-05): Eingabefeld per position:absolute an den linken
   Rand angepinnt statt als Grid-Spalte neben dem Rad - dadurch beeinflusst
   die Controls-Breite nicht mehr, wo die Mitte des Rads liegt. Das Rad
   zentriert sich jetzt unabhängig davon in der vollen Panel-Breite. */
.rbc900-spin-controls{
  position:absolute;
  left:50px;
  top:50%;
  transform:translateY(-50%);
  width:380px;
  background:rgba(5,2,14,.55);
  border:1px solid rgba(255,58,162,.20);
  border-radius:14px;
  padding:16px 18px;
}
.rbc900-spin-textarea{
  width:100%;
  height:150px;
  resize:vertical;
  background:rgba(0,0,0,.45);
  color:var(--text);
  border:1px solid rgba(255,58,162,.28);
  border-radius:10px;
  padding:10px 12px;
  font-family:var(--mono);
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
.rbc900-spin-textarea:focus{
  outline:none;
  border-color:rgba(255,58,162,.6);
}
.rbc900-spin-controls .btn-row{
  margin-top:12px;
}
.rbc900-spin-hint{
  margin-top:10px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--muted);
}
/* rbc922-spinwheel-quickfill (2026-07-06) */
.rbc900-quick-row{ margin-bottom:10px; }
.rbc900-quick-row .btn{ width:100%; }
.rbc900-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.rbc900-chip{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  padding:7px 12px;
  border:1px solid rgba(255,58,162,.3);
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  transition:all .15s;
}
.rbc900-chip:hover{ border-color:rgba(255,58,162,.55); color:var(--text); }
.rbc900-chip.active{
  background:rgba(255,58,162,.16);
  border-color:var(--magenta);
  color:var(--magenta);
  box-shadow:var(--gm);
}

.rbc900-spin-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:4px 0 10px;
  width:100%;
}
/* rbc-winner-space-reserve (2026-07-13): #rbc900Winner haengt absolut an
   .rbc900-wheel-wrap und zaehlt daher NICHT zur Fluss-Hoehe von
   .rbc900-spin-stage / #panel-spinwheel. Der bisherige Ansatz (JS misst nach
   dem Reveal live per getBoundingClientRect und vergroessert #panel-spinwheel
   nachtraeglich) ist ein Wettlauf gegen die Eintritts-Animation der Kachel
   (rbc900WinnerBoardIn, startet bei scale(.86)) - je nachdem WANN genau
   gemessen wird, kommt ein zu kleiner Wert raus, der (da nur vergroessert,
   nie verkleinert wird) dauerhaft zu klein bleibt, bis irgendein SPAETERES
   Ereignis (Resize, Tab-Wechsel, F5) zufaellig neu misst und es korrigiert -
   genau das vom Nutzer beobachtete "geht nur nach F5"-Verhalten. Fix: Platz
   von Anfang an unabhaengig von jeder Messung reservieren - ein unsichtbares,
   permanent vorhandenes Flow-Element direkt in .rbc900-spin-stage, das nie
   ein-/ausgeblendet wird und daher auch nie einen Messwettlauf ausloesen
   kann. Hoehe deckt den ungünstigsten Fall ab (kleine Fensterhoehe -> voller
   -110px-Wheel-Wrap-Schub bleibt ungenutzt -> groesserer Abstand + Karte
   + Eckklammer-Insatz von 50px + Puffer). */
.rbc900-winner-spacer{
  visibility:hidden;
  pointer-events:none;
  width:1px;
  /* rbc-zoom100-wheel-cap (2026-07-22): 270px war fuer das alte 740px-Rad bei
     90% Zoom bemessen und liess bei echten 100% (real 1920x1080 OBS-Quelle,
     per obsws ausgelesen) ~130px reine Leerflaeche unter der Gewinner-Karte
     stehen ("Ergebnis zu weit oben"/zu viel Luft). 190px reicht weiterhin
     fuer die feste Karten-Reserve (RESERVED_CARD_HEIGHT_LOCAL=130px, siehe
     recalcSpinwheelFit) + Puffer, gibt aber ~80px an das Rad zurueck. */
  height:190px;
  flex:0 0 auto;
  margin:0;
}
.rbc900-wheel-wrap{
  position:relative;
  /* rbc-zoom100-wheel-cap (2026-07-22): 740px passte nur bei 90% Standard-
     zoom (siehe [[zoom-default-90]]) - dessen 10% Schrumpfung kaschierte,
     dass Kopf+Rad+Winner-Spacer+Puffer bei der ECHTEN OBS-Quellaufloesung
     (1920x1080, per obsws-python get_input_settings ausgelesen - NICHT
     1920x1200 wie zunaechst angenommen) mehr Fluss-Hoehe brauchen als der
     Viewport hergibt. Bei echten 100% (kein Schrumpf-Puffer mehr) fuehrte
     das zu einem vertikalen Scrollbalken. 700px ist per Live-Messung
     (Playwright, echte 1920x1080-Quelle per ?obs=1, inkl. aufgedeckter
     Gewinner-Karte) der groesste Wert mit ~30px Sicherheitsabstand. */
  width:min(700px, 96%, calc(100vh - 300px));
  aspect-ratio:1/1;
  /* rbc920 (2026-07-06): weitere -50px oben drauf (insgesamt -110px). Die
     Gewinner-Anzeige (#rbc900Winner) hängt als Kind an diesem Wrap und wird
     über top:calc(100% + ...) relativ dazu positioniert - würde also ohne
     Gegenmaßnahme mitwandern. Sie bekommt unten einen kompensierenden
     +50px-Offset, damit sie an ihrer bisherigen Stelle bleibt. */
  top:-110px;
}
.rbc900-wheel{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  filter:drop-shadow(0 0 24px rgba(255,58,162,.35));
  will-change:transform;
}
.rbc900-wheel-pointer{
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-top:24px solid var(--magenta);
  filter:drop-shadow(0 0 8px rgba(255,58,162,.7));
  z-index:5;
}
.rbc900-spin-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:78px;
  height:78px;
  border-radius:50%;
  border:3px solid rgba(255,240,255,.92);
  background:radial-gradient(circle at 35% 30%, rgba(255,110,190,1), rgba(255,58,162,.9) 60%, rgba(140,10,80,.95));
  color:#00aeef;
  text-shadow:0 0 4px rgba(0,0,0,.85),0 0 8px rgba(0,174,239,.95),0 0 18px rgba(0,174,239,.65);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:13px;
  letter-spacing:1.5px;
  cursor:pointer;
  box-shadow:0 0 18px rgba(255,58,162,.65), inset 0 0 10px rgba(255,255,255,.25);
  z-index:6;
  transition:transform .15s;
}

.rbc900-spin-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05);}
.rbc900-spin-btn:disabled{opacity:.55;cursor:default;}
.rbc900-spin-btn.rbc900-coin-pop{
  animation:rbc900CoinButton .30s ease-out both;
}
@keyframes rbc900CoinButton{
  0%{ transform:translate(-50%,-50%) scale(1); filter:brightness(1); }
  38%{ transform:translate(-50%,-50%) scale(.92); filter:brightness(1.45); }
  72%{ transform:translate(-50%,-50%) scale(1.08); filter:brightness(1.25); }
  100%{ transform:translate(-50%,-50%) scale(1); filter:brightness(1); }
}
.rbc900-winner{
  /* rbc903-spinwheel-showstage: Ergebnis bleibt absolut am Rad verankert,
     damit das Wheel selbst nicht nach oben wandert. Die Karte bekommt jetzt
     eine Scoreboard-/Eurovision-artige Reveal-Animation mit Lauflichtern,
     Sweep und Namens-Pop statt nur statischem Text. */
  position:absolute;
  /* rbc920 (2026-07-06): +50px Gegen-Offset zum neuen top:-110px auf
     .rbc900-wheel-wrap, damit die Anzeige an Ort und Stelle bleibt,
     während nur das Rad weiter nach oben rückt. */
  top:calc(100% + 16px + 50px);
  left:50%;
  transform:translateX(-50%) scale(.94);
  width:min(1120px, calc(100vw - 120px));
  min-height:104px;
  box-sizing:border-box;
  padding:23px 34px 25px;
  border:1px solid transparent;
  border-radius:20px;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  line-height:1.02;
  letter-spacing:2.5px;
  color:var(--green);
  text-align:center;
  white-space:normal;
  overflow:hidden;
  overflow-wrap:anywhere;
  pointer-events:none;
  z-index:7;
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}
.rbc900-winner::before{
  content:"";
  position:absolute;
  inset:-55% -18%;
  background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.72) 48%, rgba(76,255,136,.36) 54%, transparent 68%);
  opacity:0;
  transform:translateX(-135%) rotate(8deg);
  pointer-events:none;
  z-index:1;
}
.rbc900-winner::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:15px;
  border:1px solid rgba(255,58,162,.34);
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 18%, transparent 72%, rgba(76,255,136,.08));
  box-shadow:inset 0 0 22px rgba(255,58,162,.12);
  opacity:0;
  pointer-events:none;
  z-index:0;
}
.rbc900-winner.rbc900-has-winner{
  opacity:1;
  transform:translateX(-50%) scale(1);
  background:
    radial-gradient(circle at 50% -18%, rgba(47,220,255,.28), rgba(47,220,255,.08) 44%, rgba(5,2,14,.91) 100%),
    linear-gradient(90deg, rgba(255,58,162,.24), rgba(47,220,255,.16) 48%, rgba(255,58,162,.24));
  border-color:rgba(47,220,255,.72);
  box-shadow:
    0 0 26px rgba(47,220,255,.44),
    0 0 58px rgba(255,58,162,.30),
    inset 0 0 24px rgba(47,220,255,.16);
  animation:rbc900WinnerBoardIn .58s cubic-bezier(.15,1.25,.24,1) both, rbc900WinnerBoardPulse 2.6s ease-in-out .62s infinite;
}
.rbc900-winner.rbc900-has-winner::before{
  animation:rbc900ResultSweep 1.18s ease-out .16s both;
}
.rbc900-winner.rbc900-has-winner::after{
  opacity:1;
}
.rbc900-score-lights{
  position:absolute;
  left:18px;
  right:18px;
  top:10px;
  display:flex;
  justify-content:space-between;
  z-index:2;
}
.rbc900-score-lights.rbc900-score-lights-bottom{
  top:auto;
  bottom:10px;
}
.rbc900-score-lights i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,58,162,.94);
  box-shadow:0 0 10px rgba(255,58,162,.95);
  opacity:.28;
  animation:rbc900LightChase 1.08s ease-in-out infinite;
  animation-delay:calc(var(--i) * .045s);
}
.rbc900-score-lights.rbc900-score-lights-bottom i{
  background:#2fdcff;
  box-shadow:0 0 10px rgba(47,220,255,.9);
  animation-delay:calc((17 - var(--i)) * .045s);
}
.rbc900-winner-label{
  position:relative;
  z-index:3;
  display:block;
  margin-bottom:7px;
  font-family:var(--mono);
  font-size:13px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:rgba(245,240,255,.78);
  text-shadow:0 0 12px rgba(255,58,162,.52);
  opacity:0;
}
.rbc900-winner.rbc900-has-winner .rbc900-winner-label{
  animation:rbc900LabelSlide .36s ease-out .12s both;
}
.rbc900-winner-name{
  position:relative;
  z-index:3;
  display:block;
  font-size:54px;
  color:#2fdcff;
  text-shadow:
    0 0 14px rgba(47,220,255,.90),
    0 0 34px rgba(47,220,255,.44),
    0 0 56px rgba(255,58,162,.30);
  opacity:0;
  transform:translateY(16px) scale(.92);
}
.rbc900-winner.rbc900-has-winner .rbc900-winner-name{
  animation:rbc900NameScoreReveal .64s cubic-bezier(.16,1.35,.22,1) .22s both, rbc900NameGlow 1.8s ease-in-out .9s infinite alternate;
}
@keyframes rbc900WinnerBoardIn{
  0%{ transform:translateX(-50%) translateY(18px) scale(.86); filter:brightness(1.8); }
  58%{ transform:translateX(-50%) translateY(-3px) scale(1.04); filter:brightness(1.28); }
  100%{ transform:translateX(-50%) translateY(0) scale(1); filter:brightness(1); }
}
@keyframes rbc900WinnerBoardPulse{
  0%,100%{ box-shadow:0 0 26px rgba(47,220,255,.44),0 0 58px rgba(255,58,162,.30),inset 0 0 24px rgba(47,220,255,.16); }
  50%{ box-shadow:0 0 34px rgba(47,220,255,.60),0 0 74px rgba(255,58,162,.42),inset 0 0 30px rgba(47,220,255,.22); }
}
@keyframes rbc900ResultSweep{
  0%{ opacity:0; transform:translateX(-135%) rotate(8deg); }
  18%{ opacity:.9; }
  100%{ opacity:0; transform:translateX(135%) rotate(8deg); }
}
@keyframes rbc900LightChase{
  0%,100%{ opacity:.22; transform:scale(.72); }
  42%{ opacity:1; transform:scale(1.35); }
}
@keyframes rbc900LabelSlide{
  0%{ opacity:0; transform:translateY(-10px); }
  100%{ opacity:1; transform:translateY(0); }
}
@keyframes rbc900NameScoreReveal{
  0%{ opacity:0; transform:translateY(18px) scale(.86); letter-spacing:8px; }
  62%{ opacity:1; transform:translateY(-3px) scale(1.06); letter-spacing:3px; }
  100%{ opacity:1; transform:translateY(0) scale(1); letter-spacing:2.5px; }
}
@keyframes rbc900NameGlow{
  0%{ filter:brightness(1); }
  100%{ filter:brightness(1.24); }
}


/* rbc782-fix4: Grafik teilt sich jetzt sichtbar denselben Hintergrund -
   #rbc600GraphicCard ist vorher randlos (100% Breite/Höhe) und hat dadurch
   den Hintergrund komplett verdeckt; mit Panel-Padding bleibt ein Rand frei,
   in dem das gemeinsame Hintergrundbild sichtbar wird. */
#panel-graphic{
  position:relative;
  box-sizing:border-box;
  padding:18px 20px;
}
#panel-graphic::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(32,8,30,.50), rgba(14,10,40,.40) 58%, rgba(10,18,42,.40)),
    url('/assets/luckyslot_outer_bg_user_v664.png') center center / cover no-repeat;
  background-attachment:fixed, fixed;
  filter:saturate(.98) brightness(.88);
}

/* ==== Block 100/140 - urspruenglich gamenight.html Zeile 49900: <style id="rbc783-panels-polish-style"> ==== */
/* Ecken als je 1 SVG pro Ecke (50×50 px, fest platziert) – löst das
   Problem der nicht bündigen rbc782-Gradient-Balken. */
#panel-results::after,
#panel-mvp::after,
#panel-spinwheel::after{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='46,4 4,4 4,46' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='4,4 46,4 46,46' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='46,46 4,46 4,4' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='4,46 46,46 46,4' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:14px 14px, calc(100% - 64px) 14px, 14px calc(100% - 64px), calc(100% - 64px) calc(100% - 64px);
  background-size:50px 50px;
  filter:drop-shadow(0 0 10px rgba(255,79,189,.55));
}

/* rbc921 (2026-07-06): der 68px-Runterschieber für die oberen Ecken (gedacht,
   damit sie nicht in der eigenen Spinwheel-Kopfzeile liegen) ließ die obere
   RECHTE Ecke im echten Layout ohne sichtbaren Rahmen wirken ("Rahmen oben
   rechts nicht geschlossen") - auf Wunsch des Nutzers wird Spinwheel jetzt
   auf exakt dieselbe Eck-Position wie Tabelle/Abschluss (#panel-mvp, 14px)
   zurückgesetzt statt eine eigene Sonderbehandlung zu bekommen.

   rbc929 (2026-07-06): der eigentliche "Rahmen nicht geschlossen"-Bug lag
   an einem CSS-Overconstrain in .rbc900-spin-head (siehe dort), nicht an
   diesem Y-Offset selbst.

   rbc930 (2026-07-06): auf Wunsch komplett durch dasselbe Eck-System wie
   Tabelle ersetzt (echte .rbc790-corner-DOM-Elemente statt SVG-Hintergrund,
   siehe rbc930-spinwheel-decor-script weiter unten) - dieser Pseudo-Element-
   Hintergrund wird für Spinwheel deshalb komplett abgeschaltet. */
#panel-spinwheel::after{
  display:none!important;
}

/* rbc-obs-fix (2026-07-05): im Admin-Tab (nicht-OBS) saß das Rad ~60px über
   der tatsächlichen Panel-Mitte, weil #panel-spinwheel dort ganz normal
   display:block ist (Inhalt einfach von oben nach unten gestapelt) statt
   die verfügbare Höhe vertikal zu zentrieren. .rbc600-active im Selektor
   nötig, um die spezifischere Sichtbarkeits-Allowlist-Regel zu schlagen. */
body.rbc600-tab-spinwheel #panel-spinwheel,
body.rbc600-tab-spinwheel #panel-spinwheel.rbc600-active{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Abschluss: Podest + MVP-Karten größer, volle Breite nutzen */
#panel-mvp #podest,
#panel-mvp .mvp-row{
  max-width:none!important;
  width:100%!important;
  zoom:1.28;
}
#panel-mvp .mvpc{
  height:210px!important;
}
#panel-mvp .mvpc-av{
  width:74px!important;
  height:74px!important;
}
#panel-mvp .sec{
  font-size:15px!important;
  letter-spacing:.12em!important;
}

/* ==== Block 101/140 - urspruenglich gamenight.html Zeile 49984: <style id="rbc784-combined-tabelle-style"> ==== */
/* Abschluss-Tab-Button ausblenden */
.tabs > button:nth-child(7){ display:none!important; }

/* ─── Hintergrund für kombiniertes Layout: v664-Foto direkt (wie Grafik-Tab) ─
   rbc782 setzt auf beiden Panels nur einen CSS-Gradienten – kein v664-Foto.
   Für den kombinierten Tabelle-Tab wird das Foto direkt als background gesetzt,
   genau wie bei #panel-graphic in rbc782. Kein Filter auf dem Panel selbst
   (würde den Inhalt der inneren Karten abdunkeln), stattdessen Overlay-Gradient.
   ─────────────────────────────────────────────────────────────────────── */
body.rbc600-clean-tabs.rbc600-tab-results #panel-mvp,
body.rbc600-clean-tabs.rbc600-tab-results #panel-results{
  background:
    linear-gradient(90deg, rgba(32,8,30,.50), rgba(14,10,40,.40) 58%, rgba(10,18,42,.40)),
    url('/assets/luckyslot_outer_bg_user_v664.png') center center / cover no-repeat!important;
}

/* ─── Kombiniertes Layout: VERTIKAL gestapelt ────────────────────────── */
body.rbc600-clean-tabs.rbc600-tab-results .content{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  align-items:stretch!important;
}

/* #panel-mvp: oben, Höhe nach Inhalt */
body.rbc600-clean-tabs.rbc600-tab-results #panel-mvp{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  order:-1;
  min-height:0!important;
  border:none!important;
  border-radius:0!important;
  padding:18px 20px 0!important;
}

/* #panel-results: darunter */
body.rbc600-clean-tabs.rbc600-tab-results #panel-results{
  min-height:0!important;
  border:none!important;
  border-radius:0!important;
}

/* Außenecken: mvp oben (TL/TR), results unten (BL/BR) */
body.rbc600-tab-results #panel-mvp::after{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='46,4 4,4 4,46' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='4,4 46,4 46,46' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    none, none;
}
body.rbc600-tab-results #panel-results::after{
  background-image:
    none, none,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='46,46 4,46 4,4' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpolyline points='4,46 46,46 46,4' fill='none' stroke='%23fff0ff' stroke-opacity='.9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E");
}

/* ─── Innere Karte SPIELERABEND (Podest etc.) ─────────────────────────── */
.rbc784-mvp-card{
  border:1px solid rgba(255,58,162,.35);
  border-radius:16px;
  background:rgba(6,2,14,.82);
  box-shadow:0 0 32px rgba(0,0,0,.45), inset 0 0 28px rgba(255,58,162,.05);
  overflow:hidden;
  margin-bottom:20px;
}
body.rbc600-tab-results #panel-mvp #podest,
body.rbc600-tab-results #panel-mvp .mvp-row{
  zoom:1.18!important;
  max-width:none!important;
  width:100%!important;
}
body.rbc600-tab-results #panel-mvp .mvpc{
  height:200px!important;
  flex:1 1 0!important;
  min-width:0!important;
}
body.rbc600-tab-results .rbc784-mvp-card .sec{
  padding:0 24px;
  margin-top:14px!important;
}

/* ─── Innere Karte AKTUELLE TABELLE ──────────────────────────────────── */
body.rbc600-tab-results #rbc616ResultsShell{
  border:1px solid rgba(255,58,162,.35)!important;
  border-radius:16px!important;
  background:rgba(6,2,14,.82)!important;
  box-shadow:0 0 32px rgba(0,0,0,.45), inset 0 0 28px rgba(255,58,162,.05)!important;
  overflow:hidden!important;
  padding-top:0!important;
}

/* Gemeinsame Kopfzeile (SPIELERABEND + AKTUELLE TABELLE) */
.rbc784-inner-head{
  padding:13px 24px 11px;
  border-bottom:1px solid rgba(255,58,162,.22);
  background:linear-gradient(90deg, rgba(255,58,162,.12), transparent 60%);
}
.rbc784-inner-title{
  color:#ff3aa2;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:22px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(255,58,162,.55);
  line-height:1;
}
.rbc784-inner-sub{
  margin-top:5px;
  color:rgba(245,240,255,.50);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
}

/* ─── Tabellen-Schriften größer ──────────────────────────────────────── */
body.rbc600-tab-results .rbc616-rank th{
  font-size:12px!important;
}
body.rbc600-tab-results .rbc616-rank td{
  font-size:14px!important;
  padding:10px!important;
}
body.rbc600-tab-results .rbc616-title{
  font-size:20px!important;
  letter-spacing:2.5px!important;
}
body.rbc600-tab-results .rbc616-player span{
  font-size:13px!important;
}
body.rbc600-tab-results .rbc616-win,
body.rbc600-tab-results .rbc616-loss{
  font-size:14px!important;
}
body.rbc600-tab-results .rbc616-grid{
  grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)!important;
}

/* ==== Block 102/140 - urspruenglich gamenight.html Zeile 50249: <style id="rbc785-safe-clean-style"> ==== */
body.rbc785-clean-active #panel-luckyslot .rbc646-version-pill,
body.rbc785-clean-active #panel-luckyslot .rbc638-debug-pill,
body.rbc785-clean-active #panel-luckyslot .rbc-luckyslot-debug-pill,
body.rbc785-clean-active #panel-luckyslot .rbc-matchomat-debug-pill,
body.rbc785-clean-active #panel-luckyslot [data-rbc-matchomat-pill],
body.rbc785-clean-active #panel-luckyslot [data-rbc-luckyslot-pill],
body.rbc785-clean-active #panel-luckyslot [id^="rbc7"][id$="ActiveBadge"],
body.rbc785-clean-active #panel-luckyslot #rbc779ActiveBadge,
body.rbc785-clean-active #panel-luckyslot #rbc780ActiveBadge{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#rbc785CleanTools .rbc785-note{
  margin-top:7px;
  color:rgba(245,240,255,.56);
  font-size:9px;
  line-height:1.35;
}
#rbc785CleanTools .rbc785-status{
  margin-top:8px;
  min-height:16px;
  color:#4cff88;
  font-size:9px;
  letter-spacing:.6px;
}
#rbc785CleanTools button[data-rbc785-action="full-reset"]{
  border-color:rgba(76,255,136,.55)!important;
  color:#4cff88!important;
  box-shadow:0 0 12px rgba(76,255,136,.16)!important;
}

/* ==== Block 103/140 - urspruenglich gamenight.html Zeile 50541: <style id="rbc786-fixes-style"> ==== */
/* Fix 1a: panel-mvp bleibt versteckt wenn Luckyslot aktiv ist.
   rbc784 erzwingt panel-mvp sichtbar via body.rbc600-tab-results –
   mit rbc638-slot-active hat diese Regel gleiche Spezifizität (1,2,1)
   aber spätere Position → gewinnt. */
body.rbc638-slot-active.rbc600-clean-tabs #panel-mvp,
body.rbc638-slot-active.rbc600-clean-tabs.rbc600-tab-results #panel-mvp{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Fix 1b: .content zurück auf Block-Layout wenn Luckyslot aktiv
   (rbc784 setzt .content auf flex-column via rbc600-tab-results) */
body.rbc638-slot-active.rbc600-clean-tabs .content{
  display:block!important;
  flex-direction:initial!important;
}

/* Fix 2: Grafik-Reiter – Links/Rechts nebeneinander statt gestapelt */
#rbc600GraphicInner{
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;
  grid-template-rows:1fr!important;
  gap:20px 24px!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:stretch!important;
  padding:32px 56px 40px 68px!important;
}
.rbc600-left{
  max-width:none!important;
  width:100%!important;
  justify-self:stretch!important;
}
.rbc600-right{
  max-width:none!important;
  width:100%!important;
  justify-self:stretch!important;
}
@media (max-width:1500px){
  #rbc600GraphicInner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;
    grid-template-rows:1fr!important;
    gap:16px 18px!important;
    padding:22px 36px 28px 48px!important;
  }
  .rbc600-left,.rbc600-right{
    max-width:none!important;
    width:100%!important;
  }
}

/* ==== Block 104/140 - urspruenglich gamenight.html Zeile 50622: <style id="rbc787-polish-style"> ==== */
/* === TABELLE: panel-mvp als echte Karte mit Rahmen === */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  position:relative!important;
  border:1px solid rgba(255,58,162,.35)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 0 32px rgba(0,0,0,.45),inset 0 0 28px rgba(255,58,162,.05)!important;
  margin:0 0 14px!important;
}
/* Ecken-SVG-Dekorations-Pseudoelement ausblenden (echter Rahmen hat Vorrang) */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp::after{
  display:none!important;
}

/* Header-Streifen für die Karte.
   Negative Margins kompensieren das panel-padding (18px/20px aus rbc784),
   sodass der Streifen bündig an die Kartenkanten reicht. */
.rbc787-spielerabend-head{
  margin:-18px -20px 18px;
  padding:13px 24px 11px;
  border-bottom:1px solid rgba(255,58,162,.22);
  background:linear-gradient(90deg,rgba(255,58,162,.16),rgba(255,58,162,.04) 60%);
  display:flex;
  align-items:baseline;
  gap:14px;
}
.rbc787-spielerabend-title{
  color:#ff3aa2;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:19px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(255,58,162,.55);
  line-height:1;
}
.rbc787-spielerabend-sub{
  color:#12d6ff;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  letter-spacing:2px;
  text-transform:uppercase;
}
/* Header nur in Tabelle-View sichtbar */
body:not(.rbc600-tab-results) .rbc787-spielerabend-head{
  display:none!important;
}

/* === GRAFIK: Header-Kontrollleiste ausblenden === */
#rbc600GraphicHeader{
  display:none!important;
}

/* === GRAFIK: Abstand oben zwischen Panel-Hintergrund und Rahmen === */
#panel-graphic.rbc600-active{
  padding-top:12px!important;
}
#rbc600GraphicCard{
  height:calc(100vh - 196px)!important;
  max-height:calc(100vh - 196px)!important;
}

/* === GRAFIK: GG 30px tiefer, mehr Luft links === */
#rbc600GraphicInner{
  padding:86px 64px 44px 92px!important;
}
.rbc600-left{
  justify-content:flex-end!important;
}

/* ==== Block 105/140 - urspruenglich gamenight.html Zeile 50704: <style id="rbc-graphic-standard-frame-style"> ==== */
/* WICHTIG: nur der Control-Tab (body OHNE rbc-obs-view-live) wird
   angeglichen - die OBS-Broadcast-Ansicht (body.rbc-obs-view-live, nutzt
   dieselbe #panel-graphic-DOM) behaelt bewusst die GG-Synthwave-Szene. */
/* 1 - GG-Szenen-Hintergrund weg, Standard-Panel-Hintergrund durchscheinen lassen */
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicCard{
  background:transparent!important;
  box-shadow:none!important;
  border-color:rgba(255,58,162,.20)!important;
  border-radius:16px!important;
}
/* rbc-graphic-frame-align (2026-07-13): #panel-graphic hatte bisher eigenes
   Padding (18px 20px), IN DEM die Card nochmal mit eigenem Padding sass -
   macht den sichtbaren Rahmen (die Card-Border) gegenueber Tabelle/Abschluss/
   Spinwheel/Battlefield (Rahmen direkt auf dem Panel, ohne diese doppelte
   Polsterung) sichtbar weiter innen. Card-Hoehe ist rein Viewport-basiert
   (calc(100vh - Npx)), haengt NICHT vom Panel-Padding ab - Panel-Padding auf 0
   ist daher unkritisch und laesst die Card buendig an den Panel-Rand bluten. */
body:not(.rbc-obs-view-live) #panel-graphic,
body:not(.rbc-obs-view-live) #panel-graphic.rbc600-active{
  padding:0!important;
}
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicStage{
  background:transparent!important;
}
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicStage::before,
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicStage::after,
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicStage .rbc600-glut{
  display:none!important;
}
/* 2 - Standard-Panel-Header wieder einblenden + Stil wie die anderen Reiter */
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicHeader{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  /* rbc-graphic-frame-align (2026-07-13): Header bisher mit margin:0 0 12px
     innerhalb der Card-Polsterung (#rbc600GraphicCard padding:10px 12px 12px)
     platziert - dadurch blieb ringsum eine sichtbare Luecke zum Card-Rahmen
     (siehe Screenshot-Vergleich: bei Tabelle/Spinwheel/Battlefield sitzt der
     Header buendig am Rahmen). Negative Margins gleich der Card-Polsterung
     lassen den Header bis an den Card-Rand bluten, exakt wie .rbc-bf-head
     bei Battlefield an den Panel-Rand blutet. */
  margin:-10px -12px 12px -12px!important;
  padding:11px 20px!important;
  border:none!important;
  border-bottom:1px solid rgba(255,58,162,.22)!important;
  /* rbc-header-unify (2026-07-14): flacher Pink-Tint wie .rbc-bf-head
     (Battlefield) / .rbc900-spin-head (Glücksrad) statt transparent, damit
     der Kopfbalken auf allen Reitern identisch aussieht. */
  background:rgba(255,58,162,.06)!important;
  border-radius:16px 16px 0 0;
}
#panel-graphic #rbc600GraphicHeader h2{
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-weight:400!important;
  font-size:19px!important;
  letter-spacing:3px!important;
  color:#ff3aa2!important;
  text-shadow:0 0 14px rgba(255,58,162,.55);
  margin:0!important;
}
/* rbc-graphic-header-cleanup (2026-07-13): "Grafik aktualisieren"-Button auf
   Nutzerwunsch entfernt - Panel aktualisiert sich ohnehin automatisch ueber
   renderGraphic() bei jeder Datenaenderung. */
#panel-graphic #rbc600RefreshGraphic{
  display:none!important;
}
#panel-graphic #rbc600GraphicHeader .sub{
  color:#12d6ff!important;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35)!important;
  font-family:var(--mono,'Share Tech Mono',monospace)!important;
  font-size:10.5px!important;
  letter-spacing:2px!important;
  text-transform:uppercase;
}
/* rbc-graphic-title-row-fix (2026-07-13): Titel+Sub standen bisher
   untereinander, weil die umschliessende .rbc600-graphic-titles-Div (ein
   Block-Element) h2 + .sub (beides ebenfalls Block-Level) einfach stapelte.
   Fix: dieser Wrapper wird selbst zur Baseline-Flex-Zeile, exakt wie beim
   Glücksrad-Standard (Titel links, Sub-Text direkt daneben). */
#panel-graphic #rbc600GraphicHeader .rbc600-graphic-titles{
  display:flex!important;
  align-items:baseline!important;
  gap:14px!important;
}

/* ==== Block 106/140 - urspruenglich gamenight.html Zeile 50826: <style id="rbc788-grafik-layout-style"> ==== */

/* 1 — Pseudo-Text "Grafik-Ansicht stabilisiert..." ausblenden */
#panel-graphic::before{
  content:''!important;
}

/* 2 — GG bündig mit den anderen Texten (war margin-left:-26px) */
.rbc600-gg{
  margin-left:0!important;
}

/* 3 — Spieler des Abends: vertikal (Avatar oben, Name, Meta, 4 Kacheln) */
.rbc600-top{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:0!important;
}
/* Avatar: zentriert, leicht kleiner für vertikales Layout */
.rbc600-avatar{
  width:112px!important;
  height:112px!important;
  margin:0 auto 14px!important;
  display:block!important;
  flex-shrink:0!important;
}
/* Innerer Div (Name + Meta + Stats): volle Breite, zentriert
   rbc942 (2026-07-07): :not(.rbc600-avatar) ergänzt - der Avatar ist
   ebenfalls ein direktes div-Kind von .rbc600-top und wurde durch
   width:100% zur Ellipse gestreckt (469x112px statt 112x112px Kreis). */
.rbc600-top > div:not(.rbc600-avatar){
  width:100%!important;
  text-align:center!important;
}
.rbc600-name{
  text-align:center!important;
}
.rbc600-meta{
  text-align:center!important;
}
/* Stats-Kacheln: etwas mehr Abstand nach oben */
.rbc600-stats{
  margin-top:14px!important;
}

/* 4 — Logo: weiter diagonal nach innen (war right:16/top:14, dann 36/30)
   rbc932 (2026-07-06): auf Wunsch jetzt exakt Tabelle-Position (right:72/
   top:100, siehe body.rbc600-tab-results .rbc790-logo). */
.rbc600-logo{
  right:72px!important;
  /* rbc-graphic-logo (2026-07-11): 15px hoeher (80->65) auf Nutzerwunsch. */
  top:65px!important;
}

/* 5 — Leerer Ersatzavatar in Award-Kacheln: dunkler Hintergrund mit sichtbarem "?" */
.rbc600-award .empty{
  background:rgba(6,2,14,.90)!important;
  color:rgba(255,140,210,.80)!important;
}

/* 6 — Rechte Spalte: padding-top reset (wird von Media-Query überschrieben) */
.rbc600-right{
  padding-top:0!important;
}

/* 7 — Score-Karte: das feste margin-top:214px + eine 100vh-Formel fuer
   max-height war fuer die alte ~9-Zeilen-Tabelle (max-height:560px)
   kalibriert und passt nicht mehr zur jetzt festen 604px/10-Zeilen-Tabelle
   (rbc-graphicfit) - erst recht nicht auf einem kleineren 2. Monitor.
   .rbc600-right zentriert sein Kind (.rbc600-score) bereits selbst per
   justify-content:center, ein zusaetzlicher fixer Versatz ist unnoetig und
   frisst genau den Platz, der fuer die Tabelle fehlt. overflow-y:auto statt
   overflow:hidden faengt den Rest-Fall ab (sehr kleines Fenster), in dem
   Titel+Notiz+Tabelle+Awards trotzdem nicht komplett reinpassen, statt sie
   stillschweigend abzuschneiden. */
.rbc600-score{
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:relative!important;
}
/* Score-Card Kinder: Header/Note bleiben fest, Tabelle wächst, Awards bleiben unten */
.rbc600-score > h3,
.rbc600-score > .rbc600-note{
  flex-shrink:0!important;
}

/* 8 — Tabelle: wächst dynamisch mit Spielerzahl, scrollt wenn nötig */
.rbc600-table{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:100px!important;
  max-height:none!important;
  overflow-y:auto!important;
}

/* 9 — Awards: aus dem absoluten Flow heraus, immer unterhalb der Tabelle */
.rbc600-awards{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin-top:14px!important;
  flex-shrink:0!important;
}


/* ==== Block 107/140 - urspruenglich gamenight.html Zeile 50941: <style id="rbc789-grafik-readability-style"> ==== */

/* 1 — Score-Karte: max-height war eine Viewport-Formel (430px bei 1080p),
   die kleiner ist als die jetzt feste 604px-Tabelle (10 Zeilen, siehe
   rbc-graphicfit weiter unten) - passt also schon bei 1080p nicht, geschweige
   denn auf einem kleineren 2. Monitor. max-height:100% nimmt stattdessen
   genau das, was die Flex-Eltern (.rbc600-right, height:100%) tatsaechlich
   zur Verfuegung stellt - bei jeder Aufloesung korrekt. overflow-y:auto
   (siehe rbc786-fixes-style) faengt den seltenen Rest-Fall ab, in dem selbst
   das nicht reicht, statt Inhalte stillschweigend abzuschneiden. */
.rbc600-score{
  max-height:100%!important;
}

/* 2 — Tabelle: deutlich größere Schrift und Avatare für bessere Lesbarkeit
   rbc925 (2026-07-06): das war die tatsächlich GEWINNENDE Regel für diese
   Selektoren (später im Dokument als alle früheren Versuche, gleiche
   Spezifität) - frühere Erhöhungsversuche weiter oben in der Datei liefen
   deshalb ins Leere. Werte hier direkt weiter angehoben. */
.rbc600-cell{
  min-height:56px!important;
  max-height:56px!important;
  font-size:22px!important;
}
/* Header-Zeile kompakter (compound-Selektor schlägt .rbc600-cell via höhere Spezifität) */
.rbc600-head.rbc600-cell{
  min-height:44px!important;
  max-height:44px!important;
  font-size:15px!important;
}
.rbc600-tiny{
  width:44px!important;
  height:44px!important;
}
.rbc600-player span{
  font-size:22px!important;
}
.rbc600-rank{
  font-size:24px!important;
}

/* 3 — Award-Kachel-Titel: gleiche Schrift und Farbe wie Überschriften (h3 = #ff8ed7 / Russo One) */
.rbc600-awtitle{
  color:#ff8ed7!important;
  font-family:'Russo One',sans-serif!important;
  font-size:14px!important;
  letter-spacing:3px!important;
}

/* 4 — Sieger-Panel: "SPIELER DES ABENDS" Label als erste Zeile im Rahmen.
   rbc960-title-mix (2026-07-16): Label ist jetzt ein ECHTES Element
   (.rbc600-top-label, siehe rbc600-Render-Template) statt ::before-content,
   damit "SPIELER"/"ABENDS" und "DES" unterschiedlich eingefaerbt werden
   koennen (per Span, .rbc-hl-pink/.rbc-hl-blue). Das ::before bleibt als
   totes, leeres Pseudo-Element stehen (spart Aufraeumen der 3 verstreuten
   Override-Regeln), rendert aber nichts mehr. */
.rbc600-top::before{
  content:''!important;
}
.rbc600-top::before,
.rbc600-top-label{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-family:'Russo One',sans-serif!important;
  font-size:10px!important;
  letter-spacing:4px!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
  flex-shrink:0!important;
}

/* 5 — Ersatz-Avatar in Award-Kacheln: dunkler Kreis mit Büsten-Silhouette und weißem ?
   SVG: Kopf-Kreis (cy=14,r=9) + Schulter-Ellipse (cy=40,rx=18,ry=16), beide weiß/15% */
.rbc600-award .empty{
  background-color:rgba(6,2,14,.92)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle cx='27' cy='14' r='9' fill='%23ffffff' opacity='0.18'/%3E%3Cellipse cx='27' cy='40' rx='18' ry='16' fill='%23ffffff' opacity='0.18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  color:#ffffff!important;
  font-family:'Russo One',sans-serif!important;
  font-size:13px!important;
  font-weight:bold!important;
}

/* rbc942 (2026-07-07): großer "Spieler des Abends"-Avatar oben links soll bei
   fehlendem Spieler dieselbe Büsten-Silhouette wie die Award-Kacheln zeigen
   (statt des bisherigen pinken Rahmens mit gelbem ?), plus feste 112x112px
   Kreisgröße - unabhängig von .rbc600-top > div:not(.rbc600-avatar) oben. */
.rbc600-avatar.empty{
  width:112px!important;
  height:112px!important;
  border-radius:50%!important;
  border:3px solid rgba(255,58,162,.72)!important;
  background-color:rgba(6,2,14,.92)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle cx='27' cy='14' r='9' fill='%23ffffff' opacity='0.18'/%3E%3Cellipse cx='27' cy='40' rx='18' ry='16' fill='%23ffffff' opacity='0.18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  color:#ffffff!important;
  font-family:'Russo One',sans-serif!important;
  font-size:24px!important;
  font-weight:bold!important;
}


/* ==== Block 108/140 - urspruenglich gamenight.html Zeile 51049: <style id="rbc790-polish-style"> ==== */

/* ════════════════ GRAFIK ════════════════ */

/* "SPIELER DES ABENDS" als prominente Überschrift (schlägt rbc789-Regel via späterer Position).
   rbc960-title-mix: color/text-shadow jetzt auf den Woert-Spans (siehe
   rbc-neon-mix-headings-style), nicht mehr hier auf dem Wrapper. */
.rbc600-top::before,
.rbc600-top-label{
  font-size:20px!important;
  letter-spacing:6px!important;
  margin-bottom:16px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(255,58,162,.30)!important;
}
/* rbc-graphic-heading-tone (2026-07-13): "SPIELEABEND TABELLE" (.rbc600-score h3)
   ebenfalls auf denselben GRAFIK-Ton - stand vorher auf #ff8ed7 (siehe
   rbc600-cleanbase-phase1-style weiter oben). Diese Regel steht später im
   Dokument und gewinnt bei gleicher Spezifität. */
.rbc600-score h3{
  color:#ff3aa2!important;
  text-shadow:0 0 14px rgba(255,58,162,.55)!important;
}

/* Linke Spalte: allgemein größer und lesbarer */
.rbc600-left::before{
  font-size:15px!important;
  letter-spacing:7px!important;
}
.rbc600-thanks{
  font-size:50px!important;
}
.rbc600-season{
  font-size:16px!important;
  letter-spacing:4.5px!important;
}
.rbc600-name{
  font-size:39px!important;
}
.rbc600-meta{
  font-size:16px!important;
  letter-spacing:2.5px!important;
}
/* rbc925 (2026-07-06): auch hier - gewinnende Regel, weiter angehoben. */
.rbc600-stat b{
  font-size:35px!important;
}

/* Ersatz-Avatar: Kreis mit gleichem Rahmen wie echte Avatare */
.rbc600-award .empty{
  border-radius:50%!important;
  border:2px solid rgba(255,58,162,.45)!important;
  overflow:hidden!important;
}

/* ════════════════ TABELLE ════════════════ */

/* ── Einheitlicher Rahmen: panel-mvp oben + panel-results unten bilden EINEN Frame ── */

/* panel-mvp sichtbar halten wenn Tabelle-Tab aktiv */
body.rbc600-tab-results #panel-mvp{
  display:block!important;
}
/* panel-mvp: nur obere Ecken rund, kein unterer Rand, kein Abstand nach unten */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  border-radius:16px 16px 0 0!important;
  border-bottom:none!important;
  margin-bottom:0!important;
  overflow:hidden!important;
}
/* panel-results: kein eigener Rahmen — nur linker/rechter/unterer Rand + untere Ecken */
body.rbc600-tab-results #panel-results{
  position:relative!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  border-left:1px solid rgba(255,58,162,.38)!important;
  border-right:1px solid rgba(255,58,162,.38)!important;
  border-bottom:1px solid rgba(255,58,162,.38)!important;
  border-bottom-left-radius:16px!important;
  border-bottom-right-radius:16px!important;
  overflow:hidden!important;
  padding-bottom:28px!important;
}

/* Rangliste-Karte ausblenden (doppelt zu Grafik-Tab) */
body.rbc600-tab-results #panel-results .rbc616-card:first-child{
  display:none!important;
}
/* H2H nimmt volle Grid-Breite */
body.rbc600-tab-results #panel-results .rbc616-grid{
  grid-template-columns:1fr!important;
}
/* Letzte-Spiele-Historie ausblenden */
body.rbc600-tab-results #panel-results .rbc616-history{
  display:none!important;
}

/* H2H Avatare = 58px (identisch mit Glücksrad-Kacheln) */
body.rbc600-tab-results #panel-results .rbc616-av{
  width:58px!important;
  height:58px!important;
}
body.rbc600-tab-results #panel-results .rbc616-col .rbc616-av{
  width:58px!important;
  height:58px!important;
}
/* Spalten-Template: 220px Zeilenheader + flexible Spielerspalten ≥ 100px
   (überschreibt inline style="grid-template-columns:172px repeat(N, ...)" via !important) */
body.rbc600-tab-results #panel-results .rbc616-h2h{
  grid-template-columns:220px repeat(auto-fit,minmax(100px,1fr))!important;
}
body.rbc600-tab-results #panel-results .rbc616-h2h > div{
  min-height:86px!important;
  padding:10px 12px!important;
}
body.rbc600-tab-results #panel-results .rbc616-nm{
  font-size:12px!important;
}
body.rbc600-tab-results #panel-results .rbc616-col .rbc616-nm{
  font-size:10px!important;
  max-width:110px!important;
}
body.rbc600-tab-results #panel-results .rbc616-score{
  font-size:20px!important;
}
body.rbc600-tab-results #panel-results .rbc616-title{
  font-size:18px!important;
  letter-spacing:3px!important;
}

/* Ecken: analog zu Grafik-Tab (.rbc600-corner) */
.rbc790-corner{
  position:absolute!important;
  width:48px!important;
  height:48px!important;
  z-index:20!important;
  border-color:#ff8ed7!important;
  filter:drop-shadow(0 0 10px rgba(255,79,189,.72))!important;
  opacity:.92!important;
  pointer-events:none!important;
}
.rbc790-c1{left:28px!important;top:28px!important;border-left:4px solid!important;border-top:4px solid!important;}
.rbc790-c2{right:28px!important;top:28px!important;border-right:4px solid!important;border-top:4px solid!important;}
.rbc790-c3{left:28px!important;bottom:28px!important;border-left:4px solid!important;border-bottom:4px solid!important;}
.rbc790-c4{right:28px!important;bottom:28px!important;border-right:4px solid!important;border-bottom:4px solid!important;}

/* Logo oben rechts */
.rbc790-logo{
  position:absolute!important;
  right:72px!important;
  top:40px!important;
  width:260px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  text-align:right!important;
  gap:4px!important;
  opacity:.90!important;
  z-index:15!important;
  pointer-events:none!important;
}
.rbc790-logo img{
  display:block!important;
  width:100%!important;
  max-width:260px!important;
  max-height:56px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:right center!important;
  filter:drop-shadow(0 0 16px rgba(255,58,162,.58)) drop-shadow(0 0 32px rgba(255,58,162,.22))!important;
}
.rbc790-logo .sub{
  display:block!important;
  font-size:8px!important;
  letter-spacing:4px!important;
  color:rgba(245,240,255,.60)!important;
  text-transform:uppercase!important;
}


/* ==== Block 109/140 - urspruenglich gamenight.html Zeile 51333: <style id="rbc930-spinwheel-decor-style"> ==== */
/* Gleiche Endwerte wie Tabelle (body.rbc600-tab-results .rbc790-c1/-c2/-c3/
   -c4/-logo weiter unten in der Datei) - hier nur für Spinwheel gespiegelt. */
body.rbc600-tab-spinwheel .rbc790-c1{top:80px!important;left:50px!important;}
body.rbc600-tab-spinwheel .rbc790-c2{top:80px!important;right:50px!important;}
body.rbc600-tab-spinwheel .rbc790-c3{bottom:50px!important;left:50px!important;}
body.rbc600-tab-spinwheel .rbc790-c4{bottom:50px!important;right:50px!important;}
body.rbc600-tab-spinwheel .rbc790-logo{top:100px!important;}

/* ==== Block 110/140 - urspruenglich gamenight.html Zeile 51375: <style id="rbc932-luckyslot-logo-style"> ==== */
/* rbc-matchomat-logo-corner-restore (2026-07-14): Logo wieder ZWEIZEILIG
   (Schriftzug oben, Sub-Zeile darunter) oben rechts ins Eck, direkt unter
   die obere rechte Eck-Klammer rbc672-c2 (die bei top:80px/right:50px sitzt,
   identisch zu .rbc790-c2 der anderen Reiter). Werte 1:1 von .rbc790-logo
   (Glücksrad/Tabelle/Battlefield) uebernommen -> optische Parität. Die frueher
   befuerchtete Ueberlappung mit dem Cabinet-Bild greift hier nicht: das Logo
   sitzt in der dunklen Eck-Zone ausserhalb des zentrierten Bildes und liegt
   per z-index:15 ohnehin darueber. */
#panel-luckyslot .rbc672-logo{
  position:absolute!important;
  right:72px!important;
  top:100px!important;
  width:260px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  text-align:right!important;
  gap:4px!important;
  opacity:.90!important;
  z-index:15!important;
  pointer-events:none!important;
}
#panel-luckyslot .rbc672-logo img{
  display:block!important;
  width:100%!important;
  max-width:260px!important;
  max-height:56px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:right center!important;
  filter:drop-shadow(0 0 16px rgba(255,58,162,.58)) drop-shadow(0 0 32px rgba(255,58,162,.22))!important;
}
#panel-luckyslot .rbc672-logo .sub{
  display:block!important;
  font-size:8px!important;
  letter-spacing:4px!important;
  color:rgba(245,240,255,.60)!important;
  text-transform:uppercase!important;
}

/* ==== Block 111/140 - urspruenglich gamenight.html Zeile 51418: <style id="rbc793-h2h-restore-style"> ==== */
/* v793 – Tabelle/H2H Restore
   Holt den Reiter Tabelle zurück auf die klassische Rangliste + Head-to-Head Matrix.
   Kein Eingriff in Grafik-Reiter, Match-O-Mat, Turnierlogik oder Spielwertung. */
#panel-results #rbc793ResultsShell{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:32px!important;
  align-items:start!important;
  width:100%!important;
}
#panel-results #rbc793ResultsShell .rbc793-card{
  min-width:0!important;
}
#panel-results #rbc793ResultsShell .rbc793-scroll{
  overflow:auto!important;
  max-width:100%!important;
}
#panel-results #rbc793ResultsShell .stbl,
#panel-results #rbc793ResultsShell .mtx{
  width:100%;
}
#panel-results #rbc793ResultsShell .mtx{
  border-collapse:collapse!important;
  font-size:11px!important;
  background:rgba(5,2,12,.42)!important;
}
#panel-results #rbc793ResultsShell .mtx th,
#panel-results #rbc793ResultsShell .mtx td{
  padding:7px 11px!important;
  text-align:center!important;
  border:1px solid rgba(255,255,255,0.055)!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
#panel-results #rbc793ResultsShell .mtx th{
  color:var(--muted)!important;
  font-size:9px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  background:rgba(255,58,162,.045)!important;
}
#panel-results #rbc793ResultsShell .mtx .rl{
  text-align:left!important;
  color:var(--text)!important;
  font-family:var(--head)!important;
  font-size:10px!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#panel-results #rbc793ResultsShell .mtx .wc{background:rgba(76,255,136,.11)!important;color:var(--green)!important;font-family:var(--head)!important;}
#panel-results #rbc793ResultsShell .mtx .lc{background:rgba(255,80,100,.07)!important;color:rgba(255,80,100,.80)!important;font-family:var(--head)!important;}
#panel-results #rbc793ResultsShell .mtx .sc{background:rgba(255,255,255,.025)!important;color:var(--muted)!important;}
#panel-results #rbc793ResultsShell .mtx .ec{color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.012)!important;}
@media(max-width:1250px){
  #panel-results #rbc793ResultsShell{grid-template-columns:1fr!important;}
}

/* ==== Block 112/140 - urspruenglich gamenight.html Zeile 51645: <style id="rbc794-style"> ==== */

/* panel-results komplett ausblenden */
body.rbc600-tab-results #panel-results{display:none!important;}

/* panel-mvp: vollständiger Rahmen (hebt rbc790 auf) */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  border-radius:16px!important;
  border-bottom:1px solid rgba(255,58,162,.38)!important;
  overflow:hidden!important;
}

/* H2H Sektion innerhalb panel-mvp */
#rbc794-h2h{
  border-top:1px solid rgba(255,58,162,.18);
  margin-top:14px;
  padding:20px 20px 80px;
  overflow-x:auto;
}
.rbc794-title{
  font-family:'Russo One',sans-serif;font-size:12px;
  letter-spacing:4px;color:#ff8ed7;text-align:center;
  margin-bottom:18px;text-shadow:0 0 14px rgba(255,140,210,.40);
}
.rbc794-grid{display:grid;gap:3px;min-width:max-content;}
.rbc794-corner{
  display:flex;align-items:center;justify-content:center;
  font-family:'Russo One',sans-serif;font-size:13px;
  letter-spacing:2px;color:rgba(255,142,215,.38);
}
.rbc794-corner .rbc-vs-s{color:rgba(142,225,255,.55);}
/* Spalten-Header */
.rbc794-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;text-align:center;}
.rbc794-col .rbc794-nm{
  font-family:'Russo One',sans-serif;font-size:9px;letter-spacing:.5px;
  color:#ffb3e2;max-width:80px;word-break:break-word;line-height:1.2;
}
/* Zeilen-Header */
.rbc794-row{display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 12px 6px 4px;}
.rbc794-row .rbc794-nm{
  font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:.5px;
  color:rgba(245,240,255,.90);line-height:1.3;
}
/* 58px Avatare */
.rbc794-av{
  width:58px;height:58px;flex-shrink:0;
  border-radius:50%;border:2px solid rgba(255,58,162,.45);
  object-fit:cover;display:block;
  background:rgba(6,2,14,.92)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Ccircle cx='29' cy='16' r='10' fill='%23fff' opacity='.18'/%3E%3Cellipse cx='29' cy='44' rx='20' ry='18' fill='%23fff' opacity='.18'/%3E%3C/svg%3E")
    no-repeat center/contain;
}
img.rbc794-av{background-image:none;}
img.rbc794-av.err{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Ccircle cx='29' cy='16' r='10' fill='%23fff' opacity='.18'/%3E%3Cellipse cx='29' cy='44' rx='20' ry='18' fill='%23fff' opacity='.18'/%3E%3C/svg%3E");
}
/* Score-Zellen */
.rbc794-cell{
  display:flex;align-items:center;justify-content:center;
  min-height:80px;border-radius:8px;
  font-family:'Russo One',sans-serif;font-size:20px;letter-spacing:1px;
}
.rbc794-cell.self{color:rgba(255,255,255,.12);background:rgba(255,255,255,.02);}
.rbc794-cell.none{color:rgba(255,255,255,.20);font-size:26px;}
.rbc794-cell.win{color:#4cff88;background:rgba(76,255,136,.08);border:1px solid rgba(76,255,136,.22);text-shadow:0 0 12px rgba(76,255,136,.55);}
.rbc794-cell.loss{color:#ff6fc0;background:rgba(255,111,192,.08);border:1px solid rgba(255,111,192,.22);text-shadow:0 0 12px rgba(255,111,192,.45);}
.rbc794-cell.draw{color:rgba(245,240,255,.55);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);}


/* ==== Block 113/140 - urspruenglich gamenight.html Zeile 51943: <style id="rbc795-style"> ==== */

/* ══ EXTRA HINTERGRUND ══ */

/* panel-results nuklear verstecken (verhindert jede Rest-Sichtbarkeit) */
body.rbc600-tab-results #panel-results{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:0!important;height:0!important;
  overflow:hidden!important;
}

/* Nicht benötigte panel-mvp Sektionen im Tabelle-Tab ausblenden
   (Spieler des Abends, Alle Spiele, Trennlinie → schaffen unnötige dunkle Fläche) */
body.rbc600-tab-results #panel-mvp #mvpRow,
body.rbc600-tab-results #panel-mvp #slog,
body.rbc600-tab-results #panel-mvp .divider,
body.rbc600-tab-results #panel-mvp .slog{
  display:none!important;
}

/* ══ H2H KREUZLINIEN ══ */

/* Grid-Hintergrund = Linienfarbe; gap=1px → 1px rosa Linien zwischen allen Zellen */
.rbc794-grid{
  background:rgba(255,58,162,.16)!important;
  gap:1px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
/* Alle Zellen und Header bekommen solide dunkle Hintergrundfarbe
   → die Lücken (gap) zeigen den rosa Grid-Hintergrund = Kreuzlinien */
.rbc794-corner,
.rbc794-col,
.rbc794-row{
  background:rgba(8,3,18,.90)!important;
}
.rbc794-cell.self{background:rgba(8,3,18,.95)!important;}
.rbc794-cell.none{background:rgba(8,3,18,.88)!important;}
.rbc794-cell.win {background:rgba(76,255,136,.10)!important;border:none!important;}
.rbc794-cell.loss{background:rgba(255,111,192,.10)!important;border:none!important;}
.rbc794-cell.draw{background:rgba(255,255,255,.06)!important;border:none!important;}

/* Padding-bottom auf sinnvolles Maß reduzieren */
#rbc794-h2h{padding-bottom:32px!important;}

/* ══ SPIELEABEND TABELLE SCROLLBAR (ab ~10 Spieler) ══ */

/* Grid auf maximal ~6 sichtbare Zeilen begrenzen, dann scrollen */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  /* 6 Datenzeilen × 48px + Header ~36px ≈ 325px */
  max-height:324px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
/* Header-Zeilen sticky damit sie beim Scrollen sichtbar bleiben */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  position:sticky!important;
  top:0!important;
  background:rgba(10,4,24,.97)!important;
  z-index:5!important;
}
/* Dezente rosa Scrollbar */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar{
  width:3px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-thumb{
  background:rgba(255,58,162,.40)!important;border-radius:2px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-track{
  background:transparent!important;
}


/* ==== Block 114/140 - urspruenglich gamenight.html Zeile 52022: <style id="rbc796-style"> ==== */

/* ══ OBEN-LINKS ECKE: Header-Gradient dämpfen ══
   .rbc787-spielerabend-head hat margin:-18px -20px und
   background:linear-gradient(links rosa) → leuchtet hinter c1-Eckwinkel durch */
body.rbc600-tab-results .rbc787-spielerabend-head{
  background:rgba(255,58,162,.06)!important;
}

/* Alle sonstigen Panels in Tabelle-Ansicht sicher verstecken */
body.rbc600-tab-results .panel:not(#panel-mvp){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* ══ KREUZLINIEN: weniger Shimmer ══ */

/* Grid-Hintergrund (= Linienfarbe) dezenter */
.rbc794-grid{
  background:rgba(255,58,162,.10)!important;
  gap:1px!important;
}
/* Zellen vollständig opak damit KEIN Hintergrund durchscheint */
.rbc794-corner,
.rbc794-col,
.rbc794-row{
  background:rgb(6,2,14)!important;
}
.rbc794-cell{background:rgb(6,2,14)!important;}
.rbc794-cell.self{background:rgb(5,2,12)!important;}
.rbc794-cell.none{background:rgb(6,2,14)!important;color:rgba(255,255,255,.18)!important;}
.rbc794-cell.win {background:rgba(76,255,136,.11)!important;border:none!important;}
.rbc794-cell.loss{background:rgba(255,111,192,.11)!important;border:none!important;}
.rbc794-cell.draw{background:rgba(255,255,255,.07)!important;border:none!important;}

/* Auch H2H-Sektion selbst absichern gegen Durchscheinen */
#rbc794-h2h{
  background:rgb(6,2,14)!important;
}

/* ══ H2H SCROLLBAR (vertikal ab ~5 Zeilen) ══ */
#rbc794-h2h{
  max-height:380px!important;
  overflow-y:auto!important;
  overflow-x:auto!important;
}
/* .rbc794-title sticky damit er beim Scrollen oben bleibt */
.rbc794-title{
  position:sticky!important;
  top:0!important;
  background:rgb(6,2,14)!important;
  z-index:5!important;
  padding-top:4px!important;
  padding-bottom:8px!important;
  margin-bottom:10px!important;
}
/* Dezente Scrollbar passend zum Design */
#rbc794-h2h::-webkit-scrollbar{width:3px!important;height:3px!important;}
#rbc794-h2h::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
#rbc794-h2h::-webkit-scrollbar-track{background:transparent!important;}

/* ══ H2H Zeilen-Header: Breite an neues 170px-Template anpassen ══ */
.rbc794-row{
  min-width:0!important;
  overflow:hidden!important;
}
.rbc794-row .rbc794-nm{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  max-width:80px!important;
}

/* ════════════════════════════════════════════════════════════════════
   rbc797 – Podest entfernen, rbc270 lesbare Schrift, H2H 2-Grid fix
   ════════════════════════════════════════════════════════════════════ */

/* ══ PODEST aus Tabelle-Tab entfernen ══ */
body.rbc600-tab-results #panel-mvp #podest{display:none!important;}
body.rbc600-tab-results #panel-mvp>.sec{display:none!important;}

/* ══ SPIELEABEND TABELLE: größere, besser lesbare Schrift ══ */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid>div{
  font-size:15px!important;
  min-height:52px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  font-size:11px!important;
  min-height:36px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-rank{
  font-size:22px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player img{
  width:40px!important;
  height:40px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player span{
  font-size:14px!important;
}

/* ══ H2H: neues 2-Grid Layout (Header fixiert + Daten scrollbar) ══ */

/* Äußerer Container – horizontaler Scroll für Header UND Body gemeinsam */
.rbc794-outer{overflow-x:auto;overflow-y:visible;}
.rbc794-outer::-webkit-scrollbar{height:3px!important;}
.rbc794-outer::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
.rbc794-outer::-webkit-scrollbar-track{background:transparent!important;}

/* Fixierter Spalten-Header */
.rbc794-hdr{
  display:grid;
  gap:1px;
  background:rgba(255,58,162,.10);
  border-radius:8px 8px 0 0;
  overflow:hidden;
}
.rbc794-hdr .rbc794-corner,
.rbc794-hdr .rbc794-col{background:rgb(6,2,14)!important;}

/* Daten-Zeilen: vertikal scrollbar */
.rbc794-rows{
  max-height:330px;
  overflow-y:auto;
  overflow-x:clip;
}
.rbc794-rows::-webkit-scrollbar{width:3px!important;}
.rbc794-rows::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
.rbc794-rows::-webkit-scrollbar-track{background:transparent!important;}

/* Daten-Grid: untere Ecken abrunden, obere Ecken flach */
.rbc794-grid{border-radius:0 0 8px 8px!important;overflow:hidden!important;}

/* #rbc794-h2h: kein eigenes max-height/overflow mehr */
#rbc794-h2h{
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:20px!important;
}

/* Titel: kein sticky nötig, liegt jetzt außerhalb des Scroll-Containers */
.rbc794-title{position:static!important;}

/* ════════════════════════════════════════════════════════════════════
   rbc798 – Inhalt von Ecken freistellen + Schriften vergrößert
   Ecken: position 28px + Größe 48px → safe-zone ab 76px vom Panelrand
   ════════════════════════════════════════════════════════════════════ */

/* ══ Top-Ecken: Panel-Inhalt 32px nach unten drücken ══ */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  padding-top:32px!important;
}
/* Spielerabend-Heading darf trotzdem bis Oberkante reichen */
body.rbc600-tab-results .rbc787-spielerabend-head{
  margin:-32px 0 18px!important;
}

/* ══ H2H: 88px seitlich + unten → clears 76px Eckbereich ══ */
#rbc794-h2h{
  padding-left:88px!important;
  padding-right:88px!important;
  padding-bottom:88px!important;
}

/* ══ SPIELEABEND TABELLE: max-width + Zentrierung ══ */
body.rbc600-tab-results #rbc-final-table-270{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:24px!important;
}

/* ══ SPIELEABEND TABELLE: Schrift größer (override rbc797) ══ */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid>div{
  font-size:17px!important;
  min-height:58px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-rank{
  font-size:25px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player img{
  width:46px!important;
  height:46px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player span{
  font-size:16px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  font-size:11px!important;
  min-height:34px!important;
}

/* ══ H2H Spalten-Header: Spielernamen lesbarer ══ */
.rbc794-col .rbc794-nm{
  font-size:11px!important;
  max-width:100px!important;
}

/* ══ H2H Zeilen-Header: Spielernamen lesbarer ══ */
.rbc794-row .rbc794-nm{
  font-size:14px!important;
  max-width:120px!important;
}

/* ══ H2H Score-Zellen: etwas größer ══ */
.rbc794-cell{
  font-size:22px!important;
  letter-spacing:2px!important;
}

/* ════════════════════════════════════════════════════════════════════
   rbc799 – +30px runter · untere Ecken -20px · Schrift ×1.2 · H2H -100px
   ════════════════════════════════════════════════════════════════════ */

/* ══ Alles 30px tiefer (32→62) ══ */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  padding-top:62px!important;
}
body.rbc600-tab-results .rbc787-spielerabend-head{
  margin:-62px 0 18px!important;
}

/* ══ Alle 4 Ecken: 50px Abstand zur Panelkante (statt rbc790's 28px) ══ */
body.rbc600-tab-results .rbc790-c1{top:50px!important;left:50px!important;}
body.rbc600-tab-results .rbc790-c2{top:50px!important;right:50px!important;}
body.rbc600-tab-results .rbc790-c3{bottom:50px!important;left:50px!important;}
body.rbc600-tab-results .rbc790-c4{bottom:50px!important;right:50px!important;}

/* ══ Panel: unten 81px freihalten (war 106px, auf Nutzerwunsch 25px
   verkleinert - Ecken/Hintergrund ruecken naeher an die Tabelle, deren
   eigene Groesse/Hoehe davon unberuehrt bleibt) ══ */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  padding-bottom:81px!important;
}

/* ══ H2H: 100px schmaler (+50px Padding je Seite, 88→138) ══ */
#rbc794-h2h{
  padding-left:138px!important;
  padding-right:138px!important;
}

/* ══ SPIELEABEND TABELLE: ×1.2 Schrift (17→20, 25→30, 46→54, 16→19) ══ */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid>div{
  font-size:20px!important;
  min-height:64px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-rank{
  font-size:30px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player img{
  width:54px!important;
  height:54px!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-player span{
  font-size:19px!important;
}

/* ══ H2H: ×1.2 Schrift (11→13, 14→17, 22→26) ══ */
.rbc794-col .rbc794-nm{font-size:13px!important;}
.rbc794-row .rbc794-nm{font-size:17px!important;}
.rbc794-cell{font-size:26px!important;}

/* ════════════════════════════════════════════════════════════════════
   rbc800 – Ecken+Logo tiefer · H2H-Breite · Scroll Tabelle+H2H
   ════════════════════════════════════════════════════════════════════ */

/* ══ c1+c2 und Logo: 50→80px vom Panelrand ══ */
body.rbc600-tab-results .rbc790-c1{top:80px!important;}
body.rbc600-tab-results .rbc790-c2{top:80px!important;}
body.rbc600-tab-results .rbc790-logo{top:100px!important;}

/* ══ H2H: exakt 50px schmäler als Innenabstand der unteren Ecken
   Ecken: left/right:50px + 48px Breite = 98px Innenrand
   Innenabstand = panel_w − 196px
   H2H soll panel_w − 246px breit sein → padding je Seite = 123px ══ */
#rbc794-h2h{
  padding-left:123px!important;
  padding-right:123px!important;
}

/* ══ SPIELEABEND TABELLE: Scroll ab ~10 Spielern ══ */
/* Grid-max-height aufheben (war 324px → zu hoch, kein Scroll bei 13 Sp.) */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  max-height:none!important;
  overflow:visible!important;
}
/* outer section als Scroll-Container: 285px → Scrolleinsatz ab 10 Spielern */
body.rbc600-tab-results #rbc-final-table-270{
  max-height:285px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar{width:3px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-track{background:transparent!important;}
/* h3-Titel sticky damit er beim Scrollen sichtbar bleibt */
body.rbc600-tab-results #rbc-final-table-270 h3{
  position:sticky!important;
  top:0!important;
  background:rgba(10,4,24,.97)!important;
  z-index:10!important;
  padding-bottom:6px!important;
  margin-bottom:10px!important;
}
/* Header-Cells sticky unter h3 */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  position:sticky!important;
  top:36px!important;
  background:rgba(10,4,24,.97)!important;
  z-index:5!important;
}

/* ══ H2H Datenzeilen: max-height reduzieren → Scrolleinsatz ab 4 Spielern ══ */
.rbc794-rows{max-height:280px!important;}

/* ════════════════════════════════════════════════════════════════════
   rbc801 – Scroll fix (Tabelle + H2H), H2H 100px schmäler
   ════════════════════════════════════════════════════════════════════ */

/* ══ SPIELEABEND TABELLE: Scroll auf Grid statt outer section ══ */
/* outer section scroll deaktivieren (rbc800 override) */
body.rbc600-tab-results #rbc-final-table-270{
  max-height:none!important;
  overflow:visible!important;
}
/* h3 kein sticky nötig – liegt außerhalb des Scroll-Containers */
body.rbc600-tab-results #rbc-final-table-270 h3{
  position:static!important;
  margin-bottom:8px!important;
}
/* Grid als Scroll-Container: 160px → ~7-8 Zeilen sichtbar, Rest scrollbar */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  max-height:160px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar{width:3px!important;}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-track{background:transparent!important;}
/* Header-Cells sticky am oberen Rand des Grid-Scroll-Containers */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  position:sticky!important;
  top:0!important;
  background:rgba(10,4,24,.97)!important;
  z-index:5!important;
}

/* ══ H2H Zeilen: 150px → Scrolleinsatz ab 4 Spielern ══ */
.rbc794-rows{max-height:150px!important;}

/* ══ H2H: 100px schmäler gesamt (50px je Seite zusätzlich) ══ */
#rbc794-h2h{
  padding-left:173px!important;
  padding-right:173px!important;
}

/* ════════════════════════════════════════════════════════════════════
   rbc802 – JS-Wrapper Scroll (TABELLE); H2H weiters 100px schmäler
   ════════════════════════════════════════════════════════════════════ */

/* Grid-eigene max-height aufheben → JS-Wrapper übernimmt Scroll */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  max-height:none!important;
  overflow:visible!important;
}
/* h3 Position sichern */
body.rbc600-tab-results #rbc-final-table-270 h3{
  position:static!important;
}

/* H2H: weitere 50px je Seite schmäler (gesamt nochmals -100px) */
#rbc794-h2h{
  padding-left:223px!important;
  padding-right:223px!important;
}

/* ════════════════════════════════════════════════════════════════════
   rbc803 – Section als definitiver Scroll-Container + JS setInterval
   Diagnose: Zeilen sind ~18px, 13 Zeilen = ~234px, h3 ~20px,
   margins/padding ~28px → Gesamtinhalt ~282px.
   max-height:220px < 282px → Scroll ✓
   ════════════════════════════════════════════════════════════════════ */

/* Section Scroll-Container – gewinnt über rbc801 max-height:none
   (gleicher Selector, später im File → höhere Kaskaden-Priorität) */
body.rbc600-tab-results #rbc-final-table-270{
  max-height:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar{width:3px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-track{background:transparent!important;}
/* h3 sticky am Anfang des sichtbaren Bereichs */
body.rbc600-tab-results #rbc-final-table-270 h3{
  position:sticky!important;
  top:0!important;
  background:rgba(10,4,24,.97)!important;
  z-index:10!important;
  padding-top:4px!important;
}
/* Spaltenkopf-Zellen sticky direkt unter h3 (~26px) */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  position:sticky!important;
  top:26px!important;
  background:rgba(10,4,24,.97)!important;
  z-index:5!important;
}


/* ==== Block 115/140 - urspruenglich gamenight.html Zeile 52494: <style id="rbc804-style"> ==== */

/* ── SPIELEABEND TABELLE: Section ist Scroll-Container ── */
/* Grid selbst: keine Höhe/Overflow-Beschränkung */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  max-height:none!important;
  overflow:visible!important;
}
/* h3 sticky am oberen Rand des Section-Viewports */
body.rbc600-tab-results #rbc-final-table-270 h3{
  position:sticky!important;
  top:0!important;
  z-index:10!important;
  background:rgba(10,4,24,.97)!important;
  padding-bottom:4px!important;
  margin-bottom:8px!important;
}
/* Scrollbar für Section */
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar{width:3px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results #rbc-final-table-270::-webkit-scrollbar-track{background:transparent!important;}

/* ── HEAD TO HEAD ── */
/* Äußerer Wrapper: horizontaler Scroll */
body.rbc600-tab-results .rbc794-outer{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar{height:3px!important;}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar-track{background:transparent!important;}
/* Spalten-Header: Eigenbreite = Grid-Breite, nicht durch Outer begrenzt */
body.rbc600-tab-results .rbc794-hdr{
  min-width:max-content!important;
}
/* Datenzeilen-Wrapper: vertikaler Scroll + Eigenbreite = Grid-Breite */
body.rbc600-tab-results .rbc794-rows{
  min-width:max-content!important;
  max-height:150px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;   /* horizontal scrollt der outer */
}
body.rbc600-tab-results .rbc794-rows::-webkit-scrollbar{width:3px!important;}
body.rbc600-tab-results .rbc794-rows::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}
body.rbc600-tab-results .rbc794-rows::-webkit-scrollbar-track{background:transparent!important;}
/* Grid-Ebene: visuell (border-radius) – overflow:hidden bleibt, kein Scroll hier */
body.rbc600-tab-results .rbc794-grid{
  overflow:hidden!important;
}


/* ==== Block 116/140 - urspruenglich gamenight.html Zeile 52620: <style id="rbc-obs-view-style"> ==== */
/* ---- Grundfläche: randlos, keine Browser-Scrollbars ---- */
body.rbc-obs-view{
  overflow:hidden!important;
  min-height:0!important;
}
/* Zoom-Bühne 1:1 auf den OBS-Canvas legen (2560x1440 etc.) */
body.rbc-obs-view #rbc441ZoomStage{
  zoom:1!important;
  transform:none!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
}

/* ---- Admin-Chrome ausblenden (nur im OBS-Modus) ---- */
body.rbc-obs-view .header,
body.rbc-obs-view .tabs,
body.rbc-obs-view .mode-toggle,
body.rbc-obs-view .rbc441-zoom-panel,
body.rbc-obs-view #rbc441ZoomPanel,
body.rbc-obs-view #rbc-free-tools-266,
body.rbc-obs-view #rbc538EveningResetBtn,
body.rbc-obs-view #rbc738EditorToggle,
body.rbc-obs-view #rbc757PreviewToggle,
body.rbc-obs-view #rbc717LayoutEditor,
body.rbc-obs-view #rbcMonitorProfileBar,
body.rbc-obs-view .toast{
  display:none!important;
}
/* Layout-Link liegt als #panel-luckyslot .rbc717-layout-link mit !important vor
   -> hier bewusst höher spezifiziert (mit ID), damit das Ausblenden greift. */
body.rbc-obs-view #panel-luckyslot .rbc717-layout-link{
  display:none!important;
}

/* ---- Content füllt die komplette OBS-Fläche ---- */
body.rbc-obs-view .content{
  padding:0!important;
  margin:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  overflow:hidden!important;
}

/* ---- Nur der aktive Reiter ist sichtbar (verhindert Doppel-DOM) ---- */
body.rbc-obs-view .panel{ display:none!important; }
body.rbc-obs-view .panel.active{ display:block!important; }

/* ============================================================
   view=live  ->  vorhandener Grafik-Renderer (#rbc512GraphicPanel,
   body.rbc512-graphic-mode). Kopfzeile/Refresh raus, Grafik füllt Fläche.
   #rbc512GraphicPanel ist KEIN .panel -> wird oben nicht versteckt.
   rbc512-Grafik ist seit rbc-graphic-renderer-retire STILLGELEGT
   (grafik-renderer-rbc600-only-Memo) - #rbc512GraphicPanel bleibt dauerhaft
   display:none, dieser Block hier greift daher nie mehr. Absichtlich als
   totes Legacy stehen gelassen (kein Schaden), echte Regel fuer den
   tatsaechlich aktiven rbc600-Renderer direkt darunter.
   ============================================================ */
body.rbc-obs-view-live #rbc512GraphicPanel{
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
}
body.rbc-obs-view-live .rbc512-graphic-head{ display:none!important; }
body.rbc-obs-view-live .rbc558-graphic-head{ display:none!important; }
body.rbc-obs-view-live .rbc512-graphic-shell{
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.rbc-obs-view-live .rbc512-graphic-viewport{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/* rbc-obs-graphic-fullbleed (2026-07-16): #panel-graphic (rbc600, der
   tatsaechlich aktive Renderer) hatte bisher KEINE OBS-Fuellregel - die
   Panel-Box blieb auf ihre natuerliche Content-Hoehe begrenzt (die
   Grafik-Karte kann per recalcGraphicFit KLEINER als die Canvas werden,
   siehe rbc-graphic-fit-script). Ohne min-height:100vh blieb dadurch ein
   Leerraum zwischen Karte und echter Canvas-Kante stehen, und die untere
   Eck-Dekoration (.rbc790-c3/-c4, an der Panel-Unterkante verankert) rutschte
   weit nach oben statt am Canvas-Rand zu sitzen (live gemessen: 210px Abstand
   statt der ueblichen ~50px). recalcGraphicFit misst die verfuegbare Hoehe
   unabhaengig ueber rbc600GraphicInner/.rbc600-left - min-height hier
   beeinflusst diese Messung nicht. */
body.rbc-obs-view-live #panel-graphic{
  box-sizing:border-box!important;
  min-height:100vh!important;
}

/* ============================================================
   view=table  ->  Reiter "Tabelle". #panel-results ist LEGACY/tot (siehe
   tabelle-reiter-panel-mvp-Memo) - der tatsaechlich sichtbare Tab-Inhalt ist
   #panel-mvp (rbc512FinalTable + rbc794-h2h). Die #panel-results-Regel hier
   griff dadurch seit dem MVP-Umbau nie mehr - auf #panel-mvp umgezogen
   (2026-07-16), damit box-sizing/min-height im OBS-Output tatsaechlich
   wirken. H2H NICHT reparieren/umbauen. Bei Bedarf nur interner Scroll.
   ============================================================ */
body.rbc-obs-view-table .content{ overflow:auto!important; }
/* rbc600-clean-tabs.rbc600-tab-results #panel-mvp erzwingt an anderer Stelle
   min-height:0!important (Admin-Ansicht: Panel soll NICHT unnoetig hoch sein) -
   gleiche Spezifitaet (2 Klassen + 1 ID) wie eine einfache
   body.rbc-obs-view-table-Regel, daher hier auf 3 Klassen gehoben, damit die
   OBS-Fuellung zuverlaessig gewinnt (sonst blieb im OBS-Output ein groBer
   leerer Bereich zwischen dem unteren Ecken-Rahmen und der echten Canvas-
   Kante stehen, weil #panel-mvp nur content-hoch blieb). */
/* rbc-obs-table-flexshrink-fix (2026-07-18): #panel-mvp ist Flex-Kind von
   ".content" (display:flex;flex-direction:column, siehe rbc600-clean-tabs.
   rbc600-tab-results-Regel), default flex-shrink:1 - sobald ".content" im
   OBS-Kontext auf feste height:100vh gepinnt ist (siehe weiter oben), presst
   Flexbox #panel-mvp bei vielen Spielern (Tabelle+H2H > 100vh) exakt auf
   100vh zusammen (gleich dem min-height-Floor), noch BEVOR rbc-fit-results-
   script seine eigene transform:scale()-Verkleinerung anhand von
   mvp.scrollHeight berechnet. Die Folge: die schon auf 100vh
   zusammengepresste Box wird durch den Scale-Faktor ein ZWEITES Mal
   verkleinert (z.B. 0.70x), das Panel fuellt dadurch nur noch ~70% der
   Canvas-Hoehe - der untere Ecken-Rahmen floatet weit ueber der echten
   Canvas-Kante statt daran zu sitzen (User-Report: Tabelle-View faellt
   die Flaeche nicht wie Spinwheel). Fix: flex-shrink:0 verhindert das
   Flex-Zusammenpressen, #panel-mvp behaelt seine echte Content-Hoehe
   (scrollHeight) bis das Fit-Script sie korrekt auf die verfuegbare Hoehe
   skaliert - danach fuellt die skalierte Box die Canvas wieder komplett. */
body.rbc-obs-view.rbc-obs-view-table.rbc600-tab-results #panel-mvp{
  box-sizing:border-box!important;
  min-height:100vh!important;
  flex-shrink:0!important;
}

/* ============================================================
   view=luckyslot  ->  Reiter Glücksrad/Match-O-Mat (#panel-luckyslot).
   Slot-/Match-O-Mat-Logik + Bedienknöpfe (Spin/Refresh) bleiben aktiv.
   Keine Layout-/localStorage-Werte anfassen.
   ============================================================ */
body.rbc-obs-view-luckyslot .content{ overflow:auto!important; }
body.rbc-obs-view-luckyslot #panel-luckyslot{
  box-sizing:border-box!important;
  min-height:100vh!important;
  width:100%!important;
}
/* rbc-obs-momat-fill (2026-07-21): Kopf-Groesse (19px->32px) und Asset-Fit
   (breiten- statt hoehenbegrenzt) sind jetzt in den Basisregeln (rbc753
   apply() + #panel-luckyslot .rbc672-title, siehe dortige Kommentare) statt
   hier auf body.rbc-obs-view-luckyslot gescoped - OBS zeigt seit
   rbc-obs-gamenight-heartbeat (server.py) die rohe gamenight.html ohne
   ?view=, diese Klasse wird in Produktion nie gesetzt (siehe
   [[obs-lean-pages-confirmed-stable]]). */

/* ============================================================
   view=matches  ->  Reiter Spiele (#panel-matches): nur Match-Cards.
   Admin-Buttons (+ Neue Runde / Maps neu würfeln) ausblenden.
   ============================================================ */
body.rbc-obs-view-matches .content{ overflow:auto!important; }
body.rbc-obs-view-matches #panel-matches{
  box-sizing:border-box!important;
  min-height:100vh!important;
  padding:32px 40px!important;
}
/* rbc-obs-matches-clean (2026-07-19): Scrollen bleibt noetig (Runden wachsen
   ueber die Abendlaenge hinweg), aber der native Chromium-Scrollbalken sah
   auf Sendung wie eine unfertige Debug-Seite aus. */
body.rbc-obs-view-matches,
body.rbc-obs-view-matches .content{
  scrollbar-width:none!important;
}
body.rbc-obs-view-matches::-webkit-scrollbar,
body.rbc-obs-view-matches .content::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
body.rbc-obs-view-matches #panel-matches .btn-row{ display:none!important; }
/* Spielerpool/Ersatzbank ist ein Bedien-Tool (WÄHLEN-Buttons) -> im OBS raus */
body.rbc-obs-view-matches #rbc519-player-pool{ display:none!important; }
/* rbc-obs-matches-wrap (2026-07-20): .rbc519-round-grid ist im Admin-Tab
   bewusst eine horizontal scrollbare Zeile (overflow-x:auto) - in OBS gibt
   es aber keine Interaktion, ein Scrollbalken ist unerreichbar. Bei 4+
   Matches in einer Runde (640px-Karten, siehe weiter unten) lief dadurch
   das 4. Match seitlich aus der Canvas raus und war unsichtbar. Fix: in der
   OBS-Ansicht umbrechen statt scrollen - ueberzaehlige Karten rutschen in
   die naechste Zeile INNERHALB derselben Runde, bleiben also sichtbar
   (kostet dafuer mehr Hoehe - vertikales Ablaufen alter Runden nach unten
   ist ohnehin bereits akzeptierter Kompromiss, siehe Kommentar oben). */
body.rbc-obs-view-matches .rbc519-round-grid{
  flex-wrap:wrap!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  white-space:normal!important;
}

/* ============================================================
   view=spinwheel  ->  Reiter Spinwheel (#panel-spinwheel).
   Nur Rad + Ergebnis zeigen, Eingabefeld/Buttons sind Bedien-Tools -> im
   OBS raus. Rad selbst großzügig zentriert.
   ============================================================ */
body.rbc-obs-view-spinwheel .content{ overflow:hidden!important; }
/* rbc-obs-fix (2026-07-05): "body.rbc600-clean-tabs #panel-spinwheel.rbc600-active
   {display:block!important}" (Sichtbarkeits-Allowlist, weiter oben in der
   Datei) ist SPEZIFISCHER (1 ID + 2 Klassen) als die ursprüngliche Version
   dieser Regel (1 ID + 1 Klasse) und gewann daher immer -> display blieb
   "block" statt "flex", komplette Zentrierung wirkungslos. Selektor um
   .rbc600-active ergänzt, um mindestens gleichzuziehen (und diese Regel
   steht im Quellcode später -> gewinnt den Gleichstand). */
body.rbc-obs-view-spinwheel #panel-spinwheel,
body.rbc-obs-view-spinwheel #panel-spinwheel.rbc600-active{
  box-sizing:border-box!important;
  min-height:100vh!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
body.rbc-obs-view-spinwheel .rbc900-spin-controls{ display:none!important; }
body.rbc-obs-view-spinwheel .rbc900-spin-shell{
  justify-content:center!important;
  align-items:center!important;
}
/* rbc935-spinwheel-fillspace (2026-07-07): 760px liess bei 2560x1440 nur ~30%
   der Canvas-Breite fuer das Rad uebrig (User: "Platz kann besser genutzt
   werden"). Fester Cap auf 1040px angehoben, vh-Grenzen bleiben als Sicherheit
   fuer kleinere Aufloesungen bestehen. */
/* rbc-obs-spinwheel-fit (2026-07-16): der reine Zoom:1-Fix fuer OBS (siehe
   rbc_control_zoom.js) deckte auf, dass "calc(100vh - 260px)" bei Monitor 2
   (1920x1200) nicht reichte - Kopf+Rad+Gewinner-Spacer (rbc900-winner-spacer,
   fix 270px, siehe gluecksrad-winner-space-reservation-Memo) brauchten
   zusammen ~1331px, der untere Eck-Rahmen rutschte dadurch ~80px unter die
   sichtbare Canvas-Kante (von .content overflow:hidden abgeschnitten).
   Reserve von 260 auf 391px angehoben (Rad schrumpft dadurch bei 1200vh von
   940 auf 809px) - bei Monitor 1 (2560x1440) bleibt der feste 1040px-Cap
   weiterhin bindend (100vh-391=1049 > 1040), also unveraendert. */
body.rbc-obs-view-spinwheel .rbc900-wheel-wrap{ width:min(1040px, 85vh, calc(100vh - 391px))!important; }
body.rbc-obs-view-spinwheel .rbc900-winner{ min-height:118px!important; top:calc(100% + 18px + 50px)!important; width:min(1180px, calc(100vw - 160px))!important; padding:25px 38px 27px!important; }
body.rbc-obs-view-spinwheel .rbc900-winner-label{ font-size:15px!important; }
body.rbc-obs-view-spinwheel .rbc900-winner-name{ font-size:66px!important; }

/* ============================================================
   view=battlefield  ->  Reiter Battlefield (#panel-battlefield): aktuelles
   Matchup + Map/H2H. rbc949-Vote-Bedienknöpfe (Start/Stop, Admin-Tool)
   ausblenden, Live-Tally-Balken (rbc949VoteBar, fuer Stream-Zuschauer
   gedacht) bleibt sichtbar.
   ============================================================ */
body.rbc-obs-view-battlefield .content{ overflow:auto!important; }
body.rbc-obs-view-battlefield #panel-battlefield{
  box-sizing:border-box!important;
  min-height:100vh!important;
  padding:32px 40px!important;
}
body.rbc-obs-view-battlefield #rbc949VoteControls{ display:none!important; }
body.rbc-obs-view-spinwheel .rbc900-spin-title{ font-size:34px!important; letter-spacing:5px!important; }
body.rbc-obs-view-spinwheel .rbc900-spin-sub{ font-size:13px!important; }

/* rbc-obs-fix v3 (2026-07-03): Avatar/Map-Bild in Match-O-Mat-Walzen 50%
   größer – GILT JETZT FÜR ADMIN UND OBS GLEICHERMASSEN (User-Wunsch).
   Vorherige Version (v2) setzte feste px-Werte NUR für OBS. Problem dabei
   erkannt: .rbc638-item skaliert über sx/sy (Design-Pixel -> reale Pixel je
   nach Fenster-/Zoom-Größe) automatisch mit, ABER feste px-Werte für Avatar/
   Text taten das NICHT – bei größerem Fenster wurde das Walzenfenster größer,
   der Avatar blieb aber bei fixen 95px/72px stehen und wirkte dadurch immer
   kleiner relativ zur Umgebung, je größer das Fenster war.
   Fix: Avatar/Kartenbild in % relativ zur Walzenbreite (skaliert daher IMMER
   proportional mit, exakt wie die Walzenposition selbst). Live bei 900/1150/
   1920/2560px Fensterbreite getestet – Name+ELO-Zeile bleiben in JEDEM Fall
   sichtbar (kein Flexbox-Squeeze wie bei der vorherigen 95px/108px-Version). */
#panel-luckyslot .rbc638-reel-window > .rbc638-item,
#panel-luckyslot .rbc644-reel-cell .rbc638-item{
  padding:5% 6% 3%!important;
}
#panel-luckyslot .rbc638-item{
  gap:1.5%!important;
}
#panel-luckyslot .rbc638-avatar{
  width:74%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin-bottom:1.5%!important;
}
/* .rbc638-mapimg (ECHTES Kartenscreenshot, sobald geladen) ist die
   tatsächlich sichtbare Karten-Grafik – .rbc638-mapicon ist nur der
   Platzhalter bis das Bild lädt/bei Fehler. Seitenverhältnis 104:76 (Original)
   beibehalten, Breite relativ wie beim Avatar. */
#panel-luckyslot .rbc638-mapimg{
  width:80%!important;
  height:auto!important;
  aspect-ratio:104/76!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin-bottom:1.5%!important;
}
#panel-luckyslot .rbc638-mapicon{
  width:78%!important;
  height:auto!important;
  aspect-ratio:82/72!important;
  min-width:0!important;
  min-height:0!important;
}

/* rbc-obs-fix v4 (2026-07-03): #rbc638Payout ist display:none, dadurch
   rutschte #rbc638Spin im .rbc638-bottom-Grid von Spalte 4 (1fr, echte
   Breite) auf Spalte 3 (0px) -> Start-Klickzone war an der sichtbaren
   Position tatsächlich 0px breit. Fix: alle 4 Grid-Kinder explizit an
   ihre Spalte pinnen, unabhängig vom DOM-Fluss. Danach: Blink-Glow auf
   Start, angelehnt an den roten Drehhebel-Kugel-Glow. Gilt für Admin +
   OBS gleichermaßen. */
#panel-luckyslot .rbc638-status{ grid-column:1!important; }
#panel-luckyslot #rbc638Refresh{ grid-column:2!important; }
#panel-luckyslot #rbc638Payout{ grid-column:3!important; }
#panel-luckyslot #rbc638Spin{ grid-column:4!important; position:relative!important; }

#panel-luckyslot #rbc638Spin::after{
  content:""!important;
  position:absolute!important;
  inset:6% 4%!important;
  border-radius:14px!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 38%, rgba(255,212,212,.55) 0%, rgba(255,77,77,.40) 45%, rgba(158,16,31,.12) 100%)!important;
  animation:rbc638StartBlink 1.15s ease-in-out infinite!important;
}
@keyframes rbc638StartBlink{
  0%,100%{ opacity:.28; box-shadow:0 0 10px rgba(255,58,90,.32), inset 0 0 8px rgba(255,255,255,.14); }
  50%{ opacity:.95; box-shadow:0 0 32px rgba(255,58,90,.75), inset 0 0 18px rgba(255,255,255,.32); }
}

/* ==== Block 117/140 - urspruenglich gamenight.html Zeile 53280: <style id="rbc806-style"> ==== */

/* SPIELEABEND TABELLE: absolute Höhe – Inhalt kann die Section nicht aufblasen */
body.rbc600-tab-results #rbc-final-table-270{
  height:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

/* H2H: äußerer Container scrollt horizontal */
body.rbc600-tab-results .rbc794-outer{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar{height:3px!important;}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar-thumb{background:rgba(255,58,162,.40)!important;border-radius:2px!important;}


/* ==== Block 118/140 - urspruenglich gamenight.html Zeile 53345: <style id="rbc807-style"> ==== */

/* ── SPIELEABEND TABELLE: Flex-Approach ─────────────────────── */
body.rbc600-tab-results #rbc-final-table-270{
  display:flex!important;
  flex-direction:column!important;
  max-height:220px!important;
  overflow:hidden!important;
}
body.rbc600-tab-results #rbc-final-table-270 h3{
  flex:0 0 auto!important;
  position:static!important;
}
/* min-height:0 erlaubt Flex-Kind unter seinen natürlichen Inhalt zu schrumpfen */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar{width:4px!important;}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.55)!important;border-radius:2px!important;}
/* Spaltenköpfe sticky im scrollenden Grid (top:0 weil h3 außerhalb des Grids) */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-head{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  background:rgba(10,4,24,.97)!important;
}

/* ── H2H: overflow:visible → outer erkennt Grid-Overflow ─── */
/* rbc797: .rbc794-hdr{overflow:hidden} → Overflow-Rect wird auf 870 px geklemmt */
body.rbc600-tab-results .rbc794-hdr{
  overflow:visible!important;
}


/* ==== Block 119/140 - urspruenglich gamenight.html Zeile 53423: <style id="rbc808-style"> ==== */

/* ── H2H: outer als einziger Scroll-Container (x + y) ─────── */
/* rbc-obs-fix (2026-07-03): erster Versuch (max-width:887px) war falsch
   verstanden – User wollte KEINE schmalere Box (die ließ dann Leerraum
   bis zum Kartenrand), sondern die volle Breite behalten und stattdessen
   die Zellen selbst kompakter (siehe zoom-Anpassung unten bei #rbc794-h2h).
   max-width daher entfernt, width:calc(100% - 100px) auf #rbc794-h2h
   bleibt die Autorität für die Breite.
   WICHTIG: .rbc794-outer liegt SELBST innerhalb des gezoomten #rbc794-h2h
   -> zoom skaliert nur die PHYSISCHE Darstellung, die CSS-Layout-Zahlen
   (getComputedStyle) bleiben in "lokalen" Einheiten unverändert. Header
   (123px) + 5×Zeile (80px) = 523px bleibt daher der richtige Wert für
   "5 Zeilen sichtbar", unabhängig vom zoom-Faktor – nur die Zeilen wirken
   durch den zoom jetzt physisch kleiner/kompakter. */
body.rbc600-tab-results .rbc794-outer{
  max-height:530px!important;
  overflow-y:auto!important;
  /* rbc-momat-h2h-line-fix (2026-07-22): overflow:auto setzte x UND y auf
     auto - die Spaltenbreiten werden per rbc806 (fr->px) exakt an die
     Container-Breite angepasst, ein horizontaler Scrollbalken ist daher nie
     wirklich noetig, aber Rundungsdifferenzen (Sub-Pixel) loesten ihn live
     trotzdem aus - sichtbar als duenne pinke Linie quer unter der Tabelle
     (User-Screenshot). overflow-x:hidden statt auto, kein Funktionsverlust
     (kein Inhalt wird dadurch abgeschnitten, die Breite passt exakt). */
  overflow-x:hidden!important;
}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar{height:6px!important;width:6px!important;}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
body.rbc600-tab-results .rbc794-outer::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}

/* hdr sticky am oberen Rand des outer-Scroll-Containers */
body.rbc600-tab-results .rbc794-hdr{
  overflow:visible!important;
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:rgba(10,4,24,.97)!important;
}

/* rows kein eigener Scroll – CSS-Seite (MutationObserver verstärkt inline) */
body.rbc600-tab-results .rbc794-rows{
  max-height:none!important;
  overflow:visible!important;
}

/* SPIELEABEND TABELLE: Scrollbalken auf .rbc270-grid (JS setzt max-height inline) */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar{width:5px!important;}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}


/* ==== Block 120/140 - urspruenglich gamenight.html Zeile 53545: <style id="rbc809-style"> ==== */
body.rbc600-tab-results #rbc-final-table-270 .rbc270-grid{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}

/* ==== Block 121/140 - urspruenglich gamenight.html Zeile 53779: <style id="rbc810-style"> ==== */

/* SPIELEABEND TABELLE (#rbc512FinalTable): Datenbereich scrollt vertikal.
   rbc-designaudit (2026-07-10): ein fester px-Wert hier war schon einmal
   veraltet, weil zwei spaetere +20%-Schriftgroessen-Erhoehungen (rbc925/926)
   die Zeilenhoehe aenderten, ohne dass dieser Wert nachgezogen wurde - die
   5. Zeile wurde dadurch mitten durchgeschnitten. Statt wieder eine neue
   feste Zahl zu raten: #rbc-results-table-fit-script (siehe Datei-Ende)
   berechnet die max-height jetzt LIVE aus der tatsaechlich verfuegbaren
   Bildschirmhoehe (window.innerHeight) und der gemessenen Kopf-/
   Zeilenhoehe, gerundet auf ganze Zeilen - passt sich dadurch automatisch
   an jede Bildschirmaufloesung an (mehr Platz = mehr sichtbare Zeilen ohne
   Scroll, weniger Platz = weniger Zeilen + Scroll fuer den Rest), statt bei
   der naechsten Design-Aenderung wieder zu veralten. max-height hier ist
   nur der Startwert vor dem ersten JS-Durchlauf. */
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-grid{
  max-height:492px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar{width:5px!important;}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}

/* Spaltenkopf sticky am oberen Rand des Scroll-Bereichs
   (Hintergrund deckend: Karten-Dunkel + Pink-Tint, sonst scheinen Zeilen durch) */
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#2e0c34!important;
}

/* ── SPIELEABEND TABELLE: größere Schrift (+20%) + 30px tiefer ───── */
body.rbc600-tab-results #rbc512FinalTable{
  margin-top:52px!important;   /* 22px Original + 30px */
  margin-bottom:8px!important; /* Abstand zur H2H verringern (war 26px) */
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-head{
  font-size:14px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-row{
  font-size:17px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-title{
  font-size:22px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-note{
  font-size:12px!important;
}
/* rbc926-graphic-again (2026-07-06): nochmal +20% auf die obigen, bereits
   einmal erhöhten Werte draufgesetzt. .rbc512-ft-rank/-ft-name haben eigene
   font-size-Regeln direkt am Element (Zeile ~22794/22817 weiter oben) - die
   gewinnen laut Vererbungsregeln IMMER gegen einen nur vom Elternelement
   (.rbc512-ft-row) geerbten Wert, egal wie !important dieser ist. Ohne
   diese beiden Zeilen hier wären Rang-Nummer und Spielername beim Skalieren
   der Tabelle unverändert klein geblieben. */
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-head{
  font-size:17px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-row{
  font-size:20px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-rank{
  font-size:19px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-name{
  font-size:14px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-title{
  font-size:26px!important;
}
body.rbc600-tab-results #rbc512FinalTable .rbc512-ft-note{
  font-size:14px!important;
}

/* ── HEAD TO HEAD: Breite – weniger Leerraum seitlich, aber klar vom
   Kartenrand weg (50px je Seite + 20px Panel-Padding = 70px zur Kante) ── */
/* rbc-namefix (2026-07-08 v2): erster Versuch (width:fit-content) hat sich
   als instabil erwiesen - render() maß h2hContainerW ueber sec.clientWidth,
   also die Breite von #rbc794-h2h SELBST, dessen Breite jetzt aber genau
   von diesem Wert abhing (fit-content) -> selbstreferenzieller Kreislauf,
   der die Box bei jedem Render-Zyklus weiter aufgeblasen hat ("waechst
   immer weiter"). Fix jetzt zweigeteilt:
   1) Hier nur noch max-width als Obergrenze (Rand -100px, wie vorher),
      KEIN width mehr per CSS - die tatsaechliche Breite setzt render()
      unten direkt per JS (sec.style.width), damit es nur eine einzige
      Quelle fuer die Breite gibt statt CSS und JS gegeneinander.
   2) render() misst jetzt mvp.clientWidth (das PANEL, nicht die H2H-Box
      selbst) als stabile, unabhaengige Referenz und laesst die Box ab
      Werk so breit wie die Tabelle oben sein, wächst dann mit Spieleranzahl
      bis zu genau dieser Grenze weiter. */
body.rbc600-tab-results #rbc794-h2h{
  max-width:calc(100% - 100px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Titel "HEAD TO HEAD" größer */
body.rbc600-tab-results .rbc794-title{
  font-size:20px!important;
  letter-spacing:6px!important;
}

/* Namen größer: Zeilen (links) deutlich, Spaltenköpfe (oben) moderat */
body.rbc600-tab-results .rbc794-row .rbc794-nm{
  font-size:14px!important;
}
body.rbc600-tab-results .rbc794-col .rbc794-nm{
  font-size:12px!important;
  max-width:86px!important;
}

/* Frei schwebende Notiz "Stream-Ende: …" ausblenden (ihre Bezugstabelle
   #rbc-final-table-270 ist im Tabelle-Tab unsichtbar → Text hing im Leeren) */
body.rbc600-tab-results .rbc468-end-note{
  display:none!important;
}

/* ── H2H: leere Innenränder abschneiden ──────────────────────────── */
/* rbc798 setzte 88px Innen-Padding (sollte die Eck-Marker freihalten);
   das Feld ist inzwischen 68px vom Panelrand eingerückt → Ecken (50px)
   liegen außerhalb, das große Padding ist nur noch toter Raum */
body.rbc600-tab-results #rbc794-h2h{
  padding-left:24px!important;
  padding-right:24px!important;
  padding-bottom:28px!important;
  /* näher an die Tabelle rücken (User-Feedback 2026-07-03: zoom:.65 machte
     die Avatare zu klein/schlecht lesbar. Statt über zoom alles pauschal
     zu schrumpfen: zoom nur noch leicht reduziert (Avatare bleiben groß
     und lesbar), die Gesamtbreite wird stattdessen über schmalere
     Spalten (colMin/nameW in applyH2HWidths, siehe rbc809-Skript weiter
     unten) begrenzt, damit sie nicht über die unteren Ecken c3/c4 der
     Karte hinausragt). */
  margin-top:0!important;
  padding-top:12px!important;
  zoom:.85;
}

/* ── GRAFIK-Reiter: Layout wieder in die Karte einpassen ─────────── */
/* Linke Spalte (Hero + Spieler des Abends + Podest ≈ 848px) war höher als
   der verfügbare Innenraum (~687px bei 1080p) → flex-end schob das Podest
   unten aus der Karte, alles überlappte.
   rbc-graphicfit (2026-07-09): das alte zoom:.9 hier hat die Mess-Mathematik
   von #rbc-graphic-fit-script verfaelscht (getComputedStyle liefert den
   UNGEZOOMTEN CSS-Padding-Wert zurueck, getBoundingClientRect() aber die
   GEZOOMTE Bildschirmgroesse - zwei verschiedene Koordinatenraeume wurden
   vermischt). zoom entfernt, das Script unten skaliert jetzt exakt anhand
   der tatsaechlich gemessenen Hoehe statt zusaetzlich pauschal auf 90% zu
   verkleinern. */
#rbc600GraphicInner{
  /* rbc-graphic-right-shift (2026-07-13): rechte Spalte (Spieleabend Tabelle)
     auf Wunsch weiter nach links geholt - padding-right 64->150px zieht die
     rechte, gestreckte Grid-Spalte um ~86px nach innen/links. padding-bottom
     (32px) bleibt unveraendert, damit die Mess-Mathematik im #rbc-graphic-fit-
     script (nutzt paddingBottom) nicht beruehrt wird. */
  padding:40px 150px 32px 92px!important;
}

/* Linke Spalte: "// MATCH BEENDET" beginnt 20px unter dem Eck-Winkel.
   rbc-graphicfit (2026-07-09): der feste zoom:.85 + margin-top:114px hier
   war fuer eine bestimmte Fenstergroesse/Spielerzahl gaengelt und reisst
   sofort wieder (Podest faellt unten aus der Karte), sobald der Inhalt
   hoeher oder das Fenster kleiner ist - siehe #rbc-graphic-fit-script weiter
   unten, das den Scale-Faktor jetzt aus der tatsaechlich gemessenen Hoehe
   berechnet statt eine geratene Konstante zu benutzen. */
.rbc600-left{
  justify-content:flex-start!important;
  min-height:0!important;
}

/* rbc-graphicfit (2026-07-09): Grid-"Blowout" gefunden und live verifiziert -
   Grid-Items bekommen ohne min-height:0 automatisch ein content-basiertes
   Mindesthoehe (min-height:auto), das die Container-Groesse IGNORIERT,
   solange overflow:visible ist. Dadurch wurde die ganze Grid-Zeile (und
   damit .rbc600-right, das 100% davon nimmt) auf die natuerliche Hoehe von
   .rbc600-left aufgeblasen (~986px), egal wie klein die Karte tatsaechlich
   war - Tabelle lief dadurch unabhaengig vom Scale-Fix der linken Spalte
   unten aus der Karte raus. min-height:0 auf beiden Spalten laesst die
   Grid-Zeile wieder strikt an der tatsaechlich verfuegbaren Hoehe messen. */
/* Rechte Spalte: Tabelle mittig starten, wachsen lassen, dann scrollen.
   rbc-graphicfit (2026-07-09): justify-content:center liess die Score-Karte
   je nach verfuegbarer Hoehe unterschiedlich weit oben starten - kollidierte
   dadurch auf kleineren Aufloesungen mit dem fix positionierten Logo oben
   rechts (.rbc600-logo, top:80px). flex-start + fester margin-top auf
   .rbc600-score (siehe unten) sorgt fuer eine stabile, immer freie Position
   unter dem Logo, unabhaengig von Fenstergroesse/Spielerzahl. */
.rbc600-right{
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
/* rbc-graphicfit (2026-07-09): fix statt max-height + flex-shrink:0, damit
   IMMER exakt 10 Spielerzeilen sichtbar bleiben (Kopfzeile 44px + 10 x 56px
   Datenzeile = 604px, siehe rbc789-grafik-readability-style weiter oben fuer
   die Zeilenhoehen) - unabhaengig von Bildschirmaufloesung/Fenstergroesse.
   Vorher war das ein reines max-height:560px (~9 Zeilen, nicht 10) und die
   Tabelle durfte sich als flex:1-1-auto-Kind zusaetzlich beliebig weiter
   verkleinern, wenn auf einem kleineren 2. Monitor weniger Platz da war -
   #rbc-graphic-fit-script weiter unten skaliert bei Platzmangel jetzt das
   GANZE #rbc600GraphicInner (beide Spalten zusammen) statt die Tabelle
   einzeln zu quetschen, damit trotzdem immer 10 Zeilen + Scroll fuer den
   Rest sichtbar bleiben. */
.rbc600-table{
  height:604px!important;
  max-height:604px!important;
  flex-shrink:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}
.rbc600-table::-webkit-scrollbar{width:5px!important;}
.rbc600-table::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
.rbc600-table::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}

/* Score-Karte: margin-top statt zentriert (siehe .rbc600-right oben) - 110px
   ist nur der statische Startwert vor dem ersten JS-Durchlauf (verhindert
   ein kurzes FOUC-Overlap mit dem Logo). #rbc-graphic-fit-script weiter
   unten ueberschreibt das danach laufend mit einem live aus der
   tatsaechlichen .rbc600-logo-Position berechneten Wert (per
   setProperty(...,'important'), gewinnt also gegen diesen Fallback) - passt
   sich dadurch auf JEDER Bildschirmaufloesung automatisch an, statt auf
   einen festen Wert angewiesen zu sein. margin-bottom:auto haelt die Karte
   oben, statt sie zu zentrieren. */
.rbc600-score{
  margin-top:110px!important;
  margin-bottom:auto!important;
}
/* rbc-graphicfit (2026-07-09): .rbc600-score bekam oben overflow-y:auto als
   Sicherheitsnetz, falls Titel+Tabelle+Awards auf einem kleinen 2. Monitor
   nicht komplett reinpassen - ohne eigenes ::-webkit-scrollbar-Styling nutzt
   das den haesslichen, breiten Standard-Scrollbalken des Browsers statt des
   duennen pinken Themes, das .rbc600-table schon hat (siehe darueber). */
.rbc600-score{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}
.rbc600-score::-webkit-scrollbar{width:5px!important;}
.rbc600-score::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
.rbc600-score::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}

/* ── SPIELE-Reiter: Status-Kacheln in der "Freies Spiel"-Überschrift ── */
.rbc519-free-sub.rbc812-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:8px!important;
}
.rbc812-chip{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  border:1px solid rgba(255,58,162,.35)!important;
  border-radius:8px!important;
  background:rgba(255,58,162,.08)!important;
  padding:4px 10px!important;
  font-size:9px!important;
  letter-spacing:1.2px!important;
  color:rgba(245,240,255,.75)!important;
  white-space:nowrap!important;
}
.rbc812-chip b{
  color:#ffdc4a!important;
  font-size:12px!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
}

/* ── ABSCHLUSS-Reiter: Tabelle zeigt Top 10, danach Scroll ────────── */
/* 10 Zeilen inkl. Kopf + Trennlinien = 454px gemessen (+2px Slack) */
body.rbc600-tab-mvp #rbc512FinalTable .rbc512-ft-grid{
  max-height:456px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04)!important;
}
body.rbc600-tab-mvp #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar{width:5px!important;}
body.rbc600-tab-mvp #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60)!important;border-radius:3px!important;}
body.rbc600-tab-mvp #rbc512FinalTable .rbc512-ft-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}
body.rbc600-tab-mvp #rbc512FinalTable .rbc512-ft-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#2e0c34!important;
}

/* ── OBS view=table: Zuschauer-Typografie für 2560×1440 ──────────── */
/* Richtwerte (User): Titel 48-72, Namen 34-48, Werte 24-32, Labels ≥18,
   Tabellenzellen ≥22-28, H2H-Zellen ≥20-24. Muss nach Downscale auf
   1920×1080 lesbar bleiben. Admin bleibt kompakt (eigener Scope). */
body.rbc-obs-view-table #rbc512FinalTable{
  width:min(1420px,74vw)!important;
  max-width:1420px!important;
  margin-left:28px!important;
  margin-right:auto!important;
}
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-title{ font-size:48px!important; padding-bottom:14px!important; }
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-head{ font-size:20px!important; min-height:48px!important; }
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-row{ font-size:26px!important; min-height:64px!important; }
/* rbc-namefix (2026-07-08): grid-template-columns (56/270/64/64/82/150/100/100/82)
   war fuer die 9-12px-Admin-Schrift dimensioniert. Die OBS-Schrift oben ist
   bewusst deutlich groesser (20-26px, siehe Richtwerte-Kommentar), passte
   aber nicht mehr in die schmalen Zahlen-Spalten (v.a. "Spiele"/"Start ELO"/
   "Jetzt ELO"/"Δ ELO") - Header liefen dadurch in echtes CSS-Ellipsis
   ("STAR…" statt "Start ELO"). Fix: eigenes, breiteres Spaltenraster nur
   fuer die OBS-Ansicht, Namensspalte etwas knapper bemessen im Gegenzug. */
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-head,
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-row{
  grid-template-columns:60px minmax(240px,1fr) 70px 70px 140px 150px 170px 170px 130px!important;
}
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-name{ font-size:30px!important; }
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-avatar{ width:44px!important; height:44px!important; }
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-note{ font-size:18px!important; }
/* rbc-namefix (2026-07-08): fester max-height + eigener Scroll hier entfernt -
   das ganze #panel-mvp (Tabelle + H2H zusammen) wird jetzt per JS
   (rbc-fit-results-script, siehe unten) als Ganzes auf die verfuegbare
   Bildschirmhoehe herunterskaliert, damit NICHTS mehr einzeln scrollen muss.
   Ein eigener Scroll/Clip hier wuerde dafuer die echte, ungekuerzte
   Inhaltshoehe verfaelschen, die fuer die Skalierung gemessen wird. */
body.rbc-obs-view-table #rbc512FinalTable .rbc512-ft-grid{ max-height:none!important; overflow:visible!important; }

body.rbc-obs-view-table .rbc794-title{ font-size:48px!important; letter-spacing:10px!important; padding-bottom:16px!important; }
/* Mit ID-Spezifität, damit die Admin-max-width (186px, später im Block) nicht gewinnt */
body.rbc-obs-view-table #rbc794-h2h .rbc794-row .rbc794-nm{ font-size:28px!important; max-width:335px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:normal!important; }
/* rbc-namefix (2026-07-08): Basis-Regel (.rbc794-col .rbc794-nm, ~Zeile 49233)
   nutzt word-break:break-word ohne white-space:nowrap - bei laengeren Namen
   (z.B. "Russe_auf_Speed") brach das mitten im Wort auf 2 Zeilen um statt
   sauber mit "…" abzuschneiden. OBS-Override ueberschrieb bisher nur
   font-size/max-width, nicht das Umbruchverhalten. */
body.rbc-obs-view-table #rbc794-h2h .rbc794-col .rbc794-nm{ font-size:18px!important; max-width:150px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:normal!important; }

/* ── OBS view=matches: Zuschauer-Typografie für Match-Karten ──────── */
body.rbc-obs-view-matches .rbc519-free-title{ font-size:48px!important; }
body.rbc-obs-view-matches .rbc812-chip{ font-size:18px!important; padding:8px 16px!important; }
body.rbc-obs-view-matches .rbc812-chip b{ font-size:24px!important; }
body.rbc-obs-view-matches .rbc519-round-head{ font-size:24px!important; }
body.rbc-obs-view-matches .rbc519-match-id{ font-size:18px!important; }
body.rbc-obs-view-matches .rbc519-map{ font-size:20px!important; }
body.rbc-obs-view-matches .rbc519-name{ font-size:30px!important; }
body.rbc-obs-view-matches .rbc519-elo{ font-size:18px!important; }
body.rbc-obs-view-matches .rbc519-vs{ font-size:26px!important; }
body.rbc-obs-view-matches .rbc519-status{ font-size:18px!important; }
body.rbc-obs-view-matches .rbc519-player img{ width:52px!important; height:52px!important; }
body.rbc-obs-view-matches .rbc519-free-sub.rbc812-chips{ margin-top:12px!important; }

/* rbc-obs-fix (2026-07-03): feste, zueinander passende Kachel-Breiten.
   Vorher: .rbc519-card blieb bei der Admin-Breite (300px) und das
   .rbc519-player-Grid bei der Admin-Avatar-Spalte (34px), obwohl Avatar
   (52px) und Name (30px) für OBS längst vergrößert wurden -> Avatar
   überlappte sichtbar den Namenstext, lange Namen liefen aus der Karte.
   Jetzt: Karte, Grid-Spalten und Avatar-Spalte konsistent auf die
   OBS-Schriftgrößen abgestimmt, Name bekommt sauberes Ellipsis-Trunkieren
   statt Überlappung. */
body.rbc-obs-view-matches .rbc519-card{
  width:640px!important;
  min-width:640px!important;
  max-width:640px!important;
  flex:0 0 640px!important;
  padding:18px 22px!important;
}
body.rbc-obs-view-matches .rbc519-card-body{
  grid-template-columns:1fr 44px 1fr!important;
  gap:14px!important;
}
body.rbc-obs-view-matches .rbc519-side{
  min-height:86px!important;
  padding:14px!important;
  min-width:0!important;
}
body.rbc-obs-view-matches .rbc519-player{
  grid-template-columns:52px 1fr!important;
  gap:12px!important;
  min-width:0!important;
}
/* rbc-obs-fix (2026-07-03): der Wrapper-<div> um Name+ELO (kein eigener
   Klassenname, aber das eigentliche 1fr-Grid-Element von .rbc519-player)
   hatte selbst kein min-width:0 -> genau wie vorher bei .rbc519-side
   zwang sein Inhalt (der Name) die Spalte trotz max-width:100% über die
   tatsächlich verfügbare Breite hinaus. Deshalb liefen selbst 15-Zeichen-
   Namen weiter über den Kartenrand hinaus. */
body.rbc-obs-view-matches .rbc519-player > div{
  min-width:0!important;
}
body.rbc-obs-view-matches .rbc519-name{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.rbc-obs-view-matches .rbc519-map{
  max-width:280px!important;
}

/* Admin-Ansicht (gamenight.html ohne ?view=): Karten waren zwar schon
   fest 300px breit, aber .rbc519-side (das eigentliche Grid-Element pro
   Spielerseite) hatte kein min-width:0. Grid-Items sind ohne min-width:0
   standardmäßig so breit wie ihr Inhalt es "will" – bei white-space:nowrap-
   Text ist das die VOLLE Textbreite. Dadurch drückte eine 15-Zeichen-
   Spielerseite die zweite Seite teilweise ganz aus der Karte heraus
   (sichtbar unsichtbar, nicht nur abgeschnitten). Betrifft OBS genauso,
   dort zusätzlich per min-width:0 oben gesetzt. */
body:not(.rbc-obs-view) .rbc519-side{
  min-width:0!important;
}
body:not(.rbc-obs-view) .rbc519-player{
  min-width:0!important;
}
body:not(.rbc-obs-view) .rbc519-player > div{
  min-width:0!important;
}
body:not(.rbc-obs-view) .rbc519-name{
  min-width:0!important;
  max-width:100%!important;
}

/* ── OBS view=live (2026-07-08): an gamenight_result.html (render527 /
   .rbc512-*, der tatsaechlich aktive Renderer dort) angeglichen, damit
   /gamenight?view=live die separate game_result-Seite ersetzen kann. */
/* rbc-graphic-consolidation (2026-07-14): Seit rbc512 stillgelegt ist, ist
   rbc600 der OBS-Renderer. rbc600s Antiflicker-Logik setzt die Karte per
   Inline-Style auf opacity:0 und blendet sie erst per rAF/setTimeout ein -
   im OBS-Browser-Tab (document.hidden=true, Timer gedrosselt) blendet sie
   NICHT zuverlaessig auf -> Gefahr eines schwarzen Stream-Bilds. Der Fade-in
   ist fuer die statische OBS-Quelle ohnehin sinnlos: Karte hier hart sichtbar
   erzwingen (Stylesheet-!important schlaegt das Inline-opacity ohne !important). */
body.rbc-obs-view-live #rbc600GraphicCard{ opacity:1!important; }
body.rbc-obs-view-live .rbc600-score h3{
  position:static!important; font-size:11px!important; font-weight:400!important;
  letter-spacing:5px!important; text-transform:uppercase!important; color:#ff73c9!important;
  font-family:'Share Tech Mono',monospace!important; margin:0 0 4px!important;
}
body.rbc-obs-view-live .rbc600-note{ font-size:12px!important; }
body.rbc-obs-view-live #rbc600GraphicInner .rbc600-cell{ font-size:15px!important; min-height:42px!important; max-height:42px!important; }
body.rbc-obs-view-live #rbc600GraphicInner .rbc600-head.rbc600-cell{ font-size:10px!important; min-height:36px!important; max-height:36px!important; }
body.rbc-obs-view-live .rbc600-player span{ font-size:15px!important; }
body.rbc-obs-view-live .rbc600-rank{ font-size:17px!important; }
body.rbc-obs-view-live .rbc600-tiny{ width:32px!important; height:32px!important; }
body.rbc-obs-view-live .rbc600-summary-tile{ height:76px!important; }
body.rbc-obs-view-live .rbc600-summary-tile b{ font-size:24px!important; }
body.rbc-obs-view-live .rbc600-summary-tile span{ font-size:9px!important; }
/* Linke Spalte: Hero, Spieler des Abends, Podest */
body.rbc-obs-view-live .rbc600-gg{ font-size:148px!important; }
body.rbc-obs-view-live .rbc600-thanks{ font-size:38px!important; }
body.rbc-obs-view-live .rbc600-season{ font-size:13px!important; }
body.rbc-obs-view-live .rbc600-avatar{ width:146px!important; height:146px!important; }
body.rbc-obs-view-live .rbc600-avatar.empty{ font-size:42px!important; }
body.rbc-obs-view-live .rbc600-top .rbc600-name{ font-size:30px!important; }
body.rbc-obs-view-live .rbc600-meta{ font-size:12px!important; }
body.rbc-obs-view-live .rbc600-stats{ font-size:24px!important; }
body.rbc-obs-view-live .rbc600-top::before,
body.rbc-obs-view-live .rbc600-top-label{ font-size:16px!important; }
body.rbc-obs-view-live .rbc600-podium{ padding:44px 18px 18px!important; }
body.rbc-obs-view-live .rbc600-pods{ gap:22px!important; }
body.rbc-obs-view-live .rbc600-pod.first img,
body.rbc-obs-view-live .rbc600-pod.first .empty{ width:104px!important; height:104px!important; }
body.rbc-obs-view-live .rbc600-pods .rbc600-pod:nth-child(1) img,
body.rbc-obs-view-live .rbc600-pods .rbc600-pod:nth-child(1) .empty{ width:82px!important; height:82px!important; }
body.rbc-obs-view-live .rbc600-pods .rbc600-pod:nth-child(3) img,
body.rbc-obs-view-live .rbc600-pods .rbc600-pod:nth-child(3) .empty{ width:76px!important; height:76px!important; }
body.rbc-obs-view-live .rbc600-podname{ font-size:19px!important; }
body.rbc-obs-view-live .rbc600-podmeta{ font-size:11px!important; }
body.rbc-obs-view-live .rbc600-place{ font-size:17px!important; }
/* Spaltenbreiten/Tabellenraster wie game_result */
body.rbc-obs-view-live #rbc600GraphicInner{ grid-template-columns:650px 1fr!important; }
body.rbc-obs-view-live .rbc600-grid{ grid-template-columns:50px minmax(250px,1.5fr) 58px 58px 74px 96px 88px 88px 76px!important; }
body.rbc-obs-view-table .rbc794-cell{ font-size:22px!important; }
body.rbc-obs-view-table .rbc794-corner{ font-size:20px!important; }
/* rbc-namefix (2026-07-08): siehe Kommentar bei .rbc512-ft-grid weiter oben -
   kein eigener Scroll/Clip mehr, #panel-mvp wird als Ganzes skaliert. */
body.rbc-obs-view-table .rbc794-outer{ max-height:none!important; overflow-y:visible!important; }

/* Award-Platzhalter (Beste ELO+ "?" ohne Avatar): Kreis statt Ellipse.
   Der Slot nutzt die globale .empty-Klasse mit padding:52px 20px – bei
   border-box kann die Höhe nicht unter die Padding-Summe (104px) → Ellipse.
   padding:0 + feste 46×46 ergeben den Kreis, "?" mittig via Flex. */
.rbc600-award .empty{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  flex:0 0 46px!important;
  align-self:center!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Zeilen-Namen: max-width:80px (Z.~48663) freigeben – die Namensspalte ist
   jetzt 270px breit (58px Avatar + Abstände → ~186px nutzbar für den Namen) */
body.rbc600-tab-results .rbc794-row .rbc794-nm{
  max-width:186px!important;
}

/* ── Überschrift-Streifen: Lücken links/rechts schließen ─────────── */
/* rbc798 setzte margin:-62px 0 – ohne horizontalen Ausgleich für das
   20px-Panel-Padding blieb je Seite eine 20px-Lücke bis zur Kartenkante */
body.rbc600-tab-results .rbc787-spielerabend-head{
  margin:-62px -20px 18px!important;
}

/* CSS-Seite der elastischen Spalten: max-content-Reste aus rbc804/806
   neutralisieren (Inline-px-min-width aus rbc809 ist die Autorität) */
body.rbc600-tab-results .rbc794-hdr,
body.rbc600-tab-results .rbc794-rows{
  min-width:0!important;
}


/* ==== Block 122/140 - urspruenglich gamenight.html Zeile 54636: <style id="rbc-h2h-visibility-fix-style"> ==== */
#rbc794-h2h .rbc794-corner{
  font-size:19px!important;
  font-weight:900!important;
  color:#ff3aa2!important;
  text-shadow:0 0 16px rgba(255,58,162,.75), 0 0 5px rgba(255,120,200,.95)!important;
  letter-spacing:3px!important;
}
#rbc794-h2h .rbc794-corner .rbc-vs-s{
  color:#12d6ff!important;
  text-shadow:0 0 16px rgba(18,214,255,.75), 0 0 5px rgba(18,214,255,.95)!important;
}
#rbc794-h2h .rbc794-cell.self{
  background:repeating-linear-gradient(
    45deg,
    rgba(255,58,162,.16) 0px,
    rgba(255,58,162,.16) 5px,
    rgba(10,4,20,.92) 5px,
    rgba(10,4,20,.92) 10px
  )!important;
  color:rgba(255,170,220,.65)!important;
  font-size:15px!important;
}
body.rbc-obs-view-table #rbc794-h2h .rbc794-corner{
  font-size:26px!important;
}
body.rbc-obs-view-table #rbc794-h2h .rbc794-cell.self{
  font-size:22px!important;
}

/* ==== Block 123/140 - urspruenglich gamenight.html Zeile 54673: <style id="rbc-moderator-setup-style"> ==== */
#rbc-mod-setup{margin:20px 0 24px;}
#rbc-mod-setup .rbc-mod-hint{
  font-size:11px;color:var(--muted,rgba(255,255,255,.5));margin-bottom:14px;
}
.rbc-mod-grid{display:flex;flex-wrap:wrap;gap:12px;}
.rbc-mod-card{
  display:flex;align-items:center;gap:10px;
  padding:8px 16px 8px 8px;border-radius:12px;
  border:1px solid rgba(255,58,162,0.13);
  background:var(--surface,#0d0820);
  cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
  min-width:170px;
}
.rbc-mod-card:hover{border-color:rgba(255,58,162,0.38);background:var(--surface2,#130d2a);}
.rbc-mod-card img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);flex-shrink:0;background:rgba(0,0,0,.3);}
.rbc-mod-card .rbc-mod-name{font-weight:600;font-size:13px;color:#fff;}
.rbc-mod-card .rbc-mod-slot{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted,rgba(255,255,255,.5));margin-top:2px;}
.rbc-mod-card.slot1{border-color:#4cff88;background:rgba(76,255,136,.10);box-shadow:0 0 14px rgba(76,255,136,.16);}
.rbc-mod-card.slot1 .rbc-mod-slot{color:#4cff88;}
.rbc-mod-card.slot2{border-color:#ff3aa2;background:rgba(255,58,162,.10);box-shadow:0 0 14px rgba(255,58,162,.16);}
.rbc-mod-card.slot2 .rbc-mod-slot{color:#ff3aa2;}

/* ==== Block 124/140 - urspruenglich gamenight.html Zeile 55841: <style id="rbc943-tabelle-space-style"> ==== */
#rbc512FinalTable .rbc512-ft-head,
#rbc512FinalTable .rbc512-ft-row{
  min-height:64px!important;
  font-size:16px!important;
}
#rbc512FinalTable .rbc512-ft-head{
  min-height:44px!important;
  font-size:12px!important;
}
#rbc512FinalTable .rbc512-ft-avatar{
  width:44px!important;
  height:44px!important;
}
#rbc512FinalTable .rbc512-ft-name{
  font-size:17px!important;
}
#rbc512FinalTable .rbc512-ft-rank{
  font-size:20px!important;
}
#rbc512FinalTable .rbc512-ft-grid{
  max-height:520px!important;
}
#rbc512FinalTable .rbc512-ft-title{
  font-size:22px!important;
}

/* H2H: Grid schrumpft auf tatsächliche Spaltenbreite (statt volle
   Container-Breite zu füllen) und wird zentriert statt linksbündig. */
.rbc794-hdr,
.rbc794-rows .rbc794-grid{
  width:fit-content!important;
  margin:0 auto!important;
}

/* ==== Block 125/140 - urspruenglich gamenight.html Zeile 55884: <style id="rbc944-matchomat-shift-up-style"> ==== */
#panel-luckyslot .rbc638-root{
  transform:translateY(-10px)!important;
}

/* ==== Block 126/140 - urspruenglich gamenight.html Zeile 56101: <style id="rbc-graphic-table-scroll-style"> ==== */
body.rbc600-tab-graphic{
  overflow:hidden!important;
}
.rbc600-table{
  overscroll-behavior:contain!important;
}
.rbc600-cell.rbc600-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#2e0c34!important;
}

/* ==== Block 127/140 - urspruenglich gamenight.html Zeile 56940: <style id="rbc-battlefield-style"> ==== */
/* Sichtbarkeits-Whitelist: rbc600-clean-tabs versteckt ALLE .panel und
   zeigt nur explizit gelistete wieder an (siehe rbc600-Block weiter oben) -
   neue Panels muessen sich hier selbst freischalten. */
body.rbc600-clean-tabs #panel-battlefield.rbc600-active{
  display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}

/* Reiter ganz rechts einordnen (Bestand: setup 1 ... abschluss 7) */
#tabBattlefield{order:8}

/* Rahmen + Hintergrund: exakt die rbc782-Optik von Tabelle/Abschluss/Spinwheel */
#panel-battlefield{
  position:relative;
  box-sizing:border-box;
  min-height:calc(100vh - 239px);
  padding:12px 20px;
  border:1px solid rgba(255,58,162,.20);
  border-radius:16px;
}
#panel-battlefield::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(32,8,30,.50), rgba(14,10,40,.40) 58%, rgba(10,18,42,.40)),
    url('/assets/luckyslot_outer_bg_user_v664.png') center center / cover no-repeat;
  background-attachment:fixed, fixed;
  filter:saturate(.98) brightness(.88);
}
/* rbc-bf-v2 (2026-07-11): die 8 losen Gradient-Balken (::after, von Tabelle
   kopiert) doppelten sich optisch mit den echten rbc790-Eck-Karten (c1-c4) -
   auf Nutzerwunsch entfernt, die vier DOM-Ecken reichen. */

/* Kopfzeile: gleiche Werte wie .rbc900-spin-head (Glücksrad) */
.rbc-bf-head{
  align-self:stretch;
  box-sizing:border-box;
  margin:-12px -20px 12px;
  padding:9px 24px 8px;
  border-bottom:1px solid rgba(255,58,162,.22);
  background:rgba(255,58,162,.06);
  display:flex;
  align-items:baseline;
  gap:14px;
}
.rbc-bf-title{
  color:var(--magenta,#ff3aa2);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:19px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(255,58,162,.55);
  line-height:1;
}
.rbc-bf-sub{
  color:#12d6ff;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  letter-spacing:2px;
  text-transform:uppercase;
}

/* Eck-Klammern (echte DOM-Karten wie Tabelle/Spinwheel, rbc790-Klassen) */
body.rbc600-tab-battlefield .rbc790-c1{top:80px!important;left:50px!important;}
body.rbc600-tab-battlefield .rbc790-c2{top:80px!important;right:50px!important;}
body.rbc600-tab-battlefield .rbc790-c3{bottom:50px!important;left:50px!important;}
body.rbc600-tab-battlefield .rbc790-c4{bottom:50px!important;right:50px!important;}
body.rbc600-tab-battlefield .rbc790-logo{top:100px!important;}

/* === Inhalt: Matchup + Map === */
.rbc-bf-stage{
  position:relative;
  z-index:3;
  max-width:1240px;
  /* rbc-bf-v3: engere Abstaende -> passt bei 90-100% Zoom auf eine Seite */
  margin:10px auto 0;
  display:grid;
  gap:12px;
  padding:0 30px 16px;
}
.rbc-bf-empty{
  padding:60px 24px;
  text-align:center;
  color:rgba(245,240,255,.55);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
}

/* Matchup-Reihe: Spieler A | VS+H2H | Spieler B */
.rbc-bf-matchup{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);
  align-items:stretch;
  gap:18px;
}
/* rbc-bf-v5 (2026-07-11): Spielerkarten im FIFA-Ultimate-Team-Stil -
   Rating (ELO) gross oben links, Rang + Seite oben rechts, Avatar mit
   Leucht-Plinthe, Namensbanner, unten drei Stat-Spalten. Akzentfarbe pro
   Seite ueber --acc/--acc-rgb (gruen fuer A, cyan fuer B). */
/* rbc-bf-neon (2026-07-13): Battlefield-Farbschema auf Retro-Neon vereinheitlicht
   - Spieler A = Pink, Spieler B = Blau - konsistent in Cards, H2H-Box, VS-Balken
   und Elo-Verlauf (Card-Farbe == Chart-Farbe je Seite). */
.rbc-bf-a{--acc:#ff3aa2;--acc-rgb:255,58,162;}
.rbc-bf-b{--acc:#54d8ff;--acc-rgb:84,216,255;}
.rbc-bf-player{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:13px 16px 12px;
  margin-top:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  border:1px solid rgba(var(--acc-rgb),.45);
  background:
    radial-gradient(130% 70% at 50% -6%, rgba(var(--acc-rgb),.20), transparent 62%),
    linear-gradient(158deg, rgba(22,9,38,.95) 0%, rgba(10,4,22,.96) 55%, rgba(16,6,30,.96) 100%);
  box-shadow:0 0 26px rgba(var(--acc-rgb),.14), inset 0 0 26px rgba(var(--acc-rgb),.06);
}
/* diagonaler Glanzstreifen (FIFA-Karten-Look) */
.rbc-bf-player::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(118deg, transparent 42%, rgba(255,255,255,.055) 50%, transparent 58%);
}
/* Akzent-Leiste oben */
.rbc-bf-player::after{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1;
  background:linear-gradient(90deg, transparent, var(--acc), transparent);
  opacity:.85;
}
/* rbc-bf-winner-badge (2026-07-19): macht ein gemeldetes Ergebnis auch im
   Battlefield-Matchup sichtbar - vorher zeigte die Karte nach einem
   Ergebnis unveraendert weiter nur "aktuelles Matchup". */
.rbc-bf-player.rbc-bf-winner{
  border-color:rgba(76,255,136,.85);
  box-shadow:0 0 34px rgba(76,255,136,.32), inset 0 0 30px rgba(76,255,136,.12);
}
.rbc-bf-winner-badge{
  position:relative;
  z-index:4;
  display:flex; align-items:center; gap:5px;
  align-self:center;
  margin-top:6px;
  padding:4px 14px;
  border-radius:20px;
  background:rgba(76,255,136,.16);
  border:1px solid rgba(76,255,136,.65);
  color:#4cff88;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:12px;
  letter-spacing:.08em;
  text-shadow:0 0 10px rgba(76,255,136,.5);
  box-shadow:0 0 16px rgba(76,255,136,.3);
  white-space:nowrap;
}
.rbc-bf-card-top{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  position:relative;
  z-index:2;
  margin:-37px 24px 0;
}
.rbc-bf-rating{display:flex;flex-direction:column;align-items:flex-start;line-height:1;}
.rbc-bf-rating-num{
  color:var(--acc);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:36px;
  letter-spacing:1px;
  text-shadow:0 0 18px rgba(var(--acc-rgb),.55);
}
.rbc-bf-rating-lbl{
  color:rgba(245,240,255,.75);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:11px;
  letter-spacing:.14em;
  margin-top:3px;
}
.rbc-bf-pos{display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.rbc-bf-rank{
  color:#ffdc4a;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:28px;
  letter-spacing:1px;
  text-shadow:0 0 12px rgba(255,220,74,.4);
}
.rbc-bf-side-tag{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--acc);
}
.rbc-bf-avatar-wrap{position:relative;z-index:2;margin:-14px 0 2px;}
.rbc-bf-avatar-wrap::before{
  content:"";position:absolute;inset:-16px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle, rgba(var(--acc-rgb),.38), transparent 68%);
}
.rbc-bf-avatar{
  width:120px;
  height:120px;
  border-radius:50%;
  object-fit:cover;
  background:rgba(255,255,255,.05);
  border:3px solid var(--acc);
  box-shadow:0 0 28px rgba(var(--acc-rgb),.42), inset 0 0 0 2px rgba(0,0,0,.4);
}
.rbc-bf-pname{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  color:#fff;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:23px;
  letter-spacing:1px;
  position:relative;
  z-index:2;
}
/* rbc-bf-team (2026-07-13): Mitglieder-Cluster fuer 2vs2/3vs3/4vs4. Jede Kachel
   = Avatar (in Akzentfarbe) + Name + Einzel-ELO. Avatare skalieren mit der
   Teamgroesse herunter (data-count), 4er bricht auf 2x2 um. */
.rbc-bf-team{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:10px 16px;
  margin:4px 0 2px;
}
.rbc-bf-teamsize{
  color:var(--acc)!important;
  text-shadow:0 0 12px rgba(var(--acc-rgb),.45)!important;
  font-size:14px!important;
}
.rbc-bf-tm{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
  max-width:46%;
  min-width:0;
}
.rbc-bf-tm-av{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  background:rgba(255,255,255,.05);
  border:3px solid var(--acc);
  box-shadow:0 0 20px rgba(var(--acc-rgb),.4), inset 0 0 0 2px rgba(0,0,0,.4);
}
.rbc-bf-tm-noav{
  display:grid;
  place-items:center;
  color:rgba(245,240,255,.35);
  font-size:26px;
}
.rbc-bf-tm-name{
  max-width:100%;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.1;
  color:#fff;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:13px;
  letter-spacing:.4px;
}
.rbc-bf-tm-elo{
  color:var(--acc);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:.5px;
  text-shadow:0 0 10px rgba(var(--acc-rgb),.4);
}
.rbc-bf-team[data-count="3"] .rbc-bf-tm-av{width:64px;height:64px;}
.rbc-bf-team[data-count="4"] .rbc-bf-tm-av{width:58px;height:58px;}
.rbc-bf-team[data-count="3"] .rbc-bf-tm-name,
.rbc-bf-team[data-count="4"] .rbc-bf-tm-name{font-size:11px;}
.rbc-bf-team[data-count="4"] .rbc-bf-tm{max-width:42%;}
.rbc-bf-card-stats{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid rgba(var(--acc-rgb),.24);
  position:relative;
  z-index:2;
}
.rbc-bf-cs{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;}
.rbc-bf-cs b{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:31px;
  color:#fff;
  letter-spacing:.3px;
}
.rbc-bf-cs.win b{color:#4cff88;}
.rbc-bf-cs.loss b{color:#ff6fc0;}
.rbc-bf-cs.rate b{color:#ffdc4a;}
.rbc-bf-cs span{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(245,240,255,.78);
}
/* rbc-bf-v3 (2026-07-11): VS-Spalte enthaelt jetzt die kompakte Head-to-Head-
   Box direkt unter dem VS (statt einer grossen separaten Karte, die die Seite
   zu hoch machte) - passt so bei 90-100% Zoom ohne Scrollen auf eine Seite. */
.rbc-bf-vs{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
/* rbc-bf-vs-retro: an das "VS" aus dem Intro-Overlay angelehnt (Permanent
   Marker/Handschrift-Font statt Russo One, Magenta-Glow statt Gelb). */
.rbc-bf-vs-word{
  color:#ff3aa2;
  font-family:var(--display,'Permanent Marker',cursive);
  font-size:46px;
  letter-spacing:1px;
  text-shadow:0 0 18px rgba(255,58,162,.85), 0 0 40px rgba(255,58,162,.4);
  line-height:1;
  transform:rotate(-4deg);
}
.rbc-bf-vs-s{
  color:#54d8ff;
  text-shadow:0 0 18px rgba(84,216,255,.85), 0 0 40px rgba(84,216,255,.4);
}
.rbc-bf-h2h-box{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,58,162,.42);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(24,6,18,.60),rgba(4,8,20,.55));
  box-shadow:0 0 22px rgba(255,58,162,.12), inset 0 0 18px rgba(255,58,162,.05);
  padding:9px 14px 8px;
  text-align:center;
}
.rbc-bf-h2h-title{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:14px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#ff3aa2;
  margin-bottom:5px;
}
.rbc-bf-h2h-score{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:34px;
  letter-spacing:2px;
  color:#fff;
  line-height:1;
}
.rbc-bf-h2h-score b.a{color:#ff3aa2;}
.rbc-bf-h2h-score b.b{color:#54d8ff;}
.rbc-bf-h2h-sub{
  margin-top:6px;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(245,240,255,.72);
}
.rbc-bf-elo-diff{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,58,162,.35);
  border-radius:999px;
  background:rgba(12,4,24,.62);
  padding:4px 12px;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:rgba(245,240,255,.82);
}
.rbc-bf-elo-diff b{
  color:#ffdc4a;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:19px;
  letter-spacing:.5px;
}

/* rbc-bf-v4 (2026-07-11): kompakte Vergleichsbalken direkt unter der
   Head-to-Head-Box in der VS-Spalte - nutzt den vertikalen Leerraum und
   schiebt dadurch die Map nach unten (Nutzerwunsch). */
.rbc-bf-vs-bars{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:2px;
}
.rbc-bf-vsbar .lbl{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:rgba(245,240,255,.78);
  text-align:center;
  margin-bottom:2px;
}
.rbc-bf-vsbar .track{
  display:flex;
  height:9px;
  border-radius:99px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  gap:2px;
}
.rbc-bf-vsbar .track i{height:100%;border-radius:99px;min-width:6%;}
.rbc-bf-vsbar .track i.a{background:linear-gradient(90deg,#cc2e85,#ff3aa2);box-shadow:0 0 8px rgba(255,58,162,.40);}
.rbc-bf-vsbar .track i.b{background:linear-gradient(90deg,#54d8ff,#2fa8dd);box-shadow:0 0 8px rgba(84,216,255,.40);}
.rbc-bf-vsbar .vals{
  display:flex;
  justify-content:space-between;
  margin-top:2px;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:.2px;
}
.rbc-bf-vsbar .vals .a{color:#ff3aa2;}
.rbc-bf-vsbar .vals .b{color:#54d8ff;}

/* Map-Karte: Preview links, Infos rechts */
.rbc-bf-map{
  border:1px solid rgba(255,58,162,.30);
  border-radius:18px;
  background:rgba(10,3,24,.62);
  box-shadow:0 0 22px rgba(255,58,162,.07);
  overflow:hidden;
  /* rbc-bf-fixed-height (2026-07-13): Map-Ansicht (546px) und Head-to-Head-
     Ansicht (532px) sind unterschiedlich hoch - beim Umschalten sprang die
     Karte dadurch sichtbar hoch/runter. min-height auf den groesseren Wert
     der beiden fixiert, damit beide Ansichten dieselbe Hoehe haben (waechst
     bei noch mehr Inhalt trotzdem normal weiter, schrumpft aber nie darunter). */
  min-height:546px;
}
/* rbc-bf-swipe (2026-07-13): Wisch-Dreiecke links/rechts NEBEN (nicht in) der
   Map/Head-to-Head-Karte, gleiches Muster wie .rbc-tbl-arrow bei Tabelle -
   schalten den bestehenden bfView (map<->h2h) um, nutzen den vorhandenen
   [data-bf-view] Klick-Handler mit, kein neues Wiring noetig. Eigener Wrapper
   (statt Positionierung relativ zu .rbc-bf-map selbst), weil .rbc-bf-map ein
   overflow:hidden hat und Pfeile ausserhalb des Rahmens sonst abgeschnitten
   wuerden. */
.rbc-bf-map-wrap{position:relative;}
.rbc-bf-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:30;cursor:pointer;
  width:38px;height:64px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,58,162,.30);border-radius:12px;
  background:rgba(12,4,24,.45);color:#ff3aa2;font-size:20px;line-height:1;
  transition:all .15s;user-select:none;
}
.rbc-bf-arrow:hover{background:rgba(255,58,162,.16);border-color:#ff3aa2;color:#fff;box-shadow:0 0 16px rgba(255,58,162,.32);}
.rbc-bf-arrow.prev{right:calc(100% + 6px);}
.rbc-bf-arrow.next{left:calc(100% + 6px);}
.rbc-bf-map-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 18px 10px;
  border-bottom:1px solid rgba(255,58,162,.22);
  background:linear-gradient(90deg,rgba(255,58,162,.14),rgba(255,58,162,.03) 60%);
}
.rbc-bf-map-title{
  color:var(--magenta,#ff3aa2);
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  flex:0 0 auto;
}
/* rbc-bf-v5: rechte Kopfzeilen-Gruppe = Mapname + Workshop-Button nebeneinander */
.rbc-bf-map-head-right{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.rbc-bf-map-name{
  color:#fff;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:1px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* rbc-bf-view-toggle: Umschalter im unteren Frame - Map-Karte ODER
   Head-to-Head-Statistik, damit derselbe Rahmen als "zweite Quelle" fuer
   H2H-Daten (z.B. aus der Teambot-API) genutzt werden kann. */
.rbc-bf-view-toggle{display:flex;gap:6px;flex:0 0 auto;}
.rbc-bf-view-btn{
  border:1px solid rgba(255,58,162,.30);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:rgba(245,240,255,.65);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9.5px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  padding:6px 13px;
  cursor:pointer;
  transition:border-color .15s, color .15s, background .15s;
}
.rbc-bf-view-btn:hover{border-color:rgba(255,58,162,.55);color:#fff;}
.rbc-bf-view-btn.active{
  border-color:#ff3aa2;
  background:rgba(255,58,162,.20);
  color:#fff;
}
.rbc-bf-h2h-body{padding:12px 16px;}
.rbc-bf-h2h-section{margin-bottom:10px;}
.rbc-bf-h2h-section:last-child{margin-bottom:0;}
.rbc-bf-h2h-section-title{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,58,162,.95);
  margin-bottom:6px;
}
.rbc-bf-h2h-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  border:1px solid rgba(255,58,162,.18);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  padding:7px 16px;
  margin-bottom:5px;
}
.rbc-bf-h2h-row .rbc-bf-h2h-a{text-align:left;color:#ff3aa2;}
.rbc-bf-h2h-row .rbc-bf-h2h-b{text-align:right;color:#54d8ff;}
.rbc-bf-h2h-row .rbc-bf-h2h-a,
.rbc-bf-h2h-row .rbc-bf-h2h-b{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:22px;
}
.rbc-bf-h2h-row .rbc-bf-h2h-lbl{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:13px;
  font-weight:400;
  letter-spacing:.4px;
  text-transform:none;
  line-height:1.3;
  color:rgba(245,240,255,.92);
  text-align:center;
  white-space:nowrap;
}
.rbc-bf-h2h-row .rbc-bf-h2h-lbl.rbc-bf-h2h-lbl-1l{
  font-size:16px;
  line-height:1;
}
.rbc-bf-h2h-placeholder{
  border:1px dashed rgba(255,255,255,.18);
  border-radius:12px;
  padding:16px;
  color:rgba(245,240,255,.42);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  line-height:1.6;
  text-align:center;
}
.rbc-bf-elo-svg{
  width:100%;
  height:240px;
  display:block;
  border:1px solid rgba(255,58,162,.18);
  border-radius:12px;
  background:#0c0616;
}
.rbc-bf-elo-svg .rbc-bf-elo-line-a,
.rbc-bf-elo-svg .rbc-bf-elo-line-b{
  fill:none;
  stroke-width:2.4;
  vector-effect:non-scaling-stroke;
}
.rbc-bf-elo-line-a{stroke:#ff3aa2;}
.rbc-bf-elo-line-b{stroke:#54d8ff;}
.rbc-bf-elo-area-a{fill:url(#rbcBfEloGradA);stroke:none;}
.rbc-bf-elo-area-b{fill:url(#rbcBfEloGradB);stroke:none;}
.rbc-bf-elo-dot-a,
.rbc-bf-elo-dot-b{vector-effect:non-scaling-stroke;stroke:#0c0616;stroke-width:1.2;}
.rbc-bf-elo-dot-a{fill:#ff3aa2;}
.rbc-bf-elo-dot-b{fill:#54d8ff;}
.rbc-bf-elo-grid{stroke:rgba(255,255,255,.08);stroke-width:1;vector-effect:non-scaling-stroke;}
.rbc-bf-elo-axis-y{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:12px;
  font-weight:700;
  fill:rgba(245,240,255,.66);
}
.rbc-bf-elo-axis-x{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10px;
  fill:rgba(245,240,255,.36);
}
/* rbc-bf-elo-side (2026-07-12): Chart + Seiten-Badges (Avatar/ELO) statt der
   Legende oben. Chart nimmt die Mitte, Badges liegen in den vorher leeren
   Randflaechen links/rechts. */
.rbc-bf-elo-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:-8px;
}
.rbc-bf-elo-wrap .rbc-bf-elo-svg{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
.rbc-bf-elo-badge{
  flex:0 0 auto;
  width:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  text-align:center;
}
.rbc-bf-elo-badge.a{color:#ff3aa2;}
.rbc-bf-elo-badge.b{color:#54d8ff;}
.rbc-bf-elo-badge-av{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid currentColor;
  box-shadow:0 0 18px -3px currentColor;
  background:#0c0616;
}
.rbc-bf-elo-badge-noav{
  display:grid;
  place-items:center;
  font-size:26px;
  color:currentColor;
}
.rbc-bf-elo-badge-name{
  max-width:100%;
  /* rbc-bf-elo-name-wrap (2026-07-12): lange Namen (z.B. "Russe_auf_Speed")
     nicht mehr abschneiden, sondern umbrechen - auch mitten im Wort bzw. an
     Unterstrichen, falls kein normaler Umbruchpunkt existiert. */
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.12;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
}
.rbc-bf-elo-badge-elo{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:24px;
  font-weight:800;
  line-height:1;
}
.rbc-bf-elo-badge-lbl{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:8px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  opacity:.55;
}
/* rbc-bf-v5: Workshop-Button jetzt in der Kopfzeile neben dem Mapnamen */
.rbc-bf-steam-hd{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 13px;
  border:1px solid rgba(255,58,162,.42);
  border-radius:999px;
  background:rgba(12,4,24,.78);
  color:#ff4fb2;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9.5px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  text-decoration:none;
  transition:border-color .15s, color .15s, box-shadow .15s;
}
.rbc-bf-steam-hd:hover{border-color:#ff3aa2;color:#fff;box-shadow:0 0 14px rgba(255,58,162,.3);}
/* rbc-bf-mapbig (2026-07-12): rechte Spalte = Stats oben + grosse Mapname-Kachel
   unten. Dadurch entfaellt der volle Footer-Streifen und die Vorschau links kann
   quadratisch auf die volle Hoehe der rechten Spalte wachsen. */
.rbc-bf-map-right{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  min-height:0;
}
.rbc-bf-map-nametile{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 18px;
  margin-top:auto;                 /* an den unteren Rand -> buendig mit Vorschau-Unterkante */
  border:1px solid rgba(255,58,162,.30);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,58,162,.05), rgba(255,58,162,.14));
}
/* rbc-bf-v5: grosse Mapname-Kachel (frueher Fuss der Map-Karte, jetzt in der
   rechten Spalte) - Innenelemente fuer Footer UND Kachel gemeinsam gestylt. */
.rbc-bf-map-footer .fico,
.rbc-bf-map-nametile .fico{
  flex:0 0 auto;
  width:54px;
  height:54px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:26px;
  background:rgba(255,58,162,.14);
  border:1px solid rgba(255,58,162,.34);
  box-shadow:inset 0 0 14px rgba(255,58,162,.16);
}
.rbc-bf-map-footer .ftxt,
.rbc-bf-map-nametile .ftxt{display:flex;flex-direction:column;min-width:0;}
.rbc-bf-map-footer .flbl,
.rbc-bf-map-nametile .flbl{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:8.5px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(245,240,255,.52);
  margin-bottom:3px;
}
.rbc-bf-map-footer .fname,
.rbc-bf-map-nametile .fname{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:28px;
  letter-spacing:2px;
  color:#fff;
  text-shadow:0 0 20px rgba(255,58,162,.5);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* rbc-bf-creatortile: gleiche Breite/Position wie .rbc-bf-map-nametile (direkt
   darunter, selber Flex-Container), aber bewusst dezenter - kleineres Icon,
   kleinere Schrift, kein Glow, gedeckteres Grau statt Pink-Gradient, damit die
   Mapname-Kachel optisch fuehrend bleibt. */
.rbc-bf-map-creatortile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}
.rbc-bf-map-creatortile .fico{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:15px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
}
.rbc-bf-map-creatortile .ftxt{display:flex;flex-direction:column;min-width:0;}
.rbc-bf-map-creatortile .flbl{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:7.5px;
  letter-spacing:2.6px;
  text-transform:uppercase;
  color:rgba(245,240,255,.40);
  margin-bottom:2px;
}
.rbc-bf-map-creatortile .fname{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:15px;
  letter-spacing:.5px;
  color:rgba(245,240,255,.78);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rbc-bf-map-body{
  display:grid;
  /* rbc-bf-mapbig (2026-07-12): Vorschau links quadratisch, rechts Stats+Name.
     align-items:stretch, damit die rechte Spalte auf die Vorschau-Hoehe geht und
     die Mapname-Kachel unten buendig mit der Karte abschliesst. */
  grid-template-columns:minmax(340px,460px) minmax(0,1fr);
  gap:22px;
  padding:16px 18px;
  align-items:stretch;
}
.rbc-bf-map-preview{
  width:100%;
  /* rbc-bf-mapbig (2026-07-12): Maps sind quadratisch (z.B. 126x126). Vorschau
     jetzt 1:1 statt 4:3 -> fuellt den Rahmen komplett aus (kein Letterbox mehr)
     UND ist deutlich groesser. Der bisherige volle "Aktuelle Map"-Footer-Streifen
     wandert dafuer als Kachel in die rechte Spalte (siehe .rbc-bf-map-nametile),
     sodass der Platz darunter der groesseren Karte zugutekommt. */
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:12px;
  border:1px solid rgba(255,58,162,.38);
  box-shadow:0 0 18px rgba(255,58,162,.18);
  background:rgba(255,255,255,.04);
  display:block;
}
.rbc-bf-map-preview.rbc-bf-noimg{
  display:grid;
  place-items:center;
  color:rgba(245,240,255,.35);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.rbc-bf-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px 16px;
  align-content:start;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,58,162,.20);
}
/* rbc-bf-v2: Kacheln mit Icon-Badge, Akzentkante und Hover-Glow */
.rbc-bf-stat{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,58,162,.20);
  border-left:3px solid rgba(255,220,74,.60);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,58,162,.10),rgba(255,255,255,.03) 55%);
  padding:10px 13px 9px;
  min-width:0;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.rbc-bf-stat:hover{
  border-color:rgba(255,58,162,.55);
  box-shadow:0 0 16px rgba(255,58,162,.22);
  transform:translateY(-1px);
}
.rbc-bf-stat .ico{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:17px;
  background:rgba(255,58,162,.14);
  border:1px solid rgba(255,58,162,.32);
  box-shadow:inset 0 0 10px rgba(255,58,162,.14);
}
.rbc-bf-stat .kv{min-width:0;}
.rbc-bf-stat .k{
  color:rgba(245,240,255,.45);
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:8.5px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:3px;
}
.rbc-bf-stat .v{
  color:#fff;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:16px;
  letter-spacing:.6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rbc-bf-stat .v.yes{color:#4cff88;}
.rbc-bf-stat .v.no{color:#ff6fc0;}

/* rbc-bf-v3: die grosse separate Head-to-Head-Karte (cmp-Balken + Duell-Chips)
   wurde entfernt - Head-to-Head steckt jetzt kompakt in der VS-Spalte.
   rbc-bf-v5: der alte .rbc-bf-steam-Button in der Statistik-Liste ist
   entfernt - der Workshop-Link sitzt jetzt in der Map-Kopfzeile
   (.rbc-bf-steam-hd). */

@media (max-width:1250px){
  .rbc-bf-matchup{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);}
  .rbc-bf-vs-word{font-size:32px;}
  .rbc-bf-h2h-score{font-size:28px;}
  .rbc-bf-map-body{grid-template-columns:minmax(240px,360px) minmax(0,1fr);}
}

/* ==== Block 128/140 - urspruenglich gamenight.html Zeile 58609: <style id="rbc-mapfilter-style"> ==== */
.rbc-mapfilter-bar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 14px;
}
.rbc-mapfilter-label{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9.5px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--muted,rgba(245,240,255,.55));
  margin-right:2px;
}
.rbc-mapfilter-chip{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:6px 12px;
  border:1px solid rgba(255,58,162,.30);
  border-radius:999px;
  background:transparent;
  color:var(--muted,rgba(245,240,255,.55));
  cursor:pointer;
  transition:all .15s;
}
.rbc-mapfilter-chip:hover{border-color:rgba(255,58,162,.55);color:var(--text,#f5f0ff);}
.rbc-mapfilter-chip.active{
  background:rgba(76,255,136,.14);
  border-color:#4cff88;
  color:#4cff88;
  box-shadow:0 0 12px rgba(76,255,136,.30);
}
.rbc-mapfilter-count{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9.5px;
  letter-spacing:1.4px;
  color:rgba(255,220,74,.75);
  margin-left:4px;
}
/* Im Reiter Spiele: Leiste zwischen Kopfzeile und Match-Grid */
#panel-matches .rbc-mapfilter-bar{margin:0 0 16px;}

/* In OBS-Quellen (?view=...) ist das ein Admin-Bedienelement - ausblenden */
body.rbc-obs-view .rbc-mapfilter-bar{display:none!important;}

/* Einzel-Match-Map ist bei offenen Spielen klickbar (neu würfeln) */
#panel-matches .rbc519-map[data-remap-mid]{
  cursor:pointer;
  border-radius:8px;
  padding:2px 7px;
  margin:-2px -7px;
  transition:background .15s, color .15s, box-shadow .15s;
}
#panel-matches .rbc519-map[data-remap-mid]:hover{
  background:rgba(255,220,74,.14);
  color:#ffdc4a;
  box-shadow:0 0 10px rgba(255,220,74,.25);
}

/* ==== Block 129/140 - urspruenglich gamenight.html Zeile 58816: <style id="rbc-nodoublescroll-style"> ==== */
.rbc600-score{
  overflow:hidden!important;      /* kein zweiter (aeusserer) Scrollbalken mehr */
}
.rbc600-table{
  flex:1 1 auto!important;        /* Tabelle fuellt den Rest der Karte ... */
  height:auto!important;          /* ... statt fixer 604px (aeltere Regel) - */
  max-height:none!important;      /*     Inline-Hoehe vom Fit-Script gewinnt weiter */
  min-height:0!important;
  overflow-y:auto!important;      /* ... und ist der EINZIGE Scroll-Container */
  overscroll-behavior:contain!important;
}
.rbc600-awards{
  position:static!important;      /* Kacheln als fixer Fuss unter der Tabelle */
  margin-top:14px!important;
  flex-shrink:0!important;
}

/* ==== Block 130/140 - urspruenglich gamenight.html Zeile 58846: <style id="rbc-tbl-splitview-style"> ==== */
/* Quellen-Umschalter: Spieleabend ODER ELO - zentriert & groesser */
#rbcTblSwitch{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  margin:0 0 16px;
}
/* rbc-tbl-switch-hide (2026-07-13): auf Nutzerwunsch entfernt - die Wisch-
   Pfeile (#rbcTblPrev/#rbcTblNext) schalten bereits identisch zwischen
   Spieleabend/ELO um, diese Leiste kostete nur zusaetzlich Platz oben. */
#rbcTblSwitch{display:none!important;}
body:not(.rbc600-tab-results) #rbcTblSwitch{display:none!important;}
#rbcTblSwitch .rbc-tblsw-srclabel{font-family:var(--mono,'Share Tech Mono',monospace);font-size:11px;letter-spacing:2.4px;color:rgba(245,240,255,.4);text-transform:uppercase;margin-right:2px;}
#rbcTblSwitch button{
  cursor:pointer;border:1px solid rgba(255,58,162,.34);border-radius:999px;
  background:rgba(12,4,24,.55);color:rgba(245,240,255,.66);
  font-family:var(--mono,'Share Tech Mono',monospace);font-size:14px;letter-spacing:1.8px;
  text-transform:uppercase;padding:11px 28px;transition:all .14s;
}
#rbcTblSwitch button:hover{border-color:#ff3aa2;color:#fff;}
#rbcTblSwitch button.active{background:rgba(255,58,162,.22);border-color:#ff3aa2;color:#fff;box-shadow:0 0 14px rgba(255,58,162,.35);}
#rbcTblSwitch .rbc-tblsw-reload{padding:11px 16px;font-size:17px;}

/* rbc-tbl-swipe: Wisch-Dreiecke links/rechts neben der Tabelle - Frame bleibt
   gleich, nur der Tabellen-Inhalt (Spieleabend <-> ELO) wird gewischt. */
#panel-mvp{position:relative;}
/* rbc-tbl-arrow-fixed-y (2026-07-15): top:46% hing an der Hoehe von #panel-mvp,
   die je nach Quelle (Spieleabend+H2H vs. ELO) stark schwankt - die Pfeile
   sprangen beim Umschalten vertikal. Fester px-Wert vom Panel-Anfang statt
   Prozent: beide Tabellen starten bei ~94px, 550px liegt in beiden Ansichten
   neben der Tabelle. */
.rbc-tbl-arrow{
  position:absolute;top:550px;transform:translateY(-50%);z-index:30;cursor:pointer;
  width:46px;height:104px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,58,162,.30);border-radius:14px;
  background:rgba(12,4,24,.45);color:#ff3aa2;font-size:26px;line-height:1;
  transition:all .15s;user-select:none;
}
.rbc-tbl-arrow:hover{background:rgba(255,58,162,.16);border-color:#ff3aa2;color:#fff;box-shadow:0 0 16px rgba(255,58,162,.32);}
#rbcTblPrev{left:26px;}
#rbcTblNext{right:26px;}
body:not(.rbc600-tab-results) .rbc-tbl-arrow{display:none!important;}
@media (max-width:1500px){ .rbc-tbl-arrow{width:38px;height:84px;font-size:22px;} #rbcTblPrev{left:8px;} #rbcTblNext{right:8px;} }
/* Slide-Animation beim Wischen */
@keyframes rbcTblSlideR{from{opacity:.2;transform:translateX(46px);}to{opacity:1;transform:none;}}
@keyframes rbcTblSlideL{from{opacity:.2;transform:translateX(-46px);}to{opacity:1;transform:none;}}

/* Quellen-Umschaltung: nur die Tabelle wird getauscht, Head-to-Head & normales Design bleiben unveraendert */
/* Container-Design 1:1 wie #rbc512FinalTable (body.rbc512-mvp-clean) uebernehmen */
#rbcLigaElo{
  display:none;
  width:min(1220px,74vw);max-width:1220px;margin:22px auto 26px;padding:0;
  border:1px solid rgba(255,58,162,.34);border-radius:18px;
  background:rgba(13,4,31,.76);
  box-shadow:0 0 24px rgba(255,58,162,.10), inset 0 0 24px rgba(255,58,162,.035);
  overflow:hidden;color:#fff;font-family:var(--mono,monospace);
}
/* rbc-liga-frame-up (2026-07-13): Rahmen bis zur Trennlinie unter dem Kopf
   (.rbc787-spielerabend-head) hochgezogen, auf Nutzerwunsch. margin-top
   reduziert (zieht die Karte/den Rahmen sichtbar nach oben), padding-top im
   Gegenzug um denselben Betrag erhoeht - dadurch bleibt das Podest (und damit
   das 1.-Platz-Avatar) exakt an seiner bisherigen Bildschirmposition stehen,
   statt vom jetzt hoeher liegenden Rahmen angeschnitten zu werden. */
#rbcLigaElo{margin-top:-22px!important;padding-top:44px!important;}
/* rbc-panelmvp-noline (2026-07-13): #panel-mvp bekam an mehreren Stellen im
   Verlauf der Datei einen eigenen kompletten Rahmen (zuletzt hier oben durch
   eine spaetere Regel border-bottom:1px solid ... wieder aktiviert, obwohl
   eine noch frühere Regel es extra auf "none" gesetzt hatte) - diese untere
   Rahmenlinie rendert am echten unteren Panel-Rand, deutlich unterhalb der
   sichtbaren Tabelle, und wurde als stoerende "Linie" wahrgenommen. Auf
   Nutzerwunsch entfernt (Ecken-Deko/rbc790-Corner bleiben bestehen). */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{border-bottom:none!important;}
/* rbc-finaltable-match-liga (2026-07-13): Hintergrund/Rahmen der Spieleabend-
   Tabelle (#rbc512FinalTable) auf Nutzerwunsch identisch zur ELO-Tabelle
   (#rbcLigaElo) - selbe margin-top/padding-top (Rahmen bis zur Kopfzeile
   hochgezogen), kein unterer Rand, kein Inset-Schatten. Dadurch bleibt der
   Rahmen beim Umschalten per Pfeil (Spieleabend <-> ELO) an derselben
   Bildschirmposition stehen, statt zu springen. */
/* rbc-finaltable-match-liga-fix (2026-07-13): #rbc512FinalTable sitzt (anders
   als #rbcLigaElo, wo noch #rbc498MvpStableRow dazwischen im Fluss steht)
   direkt neben dem Kopf - margin-top kollabiert hier direkt mit dessen
   margin-bottom:18px. Um denselben sichtbaren 20px-Abstand wie bei der ELO-
   Tabelle zu erreichen, reicht ein einfacher positiver margin-top:20px (kein
   Podest hier, daher auch kein kompensierendes padding-top noetig). */
body.rbc600-tab-results #rbc512FinalTable{
  margin-top:20px!important;padding-top:0!important;
  border-bottom:none!important;
  box-shadow:0 0 24px rgba(255,58,162,.10)!important;
}
/* rbc-header-unify (2026-07-14): Trennlinie unter dem Kopf auf Nutzerwunsch
   wieder aktiviert, damit ALLE Reiter (Tabelle, Grafik, Match-O-Mat, Glücksrad,
   Battlefield) einheitlich die 1px-Linie unter dem Titel zeigen. (Vorher hier
   entfernt, weil der Tabellen-Rahmen die Trennung optisch mit uebernahm.) */
#panel-mvp .rbc787-spielerabend-head{border-bottom:1px solid rgba(255,58,162,.22)!important;}
/* rbc-liga-noline (2026-07-13): Karte ist kuerzer als der (sehr hohe) Panel-
   Bereich darunter - die untere Rahmenlinie hing dadurch sichtbar frei im
   leeren Raum. Auf Nutzerwunsch entfernt. */
#rbcLigaElo{border-bottom:none!important;box-shadow:0 0 24px rgba(255,58,162,.10)!important;}
#panel-mvp.rbc-tblsrc-liga #rbc512FinalTable{display:none!important;}
#panel-mvp.rbc-tblsrc-liga #rbcLigaElo{display:block!important;}
/* Bei ELO kein Spieleabend-Head-to-Head (Liga-H2H waere 378 API-Calls, zu teuer)
   - stattdessen das Liga-Podest oben in der ELO-Tabelle. */
#panel-mvp.rbc-tblsrc-liga #rbc794-h2h{display:none!important;}

/* ELO-Tabelle: exakt das Design der Spieleabend-Tabelle (.rbc512-ft-*), 7 Spalten.
   Nicht-Spieler-Spalten summieren auf 698px (= Spieleabend) -> Spieler-Spalte
   verhaelt sich identisch (kollabiert auf 270px), keine Luecke mehr. */
#rbcLigaElo .rbc512-ft-head,
#rbcLigaElo .rbc512-ft-row{
  grid-template-columns:56px minmax(270px,1fr) 88px 88px 110px 196px 160px!important;
}
/* Schriftgroessen exakt wie im Control-Tab (body.rbc600-tab-results-Werte) */
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-head{font-size:17px!important;position:sticky!important;top:0!important;z-index:5!important;background:#2e0c34!important;}
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-row{font-size:20px!important;}
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-rank{font-size:19px!important;}
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-name{font-size:14px!important;}
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-title{font-size:26px!important;}
body.rbc600-tab-results #rbcLigaElo .rbc512-ft-note{font-size:12px!important;}
/* Zeilenhoehe + Avatar-Groesse wie #rbc512FinalTable (sonst zu flach) */
#rbcLigaElo .rbc512-ft-head,
#rbcLigaElo .rbc512-ft-row{min-height:64px!important;}
#rbcLigaElo .rbc512-ft-head{min-height:44px!important;}
#rbcLigaElo .rbc512-ft-avatar{width:44px!important;height:44px!important;}
#rbcLigaElo .rbc512-ft-grid{
  /* rbc-liga-8rows (2026-07-13): 44px Head + 8 * 64px Zeilen, danach Scroll. */
  max-height:556px;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-color:rgba(255,58,162,.6) rgba(255,255,255,.04);
}
/* rbc-liga-titlerow (2026-07-13): Titel + Quellen-Hinweis nebeneinander statt
   untereinander (spart Hoehe, gleiches Prinzip wie bei den anderen Reitern). */
#rbcLigaElo .rbc-liga-titlerow{
  display:flex;align-items:baseline;gap:14px;padding:13px 18px 10px;
}
#rbcLigaElo .rbc-liga-titlerow .rbc512-ft-title{padding:0!important;}
#rbcLigaElo .rbc-liga-titlerow .rbc512-ft-note{padding:0!important;}
#rbcLigaElo .rbc512-ft-grid::-webkit-scrollbar{width:5px;}
#rbcLigaElo .rbc512-ft-grid::-webkit-scrollbar-thumb{background:rgba(255,58,162,.60);border-radius:3px;}
#rbcLigaElo .rbc512-ft-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.04);}
#rbcLigaElo .rbc-liga-eloval{font-family:var(--head,'Russo One',Arial,sans-serif)!important;color:#54d8ff!important;}
/* Lade-/Fehlermeldung */
#rbcLigaElo .rbc-liga-msg{font-family:var(--mono,'Share Tech Mono',monospace);font-size:11px;letter-spacing:1px;color:rgba(245,240,255,.5);padding:20px;text-align:center;}
#rbcLigaElo .rbc-liga-msg.err{color:#ff6fa0;}
/* Liga-Podest ueber der ELO-Tabelle (nutzt die bestehenden .podest-Styles) */
#rbcLigaElo .rbc-liga-podest{margin:2px auto 20px;max-width:820px;}
/* rbc-liga-podest-size (2026-07-13): auf Nutzerwunsch groesser als das
   Standard-.podest aus Abschluss/MVP - nur hier ueberschrieben (scoped auf
   .rbc-liga-podest), damit der MVP-Podest unveraendert bleibt. */
#rbcLigaElo .rbc-liga-podest .podest-slot.p1 .podest-avatar{width:126px!important;height:126px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p2 .podest-avatar{width:108px!important;height:108px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p3 .podest-avatar{width:94px!important;height:94px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p1 .podest-name{font-size:20px!important;}
#rbcLigaElo .rbc-liga-podest .podest-name{font-size:17px!important;max-width:170px!important;}
#rbcLigaElo .rbc-liga-podest .podest-stat{font-size:13px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p1 .podest-block{height:150px!important;font-size:38px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p2 .podest-block{height:112px!important;font-size:34px!important;}
#rbcLigaElo .rbc-liga-podest .podest-slot.p3 .podest-block{height:78px!important;font-size:30px!important;}
/* rbc961 (2026-07-16): Social-Cards links (Discord) und rechts (TeamUp-Liga)
   neben dem Liga-Podest in der ELO-Tabelle. Design uebernommen von den
   .social-card-Kacheln aus end.html/leaderboard.html (dunkle Kachel, farbige
   Top-Linie, Icon + Label + URL). Absolut im Podest-Wrapper positioniert,
   damit das zentrierte Podest selbst unveraendert bleibt. */
#rbcLigaElo .rbc961-podwrap{position:relative;}
#rbcLigaElo .rbc961-card{
  position:absolute;top:-24px;width:300px;
  display:flex;align-items:center;gap:12px;
  padding:13px 16px;border-radius:12px;
  background:rgba(6,3,14,.78);
  border:1px solid rgba(89,25,122,.5);
  overflow:hidden;text-decoration:none;z-index:3;
}
#rbcLigaElo .rbc961-card.discord{left:26px;}
#rbcLigaElo .rbc961-card.teamup{right:26px;}
#rbcLigaElo .rbc961-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  border-radius:12px 12px 0 0;
}
#rbcLigaElo .rbc961-card.discord::before{background:#4CFF88;box-shadow:0 0 10px #4CFF88;}
#rbcLigaElo .rbc961-card.teamup::before{background:#ff3aa2;box-shadow:0 0 10px #ff3aa2;}
#rbcLigaElo .rbc961-icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;}
#rbcLigaElo .rbc961-icon svg{width:100%;height:100%;display:block;}
#rbcLigaElo .rbc961-info{min-width:0;flex:1;}
#rbcLigaElo .rbc961-label{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10px;letter-spacing:4px;text-transform:uppercase;margin-bottom:3px;
  font-weight:700;
}
#rbcLigaElo .rbc961-card.discord .rbc961-label{color:#4CFF88;}
#rbcLigaElo .rbc961-card.teamup .rbc961-label{color:#ff3aa2;}
#rbcLigaElo .rbc961-url{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:12.5px;letter-spacing:.5px;color:#f5f0ff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Unter ~1400px Viewport wuerden die Kacheln ins Podest ragen -> ausblenden. */
@media (max-width:1400px){ #rbcLigaElo .rbc961-card{display:none;} }

/* ==== Block 131/140 - urspruenglich gamenight.html Zeile 59287: <style id="rbc814-pool-collapse-style"> ==== */
/* rbc814: Spielerpool / Ersatzbank (Reiter Spiele) nach unten ein-/ausklappbar,
   Dreieck-Minimizer mittig auf dem oberen Rand des Panels. */
#rbc519-player-pool{ transition:height .22s ease!important; }
body.rbc519-matches-active.rbc814-pool-collapsed #rbc519-player-pool{
  height:54px!important;
  max-height:54px!important;
  overflow:hidden!important;
}
/* rbc814b: Bei eingeklappter Ersatzbank gibt die Runden-Liste (#mgrid) den
   reservierten Platz frei und waechst bis zum eingeklappten Pool herunter.
   #mgrid liest --rbc519-pool-height (Default 212px) aus der Kaskade; hier auf
   die eingeklappte Pool-Hoehe (54px) reduziert -> mgrid-calc fuellt die Flaeche. */
body.rbc519-matches-active.rbc814-pool-collapsed{ --rbc519-pool-height:54px; }
#panel-matches.active #mgrid{ transition:height .22s ease!important; }
body.rbc814-pool-collapsed #rbc519-player-pool .pool-head{
  margin-bottom:0!important;
  align-items:center!important;
  transform:translateY(-5px)!important;
}
body.rbc814-pool-collapsed #rbc519-player-pool .pool-list{ display:none!important; }

#rbc814-pool-toggle{
  display:none!important;
  position:fixed!important;
  left:50%!important;
  bottom:216px!important;
  transform:translateX(-50%)!important;
  width:42px!important;
  height:16px!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,rgba(255,58,162,.92),rgba(150,20,95,.92))!important;
  border:1px solid rgba(255,58,162,.65)!important;
  border-bottom:none!important;
  border-radius:9px 9px 0 0!important;
  cursor:pointer!important;
  z-index:100000!important;
  box-shadow:0 -3px 12px rgba(0,0,0,.45)!important;
  user-select:none!important;
  padding:0!important;
}
body.rbc519-matches-active #rbc814-pool-toggle{ display:flex!important; }
body.rbc519-matches-active.rbc814-pool-collapsed #rbc814-pool-toggle{ bottom:58px!important; }
#rbc814-pool-toggle:hover{ filter:brightness(1.18)!important; }
#rbc814-pool-toggle svg{ width:11px!important; height:11px!important; display:block!important; }

/* ==== Block 132/140 - urspruenglich gamenight.html Zeile 59390: <style id="rbc-graphic-uniform-scale-style"> ==== */
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicCard{
  position:relative!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicStage{
  position:absolute!important;
  left:0; top:0;
  width:2700px!important;
  height:1050px!important;
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:none!important;
  transform-origin:top left!important;
  /* rbc-graphic-corners-sharp (2026-07-15): radius 12->0, sonst clippt
     overflow:hidden die buendigen .rbc600-corner-Winkel rund ab */
  border-radius:0!important;
}
/* Innenraum auf die feste Design-Box fixieren (2-Spalten, ungestaucht) */
/* rbc-graphic-split-40-60 (2026-07-14): Spaltenverhaeltnis von "700px + Rest"
   (linke Spalte nur ~27%, Tabelle ~73%) auf ein festes 40/60 umgestellt -
   linke Seite (GG/Spieler/Podest) 40%, Tabelle 60%. fr-Einheiten statt fester
   px, damit das Verhaeltnis unabhaengig von DW konstant bleibt. */
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicInner{
  padding:44px 60px 40px 60px!important;
  grid-template-columns:2fr 3fr!important;
  grid-template-rows:1fr!important;
  column-gap:36px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:stretch!important;
}
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicInner .rbc600-left{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  transform:none!important;
  margin-top:0!important;
}
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicInner .rbc600-right{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}
/* rbc-live-shift-40-20 (2026-07-16): GG-Block insgesamt 40px nach rechts
   (2x20px); Tabelle dafuer 40px schmaler von links (2x20px, Rechtskante
   bleibt wie zuvor um 20px eingezogen) + 20px nach unten. GG-Block zusaetzlich
   10px nach oben, weil der "// MATCH BEENDET"-Kicker darueber entfaellt
   (rbc-live-drop-kicker weiter unten). */
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicInner .rbc600-left{
  margin-left:40px!important;
  margin-top:-10px!important;
}
body.rbc600-tab-graphic:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicInner .rbc600-right{
  width:calc(100% - 60px)!important;
  margin-left:40px!important;
  margin-top:20px!important;
}
/* rbc-live-drop-kicker (2026-07-16): "// MATCH BEENDET" ueber dem GG-Block
   entfaellt komplett (beide Views). */
.rbc600-left:before,
.rbc600-left::before{
  content:none!important;
  display:none!important;
}

/* ==== Block 133/140 - urspruenglich gamenight.html Zeile 59596: <style id="rbc949-vote-style"> ==== */
.rbc949-vote-controls{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.rbc949-vote-btn{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:10.5px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:6px 12px;
  border-radius:6px;
  border:1px solid rgba(255,58,162,.4);
  background:rgba(255,58,162,.1);
  color:var(--magenta,#ff3aa2);
  cursor:pointer;
  transition:background .15s,opacity .15s;
}
.rbc949-vote-btn:hover:not(:disabled){ background:rgba(255,58,162,.22); }
.rbc949-vote-btn:disabled{ opacity:.35; cursor:default; }
.rbc949-vote-btn.rbc949-vote-stop{
  border-color:rgba(255,90,90,.4);
  color:#ff5a5a;
  background:rgba(255,90,90,.08);
}
.rbc949-vote-btn.rbc949-vote-stop:hover:not(:disabled){ background:rgba(255,90,90,.2); }
.rbc949-vote-badge{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--muted,rgba(245,240,255,.55));
  white-space:nowrap;
}
.rbc949-vote-badge.live{ color:#4cff88; }

.rbc949-vote-bar{
  position:relative;
  z-index:3;
  max-width:1240px;
  margin:40px auto 14px;
  padding:10px 18px;
  border:1px solid rgba(255,58,162,.28);
  border-radius:10px;
  background:rgba(255,58,162,.06);
}
.rbc949-vote-heading{
  text-align:center;
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:14px;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:8px;
}
.rbc949-vote-heading .discord{
  color:var(--magenta,#ff3aa2);
  text-shadow:0 0 12px rgba(255,58,162,.55);
}
.rbc949-vote-heading .voting{
  color:var(--cyan,#54d8ff);
  text-shadow:0 0 12px rgba(84,216,255,.55);
}
.rbc949-vote-bar-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.rbc949-vote-name{
  font-family:var(--head,'Russo One',Arial,sans-serif);
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  flex:0 0 auto;
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rbc949-vote-name.a{ color:#ff3aa2; }
.rbc949-vote-name.b{ color:#54d8ff; }
.rbc949-vote-track{
  flex:1 1 auto;
  height:14px;
  border-radius:7px;
  overflow:hidden;
  display:flex;
  background:rgba(255,255,255,.08);
}
.rbc949-vote-track i{ display:block; height:100%; transition:width .4s; }
.rbc949-vote-track i.a{ background:#ff3aa2; }
.rbc949-vote-track i.b{ background:#54d8ff; }
.rbc949-vote-counts{
  margin-top:6px;
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:15px;
  font-weight:700;
  letter-spacing:1.5px;
  color:rgba(245,240,255,.92);
  text-align:center;
}

/* ==== Block 134/140 - urspruenglich gamenight.html Zeile 59938: <style> ==== */
/* rbc950 RETROBOYS: Bracket-Kacheln mit fester Breite + echte Verbindungslinien */

/* Feste Spaltenbreite: Spielernamen/Badges ("gesetzt", "raus") dürfen die
   Kachelbreite nicht mehr aufdehnen - Namen laufen stattdessen in Ellipsis. */
#panel-bracket .rbc459-round{
  width:250px;
  min-width:250px;
  max-width:250px;
  flex:0 0 250px;
}
#panel-bracket .rbc459-node{
  width:100%;
  position:relative;
  z-index:1;
}
#panel-bracket .rbc459-side{
  min-width:0;
}
#panel-bracket .rbc459-side b{
  flex:1 1 auto;
  min-width:0;
  max-width:none;
}
#panel-bracket .rbc459-side small{
  flex:0 0 auto;
  white-space:nowrap;
}
#panel-bracket .rbc459-side.seeded::after{
  flex:0 0 auto;
  white-space:nowrap;
}
#panel-bracket .rbc459-hdr{
  min-width:0;
}
#panel-bracket .rbc459-hdr b{
  flex:0 0 auto;
  white-space:nowrap;
}
#panel-bracket .rbc459-hdr span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}

/* Etwas mehr Luft zwischen den Runden, damit die Ellbogen-Linien lesbar sind. */
#panel-bracket .rbc459-rounds{
  gap:30px;
}
#panel-bracket .rbc459-top{
  gap:34px;
}

/* rbc957: LB-Trennlinie nur so breit wie der LB-Inhalt - die Finale-Spalte
   sitzt rechts daneben in der Vertikal-Mitte zwischen WB und LB und soll
   nicht von der Border durchschnitten werden. */
#panel-bracket .rbc459-lb{
  width:max-content;
}

/* SVG-Overlay fuer die Turnierpfad-Linien */
#panel-bracket .rbc459-board{
  position:relative;
}
#rbc950-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:0;
  overflow:visible;
}
#rbc950-lines .rbc950-line{
  fill:none;
  stroke-width:2;
  stroke-linejoin:round;
}
#rbc950-lines .rbc950-line.wb{stroke:rgba(255,58,162,.42);}
#rbc950-lines .rbc950-line.lb{stroke:rgba(255,144,0,.40);}
#rbc950-lines .rbc950-line.gf{stroke:rgba(255,220,74,.46);}

/* ==== Block 135/140 - urspruenglich gamenight.html Zeile 60379: <style id="rbc-graphic-decor-unify-style"> ==== */
/* 1 - alte stage-interne Deko stilllegen (Canvas-Koordinatensystem).
   Damit sind auch rbc-graphic-corners-out/edge/flush (.rbc600-c1..c4) und
   rbc-graphic-logo-realsize/nudge (Inline-Styles auf .rbc600-logo, siehe
   rbc-graphic-uniform-scale-script) wirkungslos/toter Code. */
#rbc600GraphicStage .rbc600-corner{display:none!important;}
#rbc600GraphicStage .rbc600-logo{display:none!important;}
/* 2 - Standard-Positionen, identische Endwerte wie body.rbc600-tab-results /
   -spinwheel / -battlefield (dort jeweils gleichlautende Bloecke) */
body.rbc600-tab-graphic .rbc790-c1{top:80px!important;left:50px!important;}
body.rbc600-tab-graphic .rbc790-c2{top:80px!important;right:50px!important;}
body.rbc600-tab-graphic .rbc790-c3{bottom:50px!important;left:50px!important;}
body.rbc600-tab-graphic .rbc790-c4{bottom:50px!important;right:50px!important;}
body.rbc600-tab-graphic .rbc790-logo{top:100px!important;}

/* ==== Block 136/140 - urspruenglich gamenight.html Zeile 60449: <style id="rbc-head-frame-unify-style"> ==== */
/* 1 - Kopfzeilen-Hoehe: Battlefield (Vote-Buttons ~53px) ist der Master.
   box-sizing defensiv mitgesetzt (Tabelle/MoM/Grafik deklarieren es nicht
   selbst) - bei height:auto aendert das nichts am Ist-Zustand, sorgt aber
   dafuer, dass min-height Padding+Border MIT einschliesst. */
.rbc-bf-head,
.rbc900-spin-head,
#panel-mvp .rbc787-spielerabend-head,
#panel-graphic #rbc600GraphicHeader,
#panel-luckyslot .rbc672-head{
  box-sizing:border-box!important;
  min-height:53px!important;
}

/* 2 - Grafik-Kopf: exakt die Battlefield-Metrik (padding/baseline/line-height).
   Nur Control-Ansicht - im OBS-View ist der Header ohnehin display:none. */
body:not(.rbc-obs-view-live) #panel-graphic #rbc600GraphicHeader{
  padding:13px 24px 11px!important;
  align-items:baseline!important;
}
#panel-graphic #rbc600GraphicHeader h2{
  line-height:1!important;
}
/* Sub-Farbe: alle 5 Reiter-Header einheitlich Neon-Blau (rbc-header-sub-neon-blue) */
#panel-graphic #rbc600GraphicHeader .sub,
#panel-mvp .rbc787-spielerabend-sub{
  color:#12d6ff!important;
  text-shadow:0 0 4px rgba(18,214,255,1),0 0 10px rgba(18,214,255,.85),0 0 22px rgba(18,214,255,.6),0 0 40px rgba(18,214,255,.35)!important;
}

/* 3 - Tabelle-Rahmen wie Battlefield: 1px rgba(.20), keine Schatten/Glow,
   kein eigenes (nicht-fixed) Hintergrundbild - #panel-mvp::before liefert
   denselben fixed-Hintergrund wie #panel-battlefield::before. */
body.rbc600-tab-results.rbc600-clean-tabs #panel-mvp{
  border:1px solid rgba(255,58,162,.20)!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* 4 - Match-O-Mat-Rahmen wie Battlefield: gleiche Linienstaerke (der
   zusaetzliche inset-1px-Ring machte die Linie optisch dicker), gleicher
   Radius, gleicher Hintergrund (Gradient .50/.40 + fixed wie ueberall). */
#panel-luckyslot .rbc672-shell{
  border:1px solid rgba(255,58,162,.20)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
#panel-luckyslot .rbc672-shell::before{
  /* rbc-momat-drop-own-bg (2026-07-21): frueher eine eigene, an die Shell-Box
     gecoverte Kopie des Ambient-Bildes (siehe Historie unten) - erzeugte eine
     sichtbare Naht zur echten, viewport-fixierten globalen Ebene (body::after).
     Jetzt none, globale Ebene scheint durch. Siehe Kommentar an der ersten
     .rbc672-shell::before-Regel weiter oben im File. */
  background:none!important;
}
/* Kopf sass exakt AUF der Shell-Rahmenlinie (left/right/top:0 der Root =
   Aussenkante) und ueberdeckte sie - bei den anderen Reitern beginnt der
   Kopf INNERHALB des 1px-Rahmens. 1px-Inset stellt das gleich. */
#panel-luckyslot .rbc672-head{
  left:1px!important;
  right:1px!important;
  top:calc(var(--rbc672-shell-pad-top) + 1px)!important;
}

/* ==== Block 137/140 - urspruenglich gamenight.html Zeile 60525: <style id="rbc-neon-blue-headings-style"> ==== */
.logo.rbc279-logo .rbc279-title-text,
#panel-matches .sec,
#panel-bracket .rbc541-tools-title,
#rbc-mod-setup .sec,
#rbcVolHead span{
  color:#00aeef!important;
  text-shadow:0 0 6px rgba(0,174,239,.85),0 0 16px rgba(0,174,239,.60),0 0 32px rgba(0,174,239,.35)!important;
}

/* ==== Block 138/140 - urspruenglich gamenight.html Zeile 60548: <style id="rbc-neon-mix-headings-style"> ==== */
#rbcLigaElo .rbc512-ft-title .rbc-hl-pink,
#rbc512FinalTable .rbc512-ft-title .rbc-hl-pink,
#rbc794-h2h .rbc794-title .rbc-hl-pink,
.rbc600-score h3 .rbc-hl-pink,
.rbc600-top-label .rbc-hl-pink,
#panel-spinwheel .rbc900-spin-controls .sec.rbc900-sec-quick,
#panel-luckyslot .rbc672-title .rbc-hl-pink{
  color:#ff3aa2!important;
  text-shadow:0 0 6px rgba(255,58,162,.85),0 0 16px rgba(255,58,162,.60),0 0 32px rgba(255,58,162,.35)!important;
}
#rbcLigaElo .rbc512-ft-title .rbc-hl-blue,
#rbc512FinalTable .rbc512-ft-title .rbc-hl-blue,
#rbc794-h2h .rbc794-title .rbc-hl-blue,
.rbc600-score h3 .rbc-hl-blue,
.rbc600-top-label .rbc-hl-blue,
#panel-luckyslot .rbc672-title .rbc-hl-blue,
#panel-spinwheel .rbc900-spin-controls .sec.rbc900-sec-entries{
  color:#00aeef!important;
  text-shadow:0 0 6px rgba(0,174,239,.85),0 0 16px rgba(0,174,239,.60),0 0 32px rgba(0,174,239,.35)!important;
}

/* ==== Block 139/140 - urspruenglich gamenight.html Zeile 60584: <style id="rbc960-row-select-style"> ==== */
.rbc512-ft-row[data-rbc960-row],
.rbc600-cell[data-rbc960-row]{ cursor:pointer; }
.rbc512-ft-row[data-rbc960-row]:hover{ background:rgba(255,255,255,.05); }
.rbc600-cell[data-rbc960-row]:hover{ background:rgba(255,255,255,.05); }
.rbc512-ft-row[data-rbc960-sel="1"]{ background:rgba(255,58,162,.18)!important; box-shadow:inset 3px 0 0 #ff3aa2; }
.rbc512-ft-row[data-rbc960-sel="2"]{ background:rgba(0,174,239,.18)!important; box-shadow:inset 3px 0 0 #00aeef; }
.rbc600-cell[data-rbc960-sel="1"]{ background:rgba(255,58,162,.18)!important; }
.rbc600-cell[data-rbc960-sel="2"]{ background:rgba(0,174,239,.18)!important; }

/* ==== Block 140/140 - urspruenglich gamenight.html Zeile 60816: <style id="rbc960-setup-boxes-style"> ==== */
/* rbc960-box-bg (2026-07-22): gleicher Hintergrund wie das Auswahlfeld im
   Reiter Gluecksrad (.rbc900-spin-controls) - dunkles Panel statt magenta-
   getoentem Kasten, damit die Kaestchen sich optisch wie das dortige
   Auswahlfeld anfuehlen. */
#panel-setup #rbcMapFilterSetup.rbc-mapfilter-bar{
  border:1px solid rgba(255,58,162,.20);
  border-radius:14px;
  background:rgba(5,2,14,.55);
  padding:10px 12px;
  margin:10px 0 14px;
}
#panel-setup .rbc815-mode-row,
#panel-setup .rbc356-mode-row{
  border:1px solid rgba(255,58,162,.20)!important;
  border-radius:14px!important;
  background:rgba(5,2,14,.55)!important;
  padding:10px 12px!important;
  margin:10px 0 14px!important;
}
#panel-setup .rbc815-mode-row + .rbc356-mode-row{ margin-top:0!important; }
#panel-setup .rbc960-cat-grid > #rbc294-team-mode{
  border:1px solid rgba(255,58,162,.20)!important;
  border-radius:14px!important;
  background:rgba(5,2,14,.55)!important;
}

.rbc960-hc-box{
  display:flex;
  flex-direction:column;
  gap:8px;
  border:1px solid rgba(255,58,162,.20);
  border-radius:14px;
  background:rgba(5,2,14,.55);
  padding:10px 12px;
  margin:10px 0 14px;
}
.rbc960-hc-box .rbc960-hc-chips{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}

/* rbc960-cat-grid (2026-07-22): die 5 Themen-Kaestchen (Map-Filter, Team-,
   Spiel-, Turniermodus, Handicap) nebeneinander statt untereinander, jede
   Box mit echter Ueberschrift oben statt Inline-Label links. Die Boxen sind
   bestehende Elemente aus vier verschiedenen, unabhaengigen Scripts (rbc-
   mapfilter, rbc294, rbc815, rbc356) - werden per JS (rbc960EnsureCatGrid)
   unveraendert in einen gemeinsamen Grid-Container umgehaengt, hier nur das
   Spaltenlayout + die Ueberschriften-Optik. */
#panel-setup .rbc960-cat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:14px;
  align-items:stretch;
  margin:10px 0 14px;
}
/* rbc961-body-center (2026-07-22): die 5 Kaestchen sind jetzt gleich hoch
   (align-items:stretch statt start) - die Ueberschrift bleibt oben fest,
   der Rest (Buttons/Checkbox/Hinweistext) wird als Gruppe im uebrigen
   freien Platz vertikal zentriert, damit die Bedienelemente ueber alle
   5 Kaestchen hinweg auf einer Houhe wirken statt direkt unter
   unterschiedlich hohen Ueberschriften zu kleben. */
#panel-setup .rbc960-cat-grid .rbc960-body-center{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  width:100%;
}
#panel-setup .rbc960-cat-grid > #rbcMapFilterSetup,
#panel-setup .rbc960-cat-grid > #rbc294-team-mode,
#panel-setup .rbc960-cat-grid > .rbc815-mode-row,
#panel-setup .rbc960-cat-grid > .rbc356-mode-row,
#panel-setup .rbc960-cat-grid > #rbc960-hc-box{
  margin:0!important;
  height:100%;
  box-sizing:border-box;
}
/* Ueberschrift, die eine ganze Zeile fuer sich allein bekommt (Spielmodus,
   Turniermodus - kein Begleittext daneben). Handicap bekommt seit rbc961
   den Hinweistext rechts neben die Ueberschrift (wie Map-Filter/Teammodus,
   siehe .rbc960-head-row), damit unter dem Kopf nur noch die Chips-Zeile
   steht und diese sauber zentriert werden kann. */
#panel-setup .rbc960-cat-grid .rbc815-mode-row > .rbc815-mode-label,
#panel-setup .rbc960-cat-grid .rbc356-mode-row > .rbc356-mode-label{
  display:block!important;
  flex-basis:100%!important;
  width:100%!important;
  min-width:0!important;
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--pink,#ff3aa2)!important;
  opacity:1!important;
  margin:0 0 8px!important;
  padding-bottom:6px!important;
  border-bottom:1px solid rgba(255,58,162,.18)!important;
}

/* rbc960-head-row (2026-07-22): Ueberschrift + Begleittext in einer Zeile,
   fuer Map-Filter (Pool-Anzahl) und Teammodus (aktiv/Match-Hinweis). Wird
   per JS um die bestehenden Label-/Text-Elemente herumgebaut (siehe
   rbc960RestructureMapFilter/rbc960RestructureTeamMode) statt deren Markup
   neu zu erzeugen - die Original-Scripts bleiben unveraendert zustaendig. */
.rbc960-head-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding-bottom:6px!important;
  border-bottom:1px solid rgba(255,58,162,.18)!important;
}
.rbc960-head-row .rbc960-head-title{
  font-family:var(--head,'Russo One',Arial,sans-serif)!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--pink,#ff3aa2)!important;
  white-space:nowrap!important;
}
.rbc960-row{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; }

/* Map-Filter: nach dem Umbau 3 Zeilen - Kopf (Label+Pool-Zahl), Terrain
   (Green/Winter), Wasser (Wasser/Kein Wasser) je zu zweit nebeneinander. */
#panel-setup .rbc960-cat-grid #rbcMapFilterSetup{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#panel-setup .rbc960-cat-grid #rbcMapFilterSetup .rbc-mapfilter-count{ margin:0!important; }
#panel-setup .rbc960-cat-grid #rbcMapFilterSetup .rbc-mapfilter-chip{ flex:1 1 0; text-align:center; }

/* Teammodus: Kopf (Label+aktiv-Hinweis) fest oben, darunter die 4 Groessen-
   Chips (gleichmaessig breiter statt schmale Pillen) + ELO-Checkbox als
   Gruppe im freien Platz vertikal zentriert (analog zu Spielmodus/
   Turniermodus). */
#panel-setup .rbc960-cat-grid #rbc294-team-mode{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#panel-setup .rbc960-cat-grid #rbc294-team-mode .rbc960-head-row #rbc294-hint{
  font-style:normal;
  color:#d9b45b;
  font-size:10px;
  letter-spacing:.06em;
  white-space:nowrap;
}
#panel-setup .rbc960-cat-grid #rbc294-team-mode .rbc960-tm-sizes{
  display:flex!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
}
#panel-setup .rbc960-cat-grid #rbc294-team-mode .rbc960-tm-sizes [data-rbc294-size]{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  padding:9px 4px!important;
  font-size:10.5px!important;
  text-align:center!important;
}
#panel-setup .rbc960-cat-grid #rbc294-team-mode .rbc960-tm-elo{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
}

/* Spielmodus: Kopf oben, Freies-Spiel/Turnier-Buttons darunter nebeneinander.
   rbc815s eigene Basis-Regel (Zeile ~16093) setzt flex-wrap:wrap - zusammen
   mit flex-direction:column wraeren Ueberschrift+Body sonst in eine zweite
   SPALTE statt in eine zweite ZEILE (das war die Ursache fuer das Ueber-
   lappen mit dem Turniermodus-Kaestchen daneben). */
#panel-setup .rbc960-cat-grid .rbc815-mode-row{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:0!important;
}
/* rbc960-heading-basis-fix (2026-07-22): die "volle Zeile"-Regel weiter oben
   setzt flex-basis:100% - das war fuer den urspruenglichen Zeilen-Kontext
   (Reihen-Umbruch) gedacht, wirkt in einem flex-direction:column-Kaestchen
   aber als HOEHE (100% der Kaestchenhoehe!) und blaehte die Ueberschrift auf
   ~94px auf, wodurch die Trennlinie weit unter dem Text landete statt direkt
   darunter. Hier fuer die jetzt spaltenweise angeordneten Kaestchen wieder
   auf Inhaltshoehe zurueckgesetzt. */
#panel-setup .rbc960-cat-grid .rbc815-mode-row > .rbc815-mode-label,
#panel-setup .rbc960-cat-grid .rbc356-mode-row > .rbc356-mode-label{
  flex:0 0 auto!important;
  flex-basis:auto!important;
}
#panel-setup .rbc960-cat-grid .rbc815-mode-row .rbc960-sm-body{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  flex:1 1 auto!important;
  margin:0!important;
}
#panel-setup .rbc960-cat-grid .rbc815-mode-row .rbc960-sm-body .mode-btn{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  padding:9px 6px!important;
  font-size:9.5px!important;
  letter-spacing:1px!important;
  white-space:normal!important;
  line-height:1.25!important;
  text-align:center!important;
}

/* Turniermodus: Kopf oben, Single/Double-Elimination-Buttons darunter
   nebeneinander statt gestapelt (die urspruengliche 190px-Mindestbreite
   passt nicht mehr in die schmalere Kaestchen-Spalte). */
#panel-setup .rbc960-cat-grid .rbc356-mode-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
}
#panel-setup .rbc960-cat-grid .rbc356-mode-row .rbc349-mode-toggle{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  flex:1 1 auto!important;
  margin:0!important;
}
#panel-setup .rbc960-cat-grid .rbc356-mode-row .rbc349-mode-toggle button{
  min-width:0!important;
  flex:1 1 0!important;
  padding:9px 6px!important;
  font-size:9.5px!important;
  white-space:normal!important;
  line-height:1.25!important;
  text-align:center!important;
}

/* Aktiv-Zustand ueberall einheitlich gruen leuchtend, wie bei den
   ausgewaehlten Spielerkarten (.pcard.sel) - .rbc-mapfilter-chip.active und
   #rbc294-team-mode button.active sind bereits gruen, hier nur die beiden
   Ausreisser (Spielmodus/Handicap, urspruenglich magenta) angeglichen.
   Scoped auf das Kaestchen-Grid, damit .mode-btn.active anderswo im Adminbereich
   unangetastet bleibt. */
#panel-setup .rbc960-cat-grid .mode-btn.active{
  background:rgba(76,255,136,.14)!important;
  border-color:#4cff88!important;
  color:#4cff88!important;
  box-shadow:0 0 12px rgba(76,255,136,.30)!important;
}
.rbc960-hc-chip{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:9px 16px;
  border:1px solid rgba(255,58,162,.3);
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  transition:all .2s;
}
.rbc960-hc-chip:hover{ border-color:rgba(255,58,162,.55); color:var(--text); }
.rbc960-hc-chip.active{
  background:rgba(76,255,136,.14);
  border-color:#4cff88;
  color:#4cff88;
  box-shadow:0 0 12px rgba(76,255,136,.30);
}
.rbc960-hc-hint{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.06em;
  color:#d9b45b;
  flex:1 1 auto;
  min-width:0;
  text-align:right;
}
/* rbc961-hc-head (2026-07-22): Hinweistext steht jetzt rechts neben der
   Ueberschrift statt unter den Chips - Text kann laenger sein als bei
   Map-Filter/Teammodus, deshalb top statt baseline ausrichten, damit ein
   Umbruch nicht schief haengt. */
#panel-setup .rbc960-cat-grid #rbc960-hc-box .rbc960-head-row{
  align-items:flex-start!important;
}

/* Handicap-Badge auf den Match-Karten im Reiter Spiele (rbc519-card, per
   Reiter der einzige gueltige Runden-Renderer) - volle Breite unter Avatar+
   Name statt drittes Grid-Item in der 34px-Spalte. */
.rbc960-hc-tag{
  grid-column:1 / -1;
  margin-top:2px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.4px;
  color:#ffb238;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

