.bfp {margin:12px 0}.bfp h3,.bfp h4 {margin:16px 0 10px}.bfp-nav {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bfp-nav a {padding:8px 12px;border:1px solid #8897a2;border-radius:5px}.bfp-nav [aria-current] {font-weight:bold;border-width:2px}.bfp-games {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.bfp-game,.bfp-rules {border:1px solid #8996a2;border-radius:6px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.bfp form label {display:block;margin:10px 0 5px}.bfp input:not([type=hidden]):not([type=checkbox]),.bfp select {box-sizing:border-box;max-width:100%;padding:8px;font:inherit}.bfp input[type=number] {width:110px}.bfp-editor input[type=text],.bfp-editor input[type=datetime-local] {display:block;width:100%;max-width:480px}.bfp .button {margin:8px 0;min-height:36px;white-space:normal}.bfp-scroll {overflow-x:auto;width:100%;margin:12px 0}.bfp table {min-width:640px;width:100%}.bfp td,.bfp th {padding:9px!important}.bfp-error {color:#8b1010;background:#ffe5e5;padding:12px;border:1px solid #a82323}.bfp-success {color:#14552a;background:#e5f6eb;padding:12px}.bfp pre {white-space:pre-wrap;overflow-wrap:anywhere}.bfp :focus-visible {outline:3px solid #c48a00;outline-offset:3px}.bfp summary {cursor:pointer;min-height:30px}@media(max-width:400px){.bfp-games{grid-template-columns:minmax(0,1fr)}.bfp-game{padding:9px}}

.bfp table.table1 thead th{background:#293e55;color:#fff!important;font-weight:600}.bfp table.table1 tbody td{border-bottom:1px solid #a3adba}

.bfp-nav small {display:block;margin-top:4px;font-size:.85em}
.bfp-join,.bfp-progress {padding:10px 12px;border-left:3px solid #8996a2}
.bfp .bfp-pick-fields {border:0;padding:0;margin:0;min-width:0}
.bfp .bfp-pick-fields:disabled {opacity:.65}
.bfp-countdown {font-weight:bold;font-variant-numeric:tabular-nums}
.bfp-countdown.bfp-soon {color:#a85000}
.bfp-submit {padding:8px 0;margin-bottom:18px}
.bfp #bfp-dirty:not(:empty) {font-weight:bold}
.bfp .bfp-mine td {font-weight:bold;border-top:2px solid #8996a2;border-bottom:2px solid #8996a2!important}
.bfp .bfp-mine td:first-child {border-left:3px solid #8996a2}

.bfp .bfp-scoring {border:1px solid #8996a2;padding:12px;margin:18px 0;min-width:0}
.bfp .bfp-scoring legend {font-weight:bold;padding:0 6px}
.bfp .bfp-scoring input {display:block;margin-top:5px}

.bfp .bfp-delete-link {margin-top:24px;padding-top:12px;border-top:1px solid #8996a2}
.bfp .bfp-delete-button {color:#fff;background:#8b2020;border-color:#8b2020}

.bfp #bfp-margin-settings[hidden] {display:none!important}

/* beta7: isolated game surface; deliberate contrast on both supplied Milk styles. */
#bfp-app.bfp{background:#f2f5f9;color:#22354b;border:1px solid #dce3ec;border-radius:18px;padding:22px;box-sizing:border-box;box-shadow:0 8px 30px rgba(22,38,61,.07)}
#bfp-app .inner{color:inherit}#bfp-app h3,#bfp-app h4,#bfp-app label,#bfp-app legend,#bfp-app summary{color:#22354b}#bfp-app a{color:#995014}
#bfp-app .bfp-hero{background:linear-gradient(115deg,#142335,#294363);border-radius:13px;padding:27px 26px;color:#fff;border-bottom:4px solid #ed9445;margin-bottom:20px}
#bfp-app .bfp-hero h2{color:#fff;font-size:27px;margin:7px 0 9px;line-height:1.2;font-weight:700}#bfp-app .bfp-hero p{color:#d9e4ef;margin:0;line-height:1.5}.bfp-eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#ffb779}
#bfp-app .bfp-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#bfp-app .bfp-toolbar a{background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #d8e1eb;text-decoration:none}
#bfp-app .bfp-nav a{background:#fff;border:1px solid #d5deea;border-radius:10px;text-decoration:none;color:#22354b;padding:12px 16px}#bfp-app .bfp-nav a[aria-current]{background:#233b56;border-color:#233b56;color:#fff}#bfp-app .bfp-nav a:hover{border-color:#b86420}
#bfp-app .bfp-game{background:#fff;border:1px solid #dce3ec;border-radius:13px;box-shadow:0 3px 10px rgba(23,40,60,.04);padding:20px;position:relative;border-top:3px solid #e49a5c}#bfp-app .bfp-game h4{margin-top:0;font-size:18px;line-height:1.4}#bfp-app .bfp-game p{line-height:1.55}
#bfp-app .bfp-rules{background:#fff;border:1px solid #dce3ec;padding:12px 16px;border-radius:10px}#bfp-app .bfp-join{border:0;padding:8px 0;margin:8px 0}#bfp-app .bfp-join p{line-height:1.6;margin:6px 0}
#bfp-app .bfp-mode-badge{display:inline-block;background:#e6edf5;color:#243e5b;padding:6px 11px;border-radius:6px;font-size:13px;font-weight:bold;margin:0 0 8px}
#bfp-app input:not([type=checkbox]),#bfp-app select,#bfp-app textarea{background:#fff;color:#172c43;border:1px solid #aab9c9;border-radius:7px;line-height:1.45}#bfp-app select{min-height:42px}#bfp-app input:focus,#bfp-app select:focus,#bfp-app textarea:focus{outline:2px solid #bb681e;outline-offset:2px}
#bfp-app .button{background:#fff;color:#203a57;border:1px solid #b7c7d7;border-radius:8px;padding:10px 15px;text-shadow:none;font-weight:600;line-height:1.3;height:auto;text-decoration:none}#bfp-app .button:hover{background:#eaf0f7}#bfp-app .bfp-submit button,#bfp-app .bfp-primary{background:#223c59;color:#fff;border-color:#223c59}#bfp-app .bfp-primary:hover,#bfp-app .bfp-submit button:hover{background:#31577e}
#bfp-app .bfp-countdown{display:inline-block;background:#edf3fa;border-radius:7px;padding:7px 10px;color:#274b6d}#bfp-app .bfp-countdown.bfp-soon{background:#fff0df;color:#8a4409}#bfp-app .bfp-success{border-radius:9px;border:1px solid #98cda9}#bfp-app .bfp-error{border-radius:9px;color:#8b1010}
#bfp-app .bfp-progress{background:#e6edf5;border:0;border-radius:9px;padding:13px 16px}#bfp-app table{background:#fff;color:#22354b;border-collapse:collapse}#bfp-app table td{color:#22354b}#bfp-app table tbody tr:nth-child(even){background:#f0f4f9}#bfp-app table .bfp-mine{background:#fff0df!important}#bfp-app .bfp-scroll{border-radius:9px}
#bfp-app .bfp-scoring{background:#fff;border:1px solid #d6e0ea;border-radius:12px;padding:20px}#bfp-app #bfp-mode{width:100%;max-width:480px;font-weight:bold;border-width:2px}#bfp-app .bfp-delete-button{background:#8b2020;color:#fff}
#bfp-app .bfp-bulk-form textarea{width:100%;box-sizing:border-box;padding:14px;resize:vertical;font:inherit;line-height:1.6}#bfp-app .bfp-example{background:#e7edf5;padding:13px;border-radius:8px;font-size:13px;line-height:1.7;color:#203c5b}
#bfp-app .bfp-result-list{display:grid;gap:12px}#bfp-app .bfp-result-row{background:#fff;border:1px solid #d6e0ea;border-radius:10px;padding:15px;min-width:0}#bfp-app .bfp-result-row legend{font-weight:bold;max-width:100%;overflow-wrap:anywhere;padding:0 5px}#bfp-app .bfp-score-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;align-items:end;max-width:560px}#bfp-app .bfp-score-pair input{display:block;width:100%;max-width:180px;margin-top:7px}#bfp-app .bfp-score-pair span{padding-bottom:14px;text-align:center}
#bfp-app .bfp-preview{border:2px solid #84ad91;background:#eef8f0;border-radius:12px;padding:18px;margin:20px 0}#bfp-app .bfp-preview ul{padding-left:20px}#bfp-app .bfp-preview li{padding:8px 0;line-height:1.5}
@media(max-width:600px){#bfp-app.bfp{padding:12px;border-radius:12px}#bfp-app .bfp-hero{padding:20px 17px}#bfp-app .bfp-hero h2{font-size:23px}#bfp-app .bfp-game{padding:15px}#bfp-app .bfp-scoring{padding:12px}#bfp-app .bfp-submit button{width:100%}#bfp-app .bfp-games{grid-template-columns:minmax(0,1fr)}}
#bfp-app.bfp{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}#bfp-app h2,#bfp-app h3,#bfp-app h4,#bfp-app p,#bfp-app input,#bfp-app select,#bfp-app button{font-family:inherit}#bfp-app p{font-size:1em}#bfp-app h3{font-size:18px;line-height:1.4}#bfp-app .button{display:inline-block;vertical-align:middle;box-sizing:border-box;max-width:100%}#bfp-app .bfp-score-pair label{font-size:14px;line-height:1.4}

/* beta11: compact prediction cards, with actions outside the normal content flow. */
#bfp-app .bfp-games{align-items:start;gap:10px}
#bfp-app .bfp-game-compact{margin:0;padding:12px 14px;border-top-width:1px;border-radius:9px}
#bfp-app .bfp-game-compact h4{margin:0 30px 4px 0;font-size:16px;line-height:1.35}
#bfp-app .bfp-game-compact .bfp-game-date{margin:0 0 8px;font-size:13px;line-height:1.35;color:#52647a}
#bfp-app .bfp-game-compact .bfp-game-pick{margin:6px 0 0;font-size:14px;line-height:1.4}
#bfp-app .bfp-game-compact .bfp-pick-fields{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:4px 8px}
#bfp-app .bfp-game-compact .bfp-pick-fields label{margin:0;font-size:12px;grid-row:1;line-height:1.4}
#bfp-app .bfp-game-compact .bfp-pick-fields select{grid-column:1;grid-row:2;width:100%;min-width:0;font-size:14px;padding:7px;min-height:38px}
#bfp-app .bfp-game-compact .bfp-pick-fields input[type=number]{grid-column:2;grid-row:2;width:100%;font-size:14px;padding:7px;min-height:38px}
#bfp-app .bfp-game-compact .bfp-pick-fields label:first-of-type{grid-column:1}
#bfp-app .bfp-game-compact .bfp-pick-fields label:last-of-type:not(:first-of-type){grid-column:2}
#bfp-app .bfp-game-compact .bfp-pick-fields select:last-child{grid-column:1 / -1}
#bfp-app .bfp-game-actions{position:absolute;right:7px;top:7px}
#bfp-app .bfp-game-actions summary{display:block;list-style:none;min-height:32px;min-width:32px;text-align:center;font-size:22px;line-height:30px;border-radius:5px}
#bfp-app .bfp-game-actions summary::-webkit-details-marker{display:none}
#bfp-app .bfp-game-actions[open]{z-index:5}
#bfp-app .bfp-game-actions[open] summary{background:#edf3fa}
#bfp-app .bfp-game-actions>div{position:absolute;right:0;top:34px;width:210px;max-width:70vw;background:#fff;border:1px solid #bbc8d7;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:7px;padding:5px}
#bfp-app .bfp-game-actions a{display:block;padding:9px;font-size:14px;line-height:1.4}
#bfp-app #bfp-dirty:empty,#bfp-app #bfp-client-locks:empty{display:none}

/* beta12: compact entry and navigation, shared by every game page. */
#bfp-app.bfp{padding:14px 16px;border-radius:10px;box-shadow:none}
#bfp-app .bfp-hero{background:none;border:0;border-radius:0;padding:0;margin:0 0 6px;color:#22354b}
#bfp-app .bfp-hero h2{color:#22354b;font-size:21px;line-height:1.25;margin:0;font-weight:700}
#bfp-app .bfp-controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 14px;margin:0 0 8px}
#bfp-app .bfp-toolbar{margin:0;gap:4px 12px}
#bfp-app .bfp-toolbar a{background:none;border:0;border-radius:0;padding:6px 0;font-size:13px;line-height:20px}
#bfp-app .bfp-top-rules{background:none;border:0;border-radius:0;padding:0;margin:0;overflow-wrap:anywhere;max-width:100%;font-size:13px}
#bfp-app .bfp-top-rules summary{padding:6px 0;min-height:0;line-height:20px;color:#995014}
#bfp-app .bfp-top-rules[open]{flex-basis:100%;padding-bottom:6px}
#bfp-app .bfp-top-rules p{margin:5px 0}
#bfp-app .bfp-nav{margin:6px 0;gap:6px}
#bfp-app .bfp-nav a{padding:7px 10px;border-radius:6px;font-size:14px}
@media(max-width:600px){#bfp-app.bfp{padding:10px;border-radius:8px}#bfp-app .bfp-hero{padding:0;margin-bottom:4px}#bfp-app .bfp-hero h2{font-size:19px}}

#bfp-app .bfp-round-picker{margin:10px 0;max-width:650px}
#bfp-app .bfp-round-picker>label{display:block;margin:0 0 4px;font-size:13px}
#bfp-app .bfp-round-controls{display:flex;align-items:center;gap:7px;min-width:0}
#bfp-app .bfp-round-controls select{flex:1;min-width:0;width:0;font-size:14px;min-height:38px;padding:7px}
#bfp-app .bfp-round-controls .button{flex:none;margin:0;padding:8px 10px;font-size:13px;min-height:38px}

/* beta14: compact season tools and explicit persisted/unsaved prediction states. */
#bfp-app .bfp-season-heading h3{margin:7px 0 3px;font-size:17px}
#bfp-app .bfp-season-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:3px 13px;margin:0 0 5px;font-size:13px}
#bfp-app .bfp-season-tools>a,#bfp-app .bfp-season-tools summary{display:block;padding:4px 0;line-height:20px;min-height:0}
#bfp-app .bfp-season-tools details{margin:0;max-width:100%}
#bfp-app .bfp-season-help[open]{flex-basis:100%}
#bfp-app .bfp-season-help p{margin:4px 0;font-size:13px}
#bfp-app .bfp-season-admin{position:relative}
#bfp-app .bfp-season-admin[open]{z-index:8}
#bfp-app .bfp-season-admin>div{position:absolute;left:0;top:29px;width:240px;max-width:70vw;background:#fff;border:1px solid #bbc8d7;border-radius:7px;padding:5px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
#bfp-app .bfp-season-admin a{display:block;padding:8px;line-height:1.35}
#bfp-app .bfp-round-picker{margin:5px 0 7px}
#bfp-app .bfp-progress{padding:4px 0;background:none;border-radius:0;margin:4px 0 7px;font-size:12px;line-height:1.4}
#bfp-app .bfp-game-compact.bfp-pick-saved{border-color:#a0c6aa;border-left:3px solid #348249}
#bfp-app .bfp-game-compact.bfp-pick-pending{border-color:#d5b179;border-left:3px solid #b17a25}
#bfp-app .bfp-game-compact .bfp-save-state{font-size:12px;line-height:1.25;font-weight:600;margin:0 0 7px;color:#256b37}
#bfp-app .bfp-game-compact.bfp-pick-pending .bfp-save-state{color:#865711}
#bfp-app .bfp-save-state[hidden]{display:none!important}

#bfp-app .bfp-season-tools{position:relative}
#bfp-app .bfp-season-admin{position:static}
#bfp-app .bfp-season-admin>div{left:auto;right:0;top:100%}

/* beta15: results statistics and accessible season rank history. */
#bfp-app .bfp-game-compact .bfp-game-success{margin:7px 0 0;font-size:12px;line-height:1.4;color:#52647a}
#bfp-app .bfp-game-success a{display:inline-block;padding:2px 0}
#bfp-app table.table1 thead th a{color:#fff;text-decoration:underline;display:inline-block;padding:3px 0}
#bfp-app .bfp-stat-help{font-size:13px;color:#52647a;line-height:1.5}
#bfp-app .bfp-rank-history{margin:16px 0 22px}
#bfp-app .bfp-chart-scroll{overflow-x:auto;width:100%;border:1px solid #d6e0ea;border-radius:9px;background:#fff;margin-top:12px}
#bfp-app .bfp-rank-chart{display:block;max-width:none;min-width:100%;color:#22354b}
#bfp-app .bfp-rank-chart text{font-family:inherit;font-size:12px;fill:#52647a}
#bfp-app .bfp-chart-grid{stroke:#dce3ec;stroke-width:1}
#bfp-app .bfp-chart-line{stroke:#995014;stroke-width:3;fill:none}
#bfp-app .bfp-chart-line.bfp-chart-provisional{stroke-dasharray:6 5}
#bfp-app .bfp-chart-point{fill:#995014;stroke:#fff;stroke-width:2;cursor:pointer}
#bfp-app .bfp-chart-point.bfp-chart-provisional{fill:#fff;stroke:#995014}
#bfp-app .bfp-chart-point:hover,#bfp-app .bfp-chart-point:focus{stroke:#22354b;stroke-width:3;outline:none}
#bfp-app #bfp-chart-detail{font-size:13px;min-height:2.8em;line-height:1.4;margin:8px 0}
#bfp-app .bfp-rank-table .bfp-chart-selected{background:#fff0df!important}
#bfp-app .bfp-rank-table small{display:block;font-size:11px}
#bfp-app .bfp-mobile-label{display:none}
@media(max-width:600px){
 #bfp-app .bfp-mobile-label{display:inline}#bfp-app .bfp-desktop-label{display:none}
 #bfp-app .bfp-statistics,#bfp-app .bfp-rank-table{min-width:0;table-layout:fixed;width:100%}
 #bfp-app .bfp-statistics th,#bfp-app .bfp-rank-table th{font-size:11px;line-height:1.4;padding:7px 6px!important}
 #bfp-app .bfp-statistics td,#bfp-app .bfp-rank-table td{font-size:12px;line-height:1.45;padding:9px 6px!important;overflow-wrap:anywhere}
 #bfp-app .bfp-statistics th:nth-child(2),#bfp-app .bfp-statistics td:nth-child(2),#bfp-app .bfp-rank-table th:nth-child(2),#bfp-app .bfp-rank-table td:nth-child(2),#bfp-app .bfp-rank-table th:nth-child(5),#bfp-app .bfp-rank-table td:nth-child(5){display:none}
 #bfp-app .bfp-statistics th:first-child{width:47%}#bfp-app .bfp-statistics th:nth-child(3){width:27%}#bfp-app .bfp-statistics th:nth-child(4){width:26%}
 #bfp-app .bfp-rank-table th:first-child{width:43%}#bfp-app .bfp-rank-table th:nth-child(3){width:35%}#bfp-app .bfp-rank-table th:nth-child(4){width:22%}
 #bfp-app .bfp-statistics small.bfp-mobile-label{display:block!important;margin-top:4px;font-size:10px;color:#52647a}
 #bfp-app .bfp-statistics td:nth-child(3) a{display:inline-block;padding:5px 2px}
}

/* beta16: consistent headings, connected rank chart and completed first places. */
#bfp-app table.table1 thead th,#bfp-app table.table1 thead th a{font-family:inherit;text-transform:none!important;letter-spacing:normal}
#bfp-app .bfp-chart-area{fill:#995014;fill-opacity:.12}
#bfp-app .bfp-chart-point{opacity:0}
#bfp-app .bfp-chart-point:hover,#bfp-app .bfp-chart-point:focus{opacity:1}
#bfp-app .bfp-chart-single-bar{cursor:pointer}
#bfp-app .bfp-rank-chart .bfp-chart-single-label{font-size:18px;font-weight:600;fill:#22354b}
#bfp-app .bfp-milestones{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#bfp-app .bfp-milestone{flex:1 1 220px;min-width:0;border:1px solid #d6e0ea;border-radius:8px;background:#fff;padding:9px 12px}
#bfp-app .bfp-milestone summary{font-size:13px;line-height:1.5;min-height:24px}
#bfp-app .bfp-milestone summary strong{font-size:20px;margin-right:5px;color:#995014}
#bfp-app .bfp-milestone p,#bfp-app .bfp-milestone li{font-size:12px;line-height:1.5}
#bfp-app .bfp-milestone ul{margin:6px 0;padding-left:18px}