/* wl-20261008-1: same outcome palette as games-split.css, all breakpoints. */
html body .r45-res[data-out="win"] .r45-score { color:#7fcf8f !important; text-shadow:0 0 12px rgba(127,207,143,.45) !important; }
html body .r45-res[data-out="loss"] .r45-score { color:#e07a5f !important; text-shadow:0 0 10px rgba(224,122,95,.35) !important; }
html body .r45-res[data-out="draw"] .r45-score { color:#cfc9b8 !important; text-shadow:none !important; }
/* A dark backing preserves AA contrast even for the smallest score digits. */
html body :is(.r45-score,.gs-score) { background-color:#282720; border-radius:3px; }
html body .gs-tile.is-win .gs-fl { color:#7fcf8f; }
html body .gs-tile.is-loss .gs-fl { color:#e07a5f; }
html body .r45-btns.wl-report-actions { display:flex; flex-direction:column; align-items:stretch; }
/* Parsed in the head: desktop panels are visually open before any JS runs.
   games-split sets the matching semantic state; then normal toggles take over. */
@media (min-width:961px) {
  html:not(.wl-panels-ready) .gs-panel { grid-template-rows:1fr !important; transition:none !important; }
  html:not(.wl-panels-ready) .gs-panel-body { opacity:1 !important; transition:none !important; }
  html:not(.wl-panels-ready) .gs-chev svg { transform:rotate(180deg); transition:none !important; }
}

/* DK 08.10.: Anzeigefelder überall gleich groß; Ziffern passen immer (auch 10:10). */
html body .r45-res-line { grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr) !important; }
html body .r45-res-line .r45-score,
html body .gs-line .gs-score, html body .gs-latest-line .gs-score {
  box-sizing:border-box !important; display:inline-grid !important; grid-template-columns:1fr .42em 1fr; align-items:center;
  justify-self:center; width:80px !important; min-width:0 !important; height:38px; padding:0 7px !important; margin:0;
  font-family:"R45 Seg", monospace !important; font-weight:400 !important; font-size:22px !important; line-height:1 !important;
  letter-spacing:.02em !important; white-space:nowrap; font-variant-numeric:tabular-nums;
  background:#1d1c17 !important; border-radius:7px !important;
  box-shadow:inset 0 0 0 1px #3a382f, inset 0 2px 6px rgba(0,0,0,.55) !important; }
html body :is(.r45-score,.gs-score) > i { font-style:normal; display:block; overflow:visible; }
html body :is(.r45-score,.gs-score) > .sc-h { text-align:right; }
html body :is(.r45-score,.gs-score) > .sc-a { text-align:left; }
html body :is(.r45-score,.gs-score) > .sc-c { text-align:center; opacity:.7; transform:translateY(-.04em); }
@media (min-width:700px) {
  html body .gs-line, html body .gs-latest-line { grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important; }
  html body .gs-line .gs-score, html body .gs-latest-line .gs-score { width:88px !important; height:42px; font-size:25px !important; padding:0 8px !important; }
}
@media (max-width:370px) {
  html body .r45-res-line { grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) !important; }
  html body .r45-res-line .r45-score { width:72px !important; height:34px; font-size:20px !important; padding:0 6px !important; }
}
html body :is(.r45-res-line,.gs-line,.gs-latest-line) > span { overflow-wrap:break-word !important; hyphens:manual; }
