/* Grafismos derivados da marca: linhas de quadra e textura de rede (Manual §10). */
:root{
  --court-line-color:rgba(4,57,82,0.16); /* @kind other */
  --court-line-color-invert:rgba(255,236,204,0.22); /* @kind other */
  --court-line-w:4px;
  --net-opacity:0.10; /* @kind other */

  --pattern-court-lines:repeating-linear-gradient(90deg,var(--court-line-color) 0 var(--court-line-w),transparent var(--court-line-w) 120px); /* @kind other */
  --pattern-net:repeating-linear-gradient(45deg,rgba(4,57,82,0.10) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,rgba(4,57,82,0.10) 0 1px,transparent 1px 12px); /* @kind other */
  --pattern-net-invert:repeating-linear-gradient(45deg,rgba(255,236,204,0.14) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,rgba(255,236,204,0.14) 0 1px,transparent 1px 12px); /* @kind other */
  --pattern-sand:radial-gradient(circle at 20% 30%,rgba(140,115,87,0.06) 0 2px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(140,115,87,0.05) 0 2px,transparent 2px); /* @kind other */
}