/* Identical layout, navigation and scoring in all four skins. */
:root, :root[data-skin="modern"] {
  color-scheme:dark; --bg:#08152c; --surface:#102444; --surface2:#183354;
  --border:#425c7c; --cream:#f5f8ff; --muted:#b9cbe0; --gold:#81c6ff;
  --red:#ff9caa; --green:#9be6ba; --white:#f5f8ff;
  --primary:#1766c9; --primary-text:#fff; --selected:#234674;
  --panel:linear-gradient(140deg,#173256,#0d1e3a 85%);
  --page:radial-gradient(ellipse at 10% 0,#173e72,transparent 48%),linear-gradient(135deg,transparent 55%,#18385955 55%,transparent 80%);
  --shadow:0 10px 30px #0003; --good-bg:#173d33; --good-fg:#b7f3ce;
  --bad-bg:#49212e; --bad-fg:#ffd3dc; --wait-bg:#3c3443; --wait-fg:#ffe2b0;
  --wales:#ff9caa; --england:#f5f8ff; --stripe:linear-gradient(90deg,#d52d49 0 32%,#287bdf 32% 68%,#e8eef8 68%);
}
:root[data-skin="newspaper"] {
  color-scheme:light; --bg:#fff8e8; --surface:#fffdf5; --surface2:#fff0bc;
  --border:#383127; --cream:#29241d; --muted:#62594d; --gold:#855200;
  --red:#b21d38; --green:#286440; --white:#fff; --primary:#ffe16b; --primary-text:#29241d;
  --selected:#fff0a8; --panel:linear-gradient(145deg,#fffef7,#fff7d9);
  --page:radial-gradient(#e9d8b0 1px,transparent 1px); --shadow:3px 3px 0 #383127;
  --good-bg:#e4f3d4; --good-fg:#275b30; --bad-bg:#ffe4de; --bad-fg:#9b2638;
  --wait-bg:#fff0bc; --wait-fg:#735200; --wales:#b51d38; --england:#214b82;
  --stripe:linear-gradient(90deg,#e74458 0 33%,#ffd746 33% 66%,#58b5d3 66%);
}
:root[data-skin="elegant"] {
  color-scheme:light; --bg:#f5f0e5; --surface:#fffcf5; --surface2:#ece5d6;
  --border:#b5a789; --cream:#263d32; --muted:#60675c; --gold:#796023;
  --red:#a3303c; --green:#2f6747; --white:#fff; --primary:#294d3c; --primary-text:#fff9ea;
  --selected:#e9dfc3; --panel:linear-gradient(140deg,#fffdf8,#f4eddf);
  --page:radial-gradient(ellipse at 90% 0,#d4dbc8,transparent 55%); --shadow:0 10px 30px #54452812;
  --good-bg:#e2ede0; --good-fg:#275a3b; --bad-bg:#f8e3df; --bad-fg:#94373a;
  --wait-bg:#eee4cd; --wait-fg:#745622; --wales:#a3303c; --england:#294b68;
  --stripe:linear-gradient(90deg,#294d3c,#b99d57,#294d3c);
}
:root[data-skin="afterdark"] {
  color-scheme:dark; --bg:#100b1c; --surface:#21132f; --surface2:#312044;
  --border:#78528e; --cream:#fff1fc; --muted:#d0b9df; --gold:#ff9bdc;
  --red:#ff9bab; --green:#a3ebca; --white:#fff1fc; --primary:#a82477; --primary-text:#fff;
  --selected:#4a2359; --panel:linear-gradient(145deg,#31163f,#181022 85%);
  --page:radial-gradient(ellipse at 10% 0,#70265966,transparent 48%),radial-gradient(ellipse at 95% 35%,#6030a344,transparent 55%);
  --shadow:0 10px 32px #0004; --good-bg:#193c35; --good-fg:#b1f1d7;
  --bad-bg:#4a1c38; --bad-fg:#ffd1e6; --wait-bg:#42304a; --wait-fg:#ffe0b5;
  --wales:#ff9bab; --england:#f8edff; --stripe:linear-gradient(90deg,#ff51bd,#9e69ff,#ff51bd);
}
html[data-skin] body { background:var(--page),var(--bg); color:var(--cream); }
html[data-skin="newspaper"] body { background-size:12px 12px; }
html[data-skin] .mast { border-image:var(--stripe) 1; }
html[data-skin] .crest { background:var(--panel); border-color:var(--gold); box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 15%,transparent); }
html[data-skin] .panel { background:var(--panel); border-color:var(--border); box-shadow:var(--shadow); }
html[data-skin] .stat,html[data-skin] .item,html[data-skin] .format,html[data-skin] .empty,
html[data-skin] .chip,html[data-skin] .v10-round-score { background:var(--surface); border-color:var(--border); }
html[data-skin] .item.selected,html[data-skin] .format:has(input:checked) { background:var(--selected); border-color:var(--gold); }
html[data-skin] .button,html[data-skin] .tabs button { background:var(--surface2); color:var(--cream); border-color:var(--border); }
html[data-skin] .button.primary,html[data-skin] .button.active,html[data-skin] .tabs button.active,
html[data-skin] .picker .button.active,html[data-skin] .rounds-nav button.active { background:var(--primary); color:var(--primary-text); border-color:var(--gold); }
html[data-skin] .button.ghost { background:transparent; }
html[data-skin] input,html[data-skin] select,html[data-skin] textarea { background:var(--surface); color:var(--cream); border-color:var(--border); }
html[data-skin] .field label,html[data-skin] .field>span { color:var(--cream); }
html[data-skin] .badge,html[data-skin] .chip.gold,html[data-skin] .line .num { color:var(--gold); border-color:var(--border); background:var(--surface2); }
html[data-skin] .notice,html[data-skin] .status.wait { background:var(--wait-bg); color:var(--wait-fg); border-color:var(--border); }
html[data-skin] .notice.good,html[data-skin] .status.done,html[data-skin] .step .number.done { background:var(--good-bg); color:var(--good-fg); border-color:var(--green); }
html[data-skin] .notice.bad,html[data-skin] .button.danger,html[data-skin] .chip.red { background:var(--bad-bg); color:var(--bad-fg); border-color:var(--red); }
html[data-skin] .step,html[data-skin] .fixture { border-color:var(--border); }
html[data-skin] .step .number { border-color:var(--border); }
html[data-skin] .scorecard-table tbody tr:nth-child(odd) { background:color-mix(in srgb,var(--surface2) 50%,transparent); }
html[data-skin] .hint { background:color-mix(in srgb,var(--gold) 9%,transparent); }
html[data-skin] .fb-continue-panel { background:var(--selected); border-color:var(--gold); }
html[data-skin] .fb-continue-panel strong,html[data-skin] .v10-tally,html[data-skin] .v10-round-score strong { color:var(--gold); }
html[data-skin] .v10-wales { color:var(--wales); } html[data-skin] .v10-england { color:var(--england); }
html[data-skin] .v10-pending { background:var(--wait-bg); }
html[data-skin="newspaper"] h1,html[data-skin="newspaper"] h2,html[data-skin="newspaper"] h3 { font-family:'Trebuchet MS',system-ui,sans-serif; }
html[data-skin="elegant"] h1,html[data-skin="elegant"] h2,html[data-skin="elegant"] h3 { font-family:Georgia,serif; }
.skin-settings { margin-top:12px; }
.skin-settings summary { width:fit-content; font-size:12px; }
.skin-settings .field { max-width:320px; margin-top:10px; }
.skin-settings select { min-height:44px; }
.skin-settings p { margin:5px 0 0; }
#skinStatus:empty { display:none; }
@media print { html[data-skin] body,html[data-skin] .panel { background:white; color:black; } .skin-settings { display:none; } }

/* Phone standings retain full names, holes and points. */
.v97-compact-individual { min-width:360px; }
.fb-standings-table { min-width:430px; }
.v99-review-table { min-width:420px; }
@media(max-width:760px) {
 .v97-compact-individual,.v97-compact-pairs { min-width:0;width:100%;table-layout:fixed; }
 .v97-compact-individual th,.v97-compact-individual td,.v97-compact-pairs th,.v97-compact-pairs td { padding:8px 4px; }
 .v97-compact-individual th:nth-child(1),.v97-compact-individual td:nth-child(1) { width:28px; }
 .v97-compact-individual th:nth-child(3),.v97-compact-individual td:nth-child(3) { width:48px; }
 .v97-compact-individual th:nth-child(4),.v97-compact-individual td:nth-child(4),.v97-compact-pairs th:nth-child(3),.v97-compact-pairs td:nth-child(3) { width:52px; }
 .v97-compact-pairs th:nth-child(4),.v97-compact-pairs td:nth-child(4) { width:60px; }
 .v97-compact-pairs th:nth-child(2),.v97-compact-pairs td:nth-child(2) { display:none; }
 .v97-compact-individual th:nth-child(2),.v97-compact-individual td:nth-child(2),.v97-compact-pairs th:nth-child(1),.v97-compact-pairs td:nth-child(1) { overflow-wrap:anywhere;text-align:left; }
 .v10-individual-table,.fb-standings-table,.v99-review-table { min-width:0;width:100%;table-layout:fixed; }
 .v10-individual-table th,.v10-individual-table td,.fb-standings-table th,.fb-standings-table td,.v99-review-table th,.v99-review-table td { padding:8px 4px; }
 .v10-individual-table th:nth-child(3),.v10-individual-table td:nth-child(3),.fb-standings-table th:nth-child(4),.fb-standings-table td:nth-child(4),.v99-review-table th:nth-child(3),.v99-review-table td:nth-child(3) { display:none; }
 .v10-individual-table th:nth-child(1),.v10-individual-table td:nth-child(1) { width:28px; }
 .v10-individual-table th:nth-child(4),.v10-individual-table td:nth-child(4),.fb-standings-table th:nth-child(2),.fb-standings-table td:nth-child(2) { width:48px; }
 .v10-individual-table th:nth-child(5),.v10-individual-table td:nth-child(5),.fb-standings-table th:nth-child(3),.fb-standings-table td:nth-child(3) { width:52px; }
 .v99-review-table th:nth-child(2),.v99-review-table td:nth-child(2) { width:60px; }
 .v99-review-table th:nth-child(4),.v99-review-table td:nth-child(4) { width:72px; }
 .v10-individual-table th:nth-child(2),.v10-individual-table td:nth-child(2),.fb-standings-table th:nth-child(1),.fb-standings-table td:nth-child(1),.v99-review-table th:nth-child(1),.v99-review-table td:nth-child(1) { overflow-wrap:anywhere;text-align:left; }
}

.tabs button[hidden]{display:none!important}.practice-history .row>div{min-width:0}.practice-history .item .small{overflow-wrap:anywhere}