/* odds colours (polish.js, del 7 Nov 2026) */
[data-og]{--oc:#54d69a;--ocb:rgba(84,214,154,.09);--ocl:rgba(84,214,154,.55)}
[data-og=great]{--oc:#2fe08a;--ocb:rgba(47,224,138,.13);--ocl:rgba(47,224,138,.8)}
[data-og=good]{--oc:#9be27a;--ocb:rgba(155,226,122,.09);--ocl:rgba(155,226,122,.55)}
[data-og=long]{--oc:#ffa53a;--ocb:rgba(255,165,58,.1);--ocl:rgba(255,165,58,.6)}
[data-og=slim]{--oc:#ff5d5d;--ocb:rgba(255,93,93,.1);--ocl:rgba(255,93,93,.6)}
[data-og] b{color:var(--oc)!important;text-shadow:0 0 18px var(--ocb)!important}
.bigodds[data-og]{border-color:var(--ocl)!important;background:var(--ocb)!important}
/* del 7 Nov 19:17: colours only, no writing (word kept for screen readers only) */
.og-word{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* bigger tap targets on phones (usability check 7 Nov 2026) */
@media (max-width:760px){
  .howto{display:inline-flex;align-items:center;min-height:40px;padding:8px 10px}
  .fz-ticks button{min-height:40px;padding-top:9px;padding-bottom:9px}
  .bt-all,.linkbtn{display:inline-flex;align-items:center;min-height:44px}
  footer a{display:inline-block;padding:10px 0}
}
/* 9 Nov 2026 (del): odds sitting on a photo (big photo cards) were hard to read: the colour tint above made the box see-through.
   Keep the colour on the edge and the numbers, but give the box a solid dark back. PC + phone, every page with polish.css. */
.ncard.lead .codds .bigodds,.ncard.lead .codds .bigodds[data-og]{background:rgba(8,12,24,.94)!important;border-width:2px!important;box-shadow:0 4px 18px rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ncard.lead .codds .bigodds b{text-shadow:0 1px 2px rgba(0,0,0,.9)!important}
.ncard.lead .codds .bigodds small,.ncard.lead .codds .bigodds .oddsnow,.ncard.lead .codds .bigodds .csell{color:#dfe6f3!important;text-shadow:0 1px 2px rgba(0,0,0,.9)}