/* /round-robin-generator/ page styles. Built from /assets/polyatic.css tokens only (no new colours or fonts). */
.nojs{margin:1.25rem 0 0;padding:0.875rem 1rem;border:1px solid var(--line);border-left:0.25rem solid var(--accent);border-radius:0.625rem;background:var(--surface);color:var(--ink);font-size:0.9375rem;line-height:1.6}
.rr-head .sub{margin-bottom:1rem}
@media(max-width:520px){.rr-head h1{margin-bottom:0.25rem}.rr-head .sub{font-size:0.9375rem;margin-bottom:0.75rem}}

.rr-duo{display:grid;gap:1.25rem;align-items:start}
@media(min-width:920px){.rr-duo{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:1.5rem}}
.rr-input,.rr-out{min-width:0}
.rr-input{display:grid;grid-template-columns:minmax(0,1fr);gap:0.875rem;align-content:start}
@media(max-width:520px){.rr-input,.rr-out{padding:0.875rem}}
.rr-modes{margin-bottom:0}

.rr-names .head{gap:0.25rem 0.75rem;flex-wrap:wrap}.rr-names .head .k{flex:none}
.rr-count{font-family:var(--mono);font-size:0.75rem;color:var(--muted);text-align:right;margin-left:auto}
.rr-names textarea{min-height:8rem;font-family:var(--sans);font-size:0.9375rem}
@media(max-width:520px){.rr-names textarea{min-height:7rem;height:7rem}}
.rr-help{margin:0.375rem 0.125rem 0;font-size:0.8125rem;line-height:1.5;color:var(--muted)}
.rr-help code,.rr-fair code{font-family:var(--mono);font-size:0.75rem;background:var(--surface-2);border:1px solid var(--line);border-radius:0.25rem;padding:0 0.25rem;color:var(--ink)}

.rr-opts{display:grid;gap:0.75rem}
.rr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.rr-grid2 .field .head{margin-bottom:0.375rem}
.rr-checks{display:grid;gap:0.375rem;font-size:0.875rem;line-height:1.4}
.rr-checks[hidden]{display:none}
.rr-seedrow{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;font-size:0.875rem}
.rr-seedrow input[type=number]{width:7.5rem;font-family:var(--mono)}
.rr-seedrow .chip{padding:0.4375rem 0.6875rem;font-size:0.8125rem}
.rr-titlef .head{margin-bottom:0.375rem}
.rr-make{height:3rem;font-size:1.0625rem;width:100%}
.rr-msg{margin:0;padding:0.75rem 0.875rem;border:1px solid var(--line-2);border-left:0.25rem solid var(--bad);border-radius:0.5rem;background:var(--surface-2);font-size:0.9375rem;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.rr-fair{margin:0;font-size:0.8125rem;line-height:1.55;color:var(--muted)}

.rr-notice{margin:0 0 1rem;padding:0.75rem 0.875rem;border:1px solid var(--line-2);border-left:0.25rem solid var(--accent);border-radius:0.5rem;background:var(--accent-soft);font-size:0.875rem;line-height:1.5;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}
.rr-notice .chip{padding:0.375rem 0.6875rem;font-size:0.8125rem}
.rr-notice.is-bad{border-left-color:var(--bad);background:var(--surface-2)}

/* schedule */
.rr-out{display:grid;grid-template-columns:minmax(0,1fr);gap:0.875rem;align-content:start;scroll-margin-top:0.75rem}
.rr-outhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0.25rem 0.75rem}
.rr-outhead .k,.rr-out h3.k{margin:0;font-family:var(--mono);font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rr-status{margin:0;font-family:var(--mono);font-size:0.75rem;color:var(--muted);overflow-wrap:anywhere}
.rr-empty{margin:0;padding:1.5rem 1rem;border:1px dashed var(--line-2);border-radius:0.625rem;text-align:center;color:var(--muted);font-size:0.9375rem}
.rr-out.is-empty .rr-share,.rr-out.is-empty .rr-rounds{display:none}
.rr-note{margin:0}
.rr-rounds{display:grid;gap:0.75rem;max-height:min(70vh,44rem);overflow:auto;overscroll-behavior:contain;padding-right:0.125rem}
@media(min-width:1180px){.rr-rounds{grid-template-columns:1fr 1fr}}
.rr-round{border:1px solid var(--line);border-radius:0.625rem;background:var(--surface-2);padding:0.625rem 0.75rem;min-width:0}
.rr-round h4{margin:0 0 0.375rem;font-size:0.9375rem;font-weight:650}
.rr-slot{margin:0.375rem 0 0.25rem;font-family:var(--mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rr-game{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0.375rem;padding:0.3125rem 0;border-top:1px solid var(--line)}
.rr-game:first-of-type{border-top:0}
.rr-court{font-family:var(--mono);font-size:0.6875rem;color:var(--muted)}
.rr-side{font-size:0.9375rem;line-height:1.3;overflow-wrap:anywhere;min-width:0}
.rr-side.b{text-align:right}
.rr-side.win{font-weight:650}
.rr-score{display:flex;align-items:center;gap:0.25rem}
.rr-score input{width:3.25rem;padding:0.375rem 0.25rem;text-align:center;font-family:var(--mono);font-size:0.9375rem}
.rr-score select{width:5.25rem;padding:0.375rem 0.25rem;font-family:var(--mono);font-size:0.875rem}
.rr-score span{color:var(--muted)}
.rr-sit{margin:0.375rem 0 0;font-size:0.8125rem;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:420px){.rr-game{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.rr-court{grid-column:1/-1}}

.rr-scroll{overflow-x:auto;margin-top:0.375rem}
.rr-table{width:100%;border-collapse:collapse;font-size:0.875rem;font-variant-numeric:tabular-nums}
.rr-table th,.rr-table td{padding:0.375rem 0.5rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.rr-table th{font-family:var(--mono);font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.rr-table td.nm,.rr-table th.nm{text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:7rem}
.rr-table tr.top td{font-weight:650}
.rr-standings[hidden],.rr-fairness[hidden]{display:none}

.rr-share{display:grid;gap:0.5rem;border-top:1px solid var(--line);padding-top:0.75rem}
.rr-row{display:flex;flex-wrap:wrap;gap:0.5rem}
.rr-row .btn{height:2.5rem;padding:0 0.875rem}
.rr-sharerow{display:flex;gap:0.5rem}
.rr-sharerow input{flex:1;min-width:0;font-family:var(--mono);font-size:0.8125rem}
.rr-sharerow .btn{height:auto;min-height:2.5rem;padding:0 0.875rem}
.rr-save{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem 0.75rem;border-top:1px solid var(--line);padding-top:0.75rem}
.rr-save .rr-help{margin:0}
.rr-save .chip{padding:0.375rem 0.6875rem;font-size:0.8125rem}
.rr-save #savestate{flex-basis:100%}
.rr-save #savestate:empty{display:none}

.rr-printout{display:none}

/* print: only the sheet, light-token colours whatever the screen theme, names large enough to read on a wall */
@page{size:portrait;margin:12mm}
@media print{
  .skip-link,.rr-page,noscript{display:none !important}
  html,body{background:#ffffff !important;margin:0;padding:0;color:#111312}
  .rr-printout{display:block;font-family:var(--sans);color:#111312}
  .rr-printout h1{margin:0 0 1mm;font-size:20pt;line-height:1.15}
  .rr-printout .pmeta{margin:0 0 4mm;font-size:9pt;color:#5a5f5b}
  .pround{break-inside:avoid;page-break-inside:avoid;margin:0 0 5mm;border:0.3mm solid #9aa09b;border-radius:2mm;padding:2.5mm 3.5mm}
  .pround h2{margin:0 0 1.5mm;font-size:14pt}
  .pslot{margin:1.5mm 0 0.5mm;font-size:8.5pt;text-transform:uppercase;letter-spacing:.06em;color:#5a5f5b}
  .pgame{display:grid;grid-template-columns:17mm 1fr 26mm 1fr;align-items:center;gap:2mm;padding:1.2mm 0;border-top:0.2mm solid #d4d7d3;font-size:15pt;line-height:1.2}
  .pgame:first-of-type{border-top:0}
  .pgame .pc{font-size:8.5pt;color:#5a5f5b}
  .pgame .pb{text-align:right}
  .pgame .ps{text-align:center;font-size:13pt;white-space:nowrap}
  .pgame .box{display:inline-block;width:9mm;height:8mm;border:0.3mm solid #111312;vertical-align:middle}
  .psit{margin:1mm 0 0;font-size:11pt;color:#5a5f5b}
  .pgrid{break-before:page;page-break-before:always}
  .pgrid table{border-collapse:collapse;width:100%;font-size:10pt}
  .pgrid th,.pgrid td{border:0.3mm solid #111312;padding:1.5mm;height:9mm;text-align:center}
  .pgrid th.nm,.pgrid td.nm{text-align:left;font-size:11pt}
  .pgrid td.x{background:#d4d7d3}
}