/* Windows 95/2000 visual treatment, with larger type and mobile touch targets. */
.portal-directory{display:none}
.heading-icon{font-size:.85em;vertical-align:baseline}
.tournament-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tournament-heading>div{min-width:0}
.matchplay-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 16px;background:var(--title-bg);color:var(--title-ink);border:2px solid;border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light);box-shadow:inset 0 0 0 1px var(--strong-line);text-decoration:none;font:bold 15px/1.4 Tahoma,Arial,sans-serif;flex-shrink:0}
.matchplay-button:hover{filter:brightness(1.12);text-decoration:underline}
.matchplay-button:active{border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow)}
.tournament-item{display:flex;align-items:center;gap:16px;padding-right:20px;border-top:1px solid var(--line)}
.tournament-item:first-of-type{border-top:0}
.tournament-item .tournament-link{flex:1;min-width:0;border-top:0}
@media(max-width:600px){.tournament-heading{flex-direction:column;align-items:stretch;gap:15px}.tournament-heading .matchplay-button{width:100%;font-size:15px}.tournament-item{display:block;padding:0 13px 16px}.tournament-item .tournament-link{padding-left:0;padding-right:0}.tournament-item>.matchplay-button{width:100%;font-size:15px}}
.tournament-icon{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:26px}
.instructions{max-width:850px;margin:0 auto}
.instructions-intro{margin-bottom:22px}
.instructions-intro p,.example-content p{margin:12px 0;font-size:15px;line-height:1.7}
.instructions-intro p:last-child{color:var(--muted);font-size:13px}
.example-panel{margin-bottom:22px}
.example-content{padding:8px 18px 16px}
.example-content>a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.score-formula{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:16px;background:var(--panel);border:1px solid var(--line)}
.score-formula small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.score-formula strong{font:bold 23px 'Courier New',monospace;white-space:nowrap}
.comparison-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-bottom:0}
.comparison-row:last-child{border-bottom:1px solid var(--line)}
.comparison-row small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.comparison-row>strong{font:bold 22px 'Courier New',monospace;white-space:nowrap}
.counted-card{background:var(--panel);box-shadow:inset 4px 0 0 var(--link)}
.instructions-footer{font-size:14px;margin:8px 0 18px}
@media(max-width:600px){.example-content{padding:7px 12px 13px}.instructions-intro p,.example-content p{font-size:14px}.score-formula{gap:8px;padding:12px;flex-wrap:wrap}.score-formula strong{font-size:21px}.score-formula>span:last-child{flex-basis:100%;border-top:1px solid var(--line);padding-top:10px}.score-formula>span:nth-last-child(2){display:none}.comparison-row{flex-wrap:wrap;padding:12px}.comparison-row>strong{font-size:22px}.example-panel .panel-bar h3{font-size:13px;line-height:1.5}.instructions .game-breakdown{padding-top:0}}
.display-settings{position:relative;margin-left:auto;z-index:20;color:var(--ink);font:14px Tahoma,Arial,sans-serif}
.display-settings>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;background:var(--panel);border:2px solid;border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light);color:var(--ink)}
.display-settings>summary::-webkit-details-marker{display:none}
.display-menu{position:absolute;right:0;top:calc(100% + 6px);width:260px;max-width:calc(100vw - 28px);padding:16px;background:var(--panel);border:2px solid;border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light);box-shadow:3px 3px 0 #0004}
.display-menu label{display:grid;gap:6px;margin-bottom:14px}
.display-menu label>span{font-size:13px;font-weight:bold}
.display-menu select{width:100%;min-height:44px;font:16px Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink);border:1px solid var(--strong-line);border-radius:0;padding:6px}
.display-menu small{font-size:12px;color:var(--muted)}
:root {
  --bg: #367b7b;
  --paper: #f5f5f2;
  --panel: #d4d0c8;
  --ink: #141414;
  --muted: #4e4e4e;
  --line: #a3a3a0;
  --strong-line: #777773;
  --link: #000080;
  --accent: #deded9;
  --head: #000080;
  --shadow: #575754;
  --raised-light: #ffffff;
  --title-bg: #000080;
  --title-ink: #ffffff;
  --old-bg: #ffe6b8;
  --old-ink: #754000;
  --mid-bg: #dcf0d1;
  --mid-ink: #245324;
  --new-bg: #dbe9fb;
  --new-ink: #133f79;
}
:root[data-theme=dark] {
  --bg: #152329;
  --paper: #242d37;
  --panel: #35404d;
  --ink: #f4f5f7;
  --muted: #c4cbd3;
  --line: #64717e;
  --strong-line: #85929f;
  --link: #b4d6ff;
  --accent: #35404d;
  --head: #132c50;
  --shadow: #10171f;
  --raised-light: #647181;
  --title-bg: #173b6c;
  --title-ink: #ffffff;
  --old-bg: #513d22;
  --old-ink: #ffe1a5;
  --mid-bg: #2e462e;
  --mid-ink: #d4f1bd;
  --new-bg: #263e58;
  --new-ink: #c7e3ff;
}
body {font-family:Tahoma, 'MS Sans Serif', Arial, sans-serif; font-size:16px; line-height:1.5}
h1,h2,h3 {letter-spacing:0}
.masthead {border:3px solid; border-color:#7c8fa8 #000033 #000033 #7c8fa8; background:var(--head)}
.masthead-inner {padding:12px 24px}
.wordmark {font:bold 25px/1 Tahoma, Arial, sans-serif; letter-spacing:-.5px}
.wordmark>span:not(.brand-ball):not(.brand-tag) {color:#fff}
.brand-ball {box-shadow:1px 1px 0 #000; border-color:#d5d5d5}
.brand-tag {font:11px Tahoma,Arial,sans-serif; letter-spacing:1px; border-left-color:#aaa}
.masthead-note {font:11px Tahoma,Arial,sans-serif; color:#fff; letter-spacing:1px}
.theme-settings {color:#fff; font-size:12px}
.theme-settings select {font-family:Tahoma,Arial,sans-serif; background:var(--panel); color:var(--ink); border:2px solid; border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow); color-scheme:light dark}
.site-shell {border:2px solid; border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light); padding:3px; box-shadow:3px 3px 0 #123e42; background:var(--panel)}
.utility-bar {border:1px solid; border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow); font-size:12px; padding:7px 16px}
.utility-bar>span {font:11px Tahoma,Arial,sans-serif; letter-spacing:0}
.tournament-heading {background:var(--panel); border-bottom:0; padding:23px 24px 20px}
.tournament-heading h1 {font-size:30px}
.tournament-heading>p:last-child {font-size:14px; color:var(--ink)}
.eyebrow {font:bold 11px/1.6 Tahoma,Arial,sans-serif; letter-spacing:1px}
.tabs {padding:0 20px; gap:4px; border-bottom:2px solid var(--raised-light); background:var(--panel)}
.tabs a {font-size:14px; padding:9px 18px; border:2px solid; border-color:var(--raised-light) var(--shadow) transparent var(--raised-light); background:var(--panel); min-height:44px; border-radius:3px 3px 0 0}
.tabs a[aria-current=page] {color:var(--ink); border-color:var(--raised-light) var(--shadow) transparent var(--raised-light); background:var(--paper); box-shadow:0 2px 0 var(--paper)}
.tabs a[aria-current=page]:before {display:none}
main {background:var(--paper); border:1px solid var(--strong-line); border-top:0; padding:24px}
.section-heading h2 {font-size:25px}
.section-description {font-size:14px; margin-top:8px}
.text-button {font-size:12px; text-decoration:underline; min-height:44px}
.framed-button {font: bold 13px Tahoma,Arial,sans-serif; border:2px solid; border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light); background:var(--panel); box-shadow:inset -1px -1px 0 var(--strong-line); min-height:44px}
.framed-button:active {border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow); box-shadow:inset 1px 1px 0 var(--strong-line)}
.panel {border:2px solid; border-color:var(--raised-light) var(--shadow) var(--shadow) var(--raised-light); box-shadow:inset -1px -1px 0 var(--strong-line); background:var(--paper)}
.panel-bar {margin:2px; padding:8px 11px; background:var(--title-bg); color:var(--title-ink); border:0; box-shadow:none}
.panel-bar h2,.panel-bar h3 {font-size:14px; letter-spacing:0}
.panel-bar>span {font:12px Tahoma,Arial,sans-serif; color:var(--title-ink)}
.search-field {border:2px solid; border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow); box-shadow:inset 1px 1px 0 var(--strong-line)}
.search-field input::placeholder {font-size:15px}
.score-column-head {background:var(--panel); font:11px Tahoma,Arial,sans-serif; letter-spacing:0; color:var(--ink); padding:9px 14px}
.ranking-entry:nth-child(even) {background:color-mix(in srgb,var(--paper) 78%,var(--panel))}
.ranking-row {padding:15px 14px 5px}
.rank {border:1px solid var(--strong-line); font:bold 16px Tahoma,Arial,sans-serif; width:30px; height:30px; background:var(--panel)}
.rank-first {background:var(--title-bg); color:#fff; border-color:var(--title-bg); box-shadow:none}
.player-info>a {font-size:17px; min-height:44px}
.player-info>span {font-size:12px}
.leader-label {font:10px Tahoma,Arial,sans-serif; letter-spacing:0; padding:1px 4px}
.score-info>strong {font-size:25px; letter-spacing:-.5px}
.score-info>a {font-size:12px; min-height:32px}
.machine-chip {font-size:12px; padding:2px 5px; border:1px solid currentColor}
.breakdown-label {font-size:12px}
.card-details>summary {padding:9px 14px 13px; min-height:48px}
.breakdown-heading {font-size:11px}
.machine-info>strong {font-size:15px}
.machine-info small {font-size:14px}
.machine-info .era,.era {font:11px/1.6 Tahoma,Arial,sans-serif}
.adjusted-score {font-size:17px}
.breakdown-total {font-size:13px}
.breakdown-total>strong {font-size:18px}
.scoreboard-footer,.update-status {font-size:12px}
.quick-guide dt {font-size:12px}
.quick-guide dd,.panel-link {font-size:14px}
.era-key h3,.era-key p {font-size:13px}
.era-key small {font-size:12px}
.format-panel>summary strong {font-size:16px}
.rules-content {font-size:14px}
.site-footer {border:1px solid; border-color:var(--shadow) var(--raised-light) var(--raised-light) var(--shadow); margin-top:4px; padding:12px 16px; font-size:12px}
.footer-brand {font:bold 12px Tahoma,Arial,sans-serif}
.card-label,.history-heading,.back-link {font-size:13px}
.player-stats span {font-size:13px}
.history-card-heading h3 {font-size:16px}
.history-card .card-details>summary {font-size:14px}
.invalid-notice {font-size:13px}
.machine-catalog-row {font-size:14px}
.catalog-multiplier {font-size:17px}
.machine-grid .panel-bar>span {font-size:11px}
.empty-state {font-size:14px}
@media(max-width:900px) {.machine-grid{grid-template-columns:1fr}}
@media(max-width:600px) {
  .masthead-inner {padding:9px 10px; gap:8px}
  .wordmark {font-size:22px}
  .site-shell {margin:10px 7px 20px; padding:2px; box-shadow:2px 2px 0 #123e42}
  .utility-bar {padding:6px 9px; font-size:12px}
  .utility-bar>span {font-size:10px}
  .tournament-heading {padding:16px 12px}
  .tournament-heading h1 {font-size:25px}
  .tournament-heading>p:last-child {font-size:13px}
  .tabs {padding:0 7px; gap:3px}
  .tabs a {font-size:13px; padding:8px 7px; flex:1!important; min-height:44px}
  main {padding:16px 9px}
  .eyebrow {font-size:10px; letter-spacing:.6px}
  .section-heading h2 {font-size:23px}
  .section-description {font-size:13px; margin:8px 0 14px}
  .refresh-controls .text-button {font-size:12px; padding:8px 5px}
  .framed-button {font-size:12px; padding:8px}
  .search-field {padding:0 7px}
  .search-field input::placeholder {font-size:14px}
  .panel-bar {padding:8px 9px}
  .panel-bar h3 {font-size:14px}
  .panel-bar>span {font-size:12px}
  .score-column-head {font-size:10px; padding:9px}
  .ranking-row {grid-template-columns:25px minmax(0,1fr) auto; gap:7px; padding:13px 9px 4px}
  .rank {font-size:14px; width:25px; height:27px}
  .player-info>a {font-size:16px; min-height:44px}
  .player-info>span {font-size:12px; gap:5px}
  .leader-label {font-size:9px}
  .score-info>strong {font-size:21px; letter-spacing:-.8px}
  .score-info>a {font-size:12px}
  .card-details>summary {padding:9px; gap:7px}
  .machine-chip {font-size:11px; padding:2px 4px}
  .breakdown-label {font-size:11px}
  .game-breakdown {padding:0 9px 12px}
  .breakdown-heading {font-size:10px; gap:12px}
  .machine-info>strong {font-size:14px}
  .machine-info small {font-size:13px}
  .machine-info .era {font-size:10px}
  .adjusted-score {font-size:15px}
  .breakdown-total {font-size:12px}
  .breakdown-total>strong {font-size:17px}
  .scoreboard-footer {font-size:10px; padding:9px}
  .update-status {font-size:12px; line-height:1.5}
  .format-panel>summary strong {font-size:15px}
  .rules-content {font-size:14px}
  .site-footer {font-size:11px; padding:12px 10px}
  .player-stats span {font-size:12px}
  .history-total {font-size:21px}
  .history-card-heading h3 {font-size:15px}
  .card-label {font-size:12px}
  .history-card .card-details>summary {font-size:13px}
  .invalid-notice {font-size:13px}
}
@media(max-width:360px) {
  .utility-bar>span {display:none}
  .ranking-row {grid-template-columns:25px minmax(0,1fr); align-items:start}
  .rank {margin-top:9px}
  .score-info {grid-column:2; text-align:left}
  .score-info>strong {font-size:24px}
  .score-info>a {display:none}
  .player-info>span {margin-top:-2px}
  .history-card-heading {flex-wrap:wrap}
  .history-total {font-size:23px}
  .breakdown-label {font-size:11px}
  .refresh-controls .text-button {font-size:11px}
}