body{background:#f3f6f8;color:#213547}.proto-wrap{max-width:1440px;margin:20px auto;padding:0 20px}.proto-wrap h1{font-size:16px;font-weight:700;margin:0 0 16px}.proto-panel{background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:20px;margin-bottom:20px}.proto-panel h2{font-size:17px}.toolbar,.settings,.actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.toolbar{padding-bottom:16px;border-bottom:1px solid #e1e8ec}.proto-wrap button{cursor:pointer;border:1px solid #176647;border-radius:6px;background:#176647;color:#fff;padding:9px 14px;font-size:14px}.proto-wrap button.secondary{color:#245341;background:white}.proto-wrap button:disabled{cursor:not-allowed;opacity:.5}.proto-wrap button:focus-visible,.proto-wrap input:focus-visible,.proto-wrap select:focus-visible{outline:3px solid #8acbb0;outline-offset:2px}.proto-wrap label{display:flex;flex-direction:column;gap:5px;font-size:13px;margin:0}.proto-wrap input,.proto-wrap select{padding:9px;border:1px solid #b9c9d2;border-radius:6px;background:white;max-width:100%}.settings{padding:16px 0}.settings input[type=number]{width:105px}.status{padding:12px;background:#eef5f1;border-radius:6px;margin:16px 0;font-size:14px}.status.error{background:#fff0ed;color:#a33425}.workspace{min-height:650px}.games{overflow:auto;max-height:670px;border:1px solid #e1e8ec;border-radius:6px}.game-table{border-collapse:collapse;width:100%;font-size:13px;min-width:650px}.game-table th{position:sticky;top:0;background:#eaf0f4;padding:12px;text-align:left;z-index:1}.game-table td{padding:11px;border-top:1px solid #e1e8ec;vertical-align:middle}.game-table small{display:block;color:#637789;font-size:11px;margin-top:5px}.proto-wrap .odd{padding:8px 10px;border-color:#c8d4de;color:#2e465a;background:white;margin:2px}.proto-wrap .odd.selected{color:white;background:#176647;border-color:#176647}.proto-wrap .odd:disabled{opacity:1;cursor:default}.actions{justify-content:flex-end;margin-top:18px}.slip{padding:16px;border:1px solid #dce4e9;border-radius:8px;margin:14px 0;break-inside:avoid}.slip h3{font-size:15px}.slip p{font-size:13px;margin:6px 0}.muted{font-size:12px;color:#637789}.score-frame{width:100%;height:300px;border:0}.history-list{display:flex;gap:8px;flex-wrap:wrap}.proto-wrap [hidden]{display:none!important}@media(max-width:767px){.proto-wrap{padding:0 10px}.proto-panel{padding:14px}.workspace{min-height:520px}.score-frame{height:260px}.game-table{min-width:570px}.toolbar button{padding:9px 10px}}@media print{body>*{display:none!important}body>main.proto-wrap{display:block!important;margin:0;padding:0;max-width:none}.proto-wrap>*{display:none!important}.proto-wrap>.workspace{display:block!important;border:0;padding:0;min-height:0}.workspace>*{display:none!important}.workspace>#results{display:block!important}.slip{break-inside:avoid;box-shadow:none}.proto-wrap{color:black} @page{margin:12mm}}
/* Result cards: keep the working controls compact and make generated output prominent. */
#results:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#eef5f3;border:1px solid #b8d6cb;border-top:5px solid #176647;border-radius:12px;padding:24px;margin-top:22px;scroll-margin-top:20px}
#results>.result-title,#results>.result-summary,#results>.result-date,#results>.muted{grid-column:1/-1}
#results>.result-title{font-size:23px;font-weight:800;letter-spacing:-.6px;color:#123e30;margin:0}
.result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#315c50;border-radius:10px;overflow:hidden}
.result-summary>div{background:#173f34;padding:18px;color:#fff}.result-summary small{display:block;font-size:12px;color:#b8d9cc;margin-bottom:7px}.result-summary strong{display:block;font-size:24px;font-weight:750;overflow-wrap:anywhere}.result-summary>div:last-child strong{color:#b7f3a2}
#results>.result-date{font-size:12px;color:#597366;margin:0}
#results .slip{background:white;border:1px solid #cbded5;border-radius:10px;margin:0;padding:0;overflow:hidden;box-shadow:0 3px 9px #173f340b}
#results .slip h3{font-size:15px;font-weight:750;margin:0;padding:14px 18px;color:#174d38;background:#e0eee7;border-bottom:1px solid #cbded5}
.pick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 18px;padding:13px 0;border-bottom:1px solid #edf1ef}.pick-detail{min-width:0}.pick-detail small{display:block;color:#6d8078;font-size:11px;margin-bottom:5px}.pick-detail>strong{font-size:14px;line-height:1.5;display:block;overflow-wrap:anywhere}
.pick-choice{flex-shrink:0;display:flex;align-items:center;gap:8px}.pick-choice span{background:#176647;color:white;font-size:12px;font-weight:700;border-radius:5px;padding:5px 8px}.pick-choice strong{font-size:16px;color:#174d38;font-variant-numeric:tabular-nums}
.slip-total{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;background:#f7faf8}.slip-total small{display:block;font-size:11px;color:#657d70;margin-bottom:4px}.slip-total strong{font-size:18px;color:#174d38;font-variant-numeric:tabular-nums}.slip-total>div:last-child{text-align:right}.slip-total>div:last-child strong{font-size:22px;font-weight:800}
@media(max-width:850px){#results:not(:empty){grid-template-columns:1fr;padding:16px}.result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-summary strong{font-size:21px}}
@media(max-width:420px){.pick-row{margin:0 12px;gap:8px}.pick-detail>strong{font-size:12px}.pick-choice{gap:4px}.pick-choice strong{font-size:14px}.slip-total>div:last-child strong{font-size:19px}}
@media print{#results:not(:empty){display:block!important;background:white;border:0;padding:0}.result-summary{border:1px solid #aaa;margin:12px 0}.result-summary>div{background:white;color:black;padding:10px}.result-summary small,.result-summary>div:last-child strong{color:black}#results .slip{margin:12px 0;box-shadow:none;border-color:#999}.pick-choice span{color:black;background:white;border:1px solid #555}.slip-total{background:white}}
/* Side-by-side selection and result workspaces. */
.combination-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.selection-panel,.result-panel{min-width:0}.selection-panel .toolbar{gap:8px}.selection-panel .toolbar button{font-size:13px}.selection-panel .settings{gap:8px}.selection-panel .settings input[type=number]{width:90px}.selection-panel .game-table{min-width:510px;font-size:12px}.selection-panel .game-table th,.selection-panel .game-table td{padding:9px 7px}.selection-panel .odd{font-size:12px;padding:6px 7px}.selection-panel .games{max-height:510px}
.result-panel{position:sticky;top:16px;border:1px solid #b8d6cb;border-top:4px solid #176647;border-radius:10px;background:#eef5f3;overflow:hidden}
.result-panel #results:not(:empty){display:block;border:0;margin:0;border-radius:0;padding:16px;max-height:690px;overflow:auto;scrollbar-gutter:stable}
.result-panel #results>.result-title{font-size:18px;margin-bottom:12px}.result-panel .result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel .result-summary>div{padding:11px 13px}.result-panel .result-summary strong{font-size:19px}.result-panel .result-summary small{font-size:11px;margin-bottom:4px}.result-panel #results>.result-date{margin:10px 0}.result-panel #results .slip{margin:12px 0}.result-panel #results .slip h3{font-size:13px;padding:10px 13px}.result-panel .pick-row{padding:9px 0;margin:0 13px}.result-panel .pick-detail>strong{font-size:12px}.result-panel .pick-detail small{font-size:10px}.result-panel .pick-choice strong{font-size:14px}.result-panel .slip-total{padding:11px 13px}.result-panel .slip-total strong{font-size:16px}.result-panel .slip-total>div:last-child strong{font-size:19px}.result-panel .actions{margin:0;padding:12px 16px;background:white;border-top:1px solid #cbded5}
.result-placeholder{min-height:550px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#436556}.result-placeholder strong{font-size:20px;color:#174d38}.result-placeholder p{font-size:13px;line-height:1.9;margin-top:12px}#results:not(:empty)+.result-placeholder{display:none}
@media(max-width:1100px){.selection-panel .game-table{min-width:440px}.selection-panel .game-table td:nth-child(3){max-width:80px}.selection-panel .game-table strong{font-size:11px}.selection-panel .game-table td:last-child{min-width:140px}}
@media(max-width:850px){.combination-columns{grid-template-columns:1fr}.result-panel{position:static}.result-panel #results:not(:empty){max-height:650px}.result-placeholder{min-height:220px}.selection-panel .games{max-height:450px}}
@media print{.workspace>.combination-columns{display:block!important}.combination-columns>#controls{display:none!important}.result-panel{position:static;border:0;background:white;overflow:visible}.result-panel #results:not(:empty){display:block!important;max-height:none;overflow:visible;padding:0}.result-panel .actions,.result-placeholder{display:none!important}.result-panel .slip{break-inside:avoid}}
/* Generated combination output uses black text; preserve the original interface colors. */
.result-panel #results .result-title,.result-panel #results .result-date,
.result-panel #results .result-summary small,.result-panel #results .result-summary strong,
.result-panel #results .slip h3,.result-panel #results .pick-detail small,
.result-panel #results .pick-detail>strong,.result-panel #results .pick-choice strong,
.result-panel #results .pick-choice span,.result-panel #results .slip-total small,
.result-panel #results .slip-total strong,.result-panel #results>.muted{color:#000}
.result-panel #results .result-summary>div{background:#e0eee7}
.result-panel #results .pick-choice span{background:#e0eee7;border:1px solid #b8d6cb}

/* Blue boundaries between distinct fixtures, including filtered lists. */
.game-table tbody tr.fixture-start>td{border-top:3px solid #2474da;}

/* Two-outcome win/loss markets retain a neutral centre marker. */
.game-table .win-lose-options{white-space:nowrap;}
.game-table .outcome-versus{display:inline-block;min-width:28px;text-align:center;vertical-align:middle;font-size:11px;font-weight:700;color:#526875;margin:0 3px;}

/* Align win / draw-or-VS / loss to identical three-column positions. */
.game-table .outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:5px;align-items:center;min-width:196px;}
.proto-wrap .game-table .outcome-grid>.odd{width:100%;margin:0;padding:7px 4px;white-space:nowrap;}
.game-table .outcome-grid>.outcome-versus{grid-column:2;grid-row:1;min-width:0;margin:0;}
.game-table .outcome-grid>.odd{grid-row:1;}