/* Riga dei risultati sotto i rulli: pillola scura sempre leggibile su qualsiasi scena.
   Sfondo rgba(8,12,24,.82) + testo bianco: contrasto WCAG >= 4.5:1 anche sul fondale piu' chiaro. */
:root { --winline-accent: #f0d78c; }
body[data-suite-game="holdwin"] { --winline-accent: #ff3b3b; }
body[data-suite-game="ways"] { --winline-accent: #00d1c1; }
body[data-suite-game="dynamic"] { --winline-accent: #f0c14b; }
body[data-suite-game="bothways"] { --winline-accent: #ff4fd8; }
body[data-suite-game="symphony"] { --winline-accent: #ffc94a; }
body[data-suite-game="yinyang"] { --winline-accent: #3ddc97; }
body[data-suite-game="diamondbloom"] { --winline-accent: #ff4f8b; }

body .winline {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 14px;
  border: 1px solid var(--winline-accent);
  border-radius: 999px;
  background: rgba(8, 12, 24, .82);
  color: #ffffff;
  text-align: center;
  text-shadow: none;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
body .winline:empty { background: transparent; border-color: transparent; }

@media (max-height: 360px), (max-height: 500px) and (pointer: coarse) {
  html.embed body .winline { padding: 1px 12px; }
}