/* Original Union card frames, tile art, grade captions, number sprites and
   native button caps. The board uses the game's original 600 x 482 crop. */
body.boostAdviceOpen{overflow:hidden}
#settings #boostRecommendations{margin:14px 0 0;padding:14px;border:4px solid transparent;border-image:var(--site-native-boostFrame) 8 stretch;border-radius:0;background:linear-gradient(125deg,#30434ee6,#22323ce6),var(--site-native-texture);color:#dce9ed;min-width:0;line-height:1.7}
.boostInlineHeading{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.boostInlineHeading img{width:20px;height:20px;flex:none}
.boostInlineHeading strong{font-size:12px;font-weight:600;color:#d9eff8}
.boostConversionOverview{display:flex;flex-direction:column;gap:8px;min-width:0}
.boostConversionScope{font-size:10px;line-height:1.65;color:#b8d2e2;word-break:keep-all}
.boostGoalNeed{padding:15px;border:4px solid transparent;border-image:var(--site-native-boostFrame) 8 stretch;background:linear-gradient(145deg,#344955c9,#1c3039e6);min-width:0}
.boostGoalNeedHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.boostGoalNeedHeading>strong{color:#f1e3c4;font-size:13px;font-weight:600;line-height:1.6}
.boostGoalNeedHeading>span{padding:3px 7px;border:2px solid transparent;border-image:var(--site-native-muted) 7 stretch;font-size:9px;color:#c9e6ee;background:#20333d;line-height:1.5}
:is(#boostRecommendations,#boostAdviceDialog) .boostGoalNeed .boostAdviceSummary{flex-wrap:wrap;gap:8px;padding:12px 13px;border-image-source:var(--site-native-boostFrame)}
:is(#boostRecommendations,#boostAdviceDialog) .boostGoalNeed .boostAdviceSummary>span{font-size:12px}
:is(#boostRecommendations,#boostAdviceDialog) .boostGoalNeed .boostGoalNeedState{font-size:18px;line-height:1.6;flex:1 0 100%;color:#f1dfba;word-break:keep-all}
.boostGoalNeedSetting{padding:10px 12px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#172933a6;display:flex;flex-direction:column;gap:10px;line-height:1.85;color:#e6d9b8;font-size:12px;word-break:keep-all}
.boostGoalNeedSetting button{width:100%;white-space:normal;text-align:center;--action-height:38px;font-size:11px}
.boostGoalNeed[data-kind=complete] .boostAdviceSummary>strong{color:#ddf3ec}
.boostGoalNeed[data-kind=impossible],.boostGoalNeed[data-kind=limited]{border-image-source:var(--site-native-frame)}
.boostExistingConversions{margin-top:18px;padding:11px 13px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1d303a85;min-width:0}
.boostExistingConversions>summary{color:#aecad8;font-size:11px;line-height:1.7}
.boostExistingConversions[open]>summary{margin-bottom:10px}
#settings #boostRecommendations .boostGoalNeed{padding:10px}
#settings #boostRecommendations .boostGoalNeedHeading{gap:6px;margin-bottom:9px}
#settings #boostRecommendations .boostGoalNeedHeading>strong{font-size:11px}
#settings #boostRecommendations .boostGoalNeedSetting{font-size:10px;padding:9px 10px}
#settings #boostRecommendations .boostGoalNeed .boostGoalNeedState{font-size:14px}
.boostConversionList{display:grid;gap:8px;margin:14px 0 16px}
.boostConversionList h3{font-size:11px;font-weight:550;color:#efdfc0;line-height:1.7;margin:0 0 2px}
.boostConversionItem{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px 10px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1b303c8c;min-width:0}
.boostConversionItem .boostAdviceSprite{width:44px;height:44px}
.boostConversionItem>div:not(.boostAdviceSprite){display:flex;flex-direction:column;gap:4px;min-width:0}
.boostConversionItem>div>strong{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.65;color:#f1e5ce;min-width:0}
.boostConversionItem>div>strong img{display:block;width:auto;height:19px;flex:none}
.boostConversionItem>div>span{font-size:9px;line-height:1.6;color:#a8c5d8}
.boostConversionCount{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.boostConversionCount .nativeDigits img{height:23px}
.boostConversionCount .nativeNumberSuffix{font-size:10px}
.boostInlineGoalCondition{padding:12px 11px;margin:13px 0 15px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#263842a6}
.boostInlineGoalCondition>strong{display:block;color:#ecd8b0;font-size:11px;line-height:1.8;font-weight:550;word-break:keep-all}
.boostInlineGoalCondition>p{font-size:10px;line-height:1.95;color:#b8cfdd;margin:7px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.boostAdviceGoalCondition{margin-top:20px;padding-top:18px;border-top:1px solid #9ab3be33}
.boostAdviceGoalCondition>h3{font-size:13px;line-height:1.6;color:#eddfc3;font-weight:550;margin:0 0 11px}
:is(#boostRecommendations,#boostAdviceDialog) .boostAdviceSummary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#16262fc7;min-width:0}
:is(#boostRecommendations,#boostAdviceDialog) .boostAdviceSummary>span{font-size:13px;line-height:1.65;color:#dbeaf2;word-break:keep-all}
:is(#boostRecommendations,#boostAdviceDialog) .boostAdviceSummary>strong{display:flex;align-items:center;flex:none;color:#f0e6cd}
:is(#boostRecommendations,#boostAdviceDialog) .boostAdviceSummary .nativeDigits img{height:42px;width:auto}
:is(#boostRecommendations,#boostAdviceDialog) .nativeDigits{display:flex;align-items:center;gap:1px}
:is(#boostRecommendations,#boostAdviceDialog) .nativeNumberValue{display:flex;align-items:center;gap:1px}
:is(#boostRecommendations,#boostAdviceDialog) .nativeNumberSuffix{font-size:12px;color:#b8cbd7;margin-left:5px}
:is(#boostRecommendations,#boostAdviceDialog) .boostAdviceNote{font-size:12px;line-height:1.85;color:#c1d4df;margin:14px 0 18px;word-break:keep-all;overflow-wrap:anywhere}
#settings #boostRecommendations .boostAdviceSummary{padding:10px 11px}
#settings #boostRecommendations .boostAdviceSummary>span{font-size:11px}
#settings #boostRecommendations .boostAdviceSummary .nativeDigits img{height:30px}
#settings #boostRecommendations .boostAdviceNote{font-size:11px;line-height:1.9;margin:10px 0 13px}
#settings #openBoostAdvice{--action-height:36px;width:100%;min-height:36px;font-size:11px;text-align:center;white-space:normal}
#settings #boostRecommendations[data-state=satisfied]{border-image-source:var(--site-native-frame)}
#settings #boostRecommendations[data-state=shortfall] .boostAdviceSummary>span{color:#edd9b2}
#boostAdviceDialog{box-sizing:border-box;width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:6px solid transparent;border-image:var(--site-native-boostFrame) 8 stretch;border-radius:0;color:#edf2f3;background:#283942;box-shadow:0 24px 90px #0009;overflow:clip}
#boostAdviceDialog::backdrop{background:#07121bbd;backdrop-filter:blur(5px)}
#boostAdviceDialog[open]{animation:boostAdviceEnter .22s cubic-bezier(.22,.61,.36,1)}
.boostAdviceShell{display:flex;flex-direction:column;max-height:calc(100dvh - 52px);overflow:clip;background:linear-gradient(135deg,#34464feb,#25353feb),var(--site-native-texture)}
.boostAdviceHeader{display:flex;align-items:center;gap:15px;padding:22px 24px 20px;border-bottom:1px solid #96b1bb33;flex-shrink:0}
.boostAdviceHeader>img{width:38px;height:38px;flex:none;filter:drop-shadow(0 0 10px #8ce1ff30)}
.boostAdviceHeader>div{flex:1;min-width:0}
.boostAdviceEyebrow{display:block;color:#a4c7d9;font:10px/1.5 Arial;letter-spacing:1.5px;margin-bottom:5px}
.boostAdviceHeader h2{color:#fff0ce;font-size:21px;line-height:1.45;letter-spacing:-.5px;font-weight:650;text-shadow:0 1px 2px #15212b;word-break:keep-all}
.boostAdviceHeader p{font-size:12px;line-height:1.7;color:#acc7d5;margin-top:5px;word-break:keep-all}
#boostAdviceClose{width:28px;min-width:28px;height:28px;min-height:28px;align-self:flex-start;flex:none;padding:0}
#boostAdviceContent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:25px;min-height:0;padding:22px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
#boostAdviceContent::-webkit-scrollbar{display:none}
.boostAdviceDetails,.boostAdvicePreviewColumn{min-width:0}
.boostAdviceMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 2px;border-bottom:1px solid #96b1bb33}
.boostAdviceMetrics>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.boostAdviceMetrics>div>span{font-size:10px;color:#a5c1d0;line-height:1.6;word-break:keep-all}
.boostAdviceMetrics strong{display:flex;align-items:center}
.boostAdviceMetrics .nativeDigits img{height:23px;width:auto}
.boostAdviceMetrics .nativeNumberSuffix{font-size:10px}
.boostAdviceBlocks{display:grid;gap:9px;margin-top:17px}
.boostAdviceBlocks h3,.boostAdviceSectionHeading h3,.boostAdviceResolution h3{font-size:13px;font-weight:550;line-height:1.6;color:#f0e5cf;margin-bottom:4px}
.boostAdviceBlock{display:grid;grid-template-columns:114px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:4px solid transparent;border-image:var(--site-native-boostFrame) 8 stretch;background:#1e313bc9;min-width:0}
.boostAdviceBlockPair{display:grid;grid-template-columns:48px 12px 48px;gap:3px;align-items:center}
.boostAdviceBlockPair>div{display:flex;flex-direction:column;gap:5px;align-items:center;min-width:0}
.boostAdviceBlockPair>div>span{font-size:9px;color:#b5cbd8;line-height:1.4}
.boostAdviceSprite{position:relative;width:48px;height:48px;overflow:visible}
.boostAdviceSprite .cardBlock{position:absolute;transform-origin:center center}
.boostAdviceSprite .cardBlock img{position:absolute;max-width:none;pointer-events:none}
.boostAdviceBlockArrow{width:12px;height:16px;background:var(--site-native-down-normal) center/12px auto no-repeat;transform:rotate(-90deg)}
.boostAdviceBlockLabel{display:flex;flex-direction:column;gap:7px;min-width:0}
.boostAdviceBlockLabel>strong{display:flex;align-items:center;gap:8px;color:#f1e5cc;font-size:13px;font-weight:600;line-height:1.5}
.boostAdviceBlockLabel>strong>img{height:21px;width:auto;object-fit:contain}
.boostAdviceBlockLabel>span{font-size:10px;line-height:1.7;color:#b8d2e1;word-break:keep-all;overflow-wrap:anywhere}
.boostAdviceBlockLabel>span.boostAdviceConversionStatus{color:#ead8af}
.boostAdviceBlockCount{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.boostAdviceBlockCount .nativeDigits img{height:24px;width:auto}
.boostAdviceBlockCount .nativeNumberSuffix{font-size:10px;margin-left:3px}
.boostAdviceFootnote{font-size:10px;line-height:1.85;color:#97b3c5;word-break:keep-all;margin:14px 0 0}
.boostAdviceResolution{padding:15px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#18303e5c;margin-top:18px}
.boostAdviceResolution p{font-size:12px;line-height:1.9;color:#c3d4dd;word-break:keep-all;margin-top:7px}
.boostAdviceStateArt{width:30px;height:30px;background:var(--site-native-help-normal) center/26px auto no-repeat}
.boostAdviceSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.boostAdviceSectionHeading h3{margin:0;white-space:nowrap}
.boostAdvicePreviewTabs{display:flex;gap:6px}
#boostAdviceDialog .boostAdvicePreviewTabs button{--action-height:30px;--action-padding:12px;font-size:10px;white-space:nowrap}
.boostAdviceNativeCanvas{position:relative;width:100%;aspect-ratio:600/482;overflow:hidden}
.boostAdviceNativeStage{position:absolute;left:0;top:0;width:600px;height:482px;background-size:994px 720px;background-repeat:no-repeat;transform-origin:top left}
.boostAdviceBoard{position:absolute;left:59px;top:23px;width:484px;height:440px;display:grid;grid-template-columns:repeat(22,22px);grid-template-rows:repeat(20,22px);z-index:2}
.boostAdviceCell{position:relative;width:22px;height:22px;background:transparent;overflow:visible}
.boostAdviceCell img{position:absolute;pointer-events:none;max-width:none;z-index:auto}
.boostAdviceCell .seam{z-index:1}
.boostAdviceNativeLabels,.boostAdviceNativeLock{position:absolute;inset:0;pointer-events:none}
.boostAdviceNativeLock{z-index:1}
.boostAdviceNativeLabels{z-index:4}
.boostAdviceNativeLabels img,.boostAdviceNativeLock img{position:absolute;max-width:none}
.boostAdviceBoardLegend{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.75;color:#a0bdce;margin-top:9px;word-break:keep-all}
.boostAdviceBoardLegend>span:last-child{white-space:nowrap}
.boostGoalTable{margin-top:18px;padding:8px 13px 4px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1c2d3666}
.boostGoalTableHeading,.boostGoalRow{display:grid;grid-template-columns:minmax(0,1fr) 78px 78px;gap:14px;align-items:center}
.boostGoalTableHeading{padding:5px 0 10px;border-bottom:1px solid #96b1bb2b;font-size:10px;color:#9dbaca}
.boostGoalTableHeading>:not(:first-child){text-align:right}
.boostGoalRow{padding:12px 0;border-bottom:1px solid #96b1bb20}
.boostGoalRow:last-child{border-bottom:0}
.boostGoalLabel{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.boostGoalLabel>strong{font-size:12px;line-height:1.6;color:#dbe9f1;font-weight:500;word-break:keep-all}
.boostGoalLabel>img{height:auto;max-width:100%;max-height:15px;opacity:.75;object-fit:contain;object-position:left center}
.boostGoalValue{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:0 3px;min-width:0}
.boostGoalValue>strong{display:flex;align-items:center}
.boostGoalValue .nativeDigits img{height:21px;width:auto}
.boostGoalValue>span{font-size:9px;color:#aac3d2;white-space:nowrap}
.boostGoalTrack{grid-column:1/-1;height:4px;background:#12232bd1;width:100%;margin-top:7px;overflow:hidden}
.boostGoalTrack>i{display:block;height:100%;background:var(--site-native-tile) left center/8px 8px repeat-x}
.boostGoalTrack[data-kind=future]>i{background-image:var(--site-native-boostTile)}
.boostAdviceFooter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;border-top:1px solid #96b1bb33;background:#1b2c3566;flex-shrink:0}
.boostAdviceFooterNote{font-size:11px;line-height:1.8;color:#bad0dd;max-width:500px;word-break:keep-all}
.boostAdviceActions{display:flex;align-items:center;gap:9px;flex-shrink:0}
#boostAdviceDialog .boostAdviceActions button{--action-height:40px;--action-padding:19px;font-size:12px;white-space:nowrap}
#boostAdviceDialog[data-state=shortfall] .boostAdviceSummary>span{color:#ecdab5}
#boostAdviceDialog[data-state=satisfied]{border-image-source:var(--site-native-frame)}
.progressBoostAdvice{width:100%;min-height:40px;margin-top:12px;white-space:normal;text-align:center;font-size:12px}
@keyframes boostAdviceEnter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){
 #boostAdviceDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .boostAdviceShell{max-height:calc(100dvh - 36px)}
 .boostAdviceHeader{padding:17px 16px;gap:10px}
 .boostAdviceHeader>img{width:28px;height:28px}
 .boostAdviceHeader h2{font-size:17px}
 .boostAdviceHeader p{font-size:11px}
 .boostAdviceEyebrow{font-size:9px}
 #boostAdviceContent{grid-template-columns:minmax(0,1fr);gap:24px;padding:17px 16px}
 .boostAdviceSummary>span{font-size:12px}
 .boostAdviceFooter{flex-direction:column;align-items:stretch;gap:11px;padding:13px 16px}
 .boostAdviceFooterNote{font-size:10px}
 .boostAdviceActions{display:flex;width:100%}
 #boostAdviceDialog .boostAdviceActions button{--action-height:42px;flex:1;min-width:0;--action-padding:14px;font-size:11px;white-space:normal;line-height:1.5}
 .boostAdviceSectionHeading{flex-wrap:wrap}
 .boostAdvicePreviewTabs{flex-wrap:wrap}
 .boostAdviceBoardLegend{font-size:9px}
}
@media(max-width:400px){
 .boostAdviceHeader>img{display:none}
 .boostAdviceHeader h2{font-size:16px}
 .boostAdviceHeader p{font-size:10px}
 #boostAdviceContent{padding:14px 12px}
 .boostAdviceSummary{padding:12px}
 #boostAdviceDialog .boostAdviceSummary>span{font-size:12px}
 #boostAdviceDialog .boostAdviceSummary .nativeDigits img{height:35px}
 .boostAdviceMetrics{gap:6px}
 .boostAdviceMetrics>div>span{font-size:9px;min-height:28px}
 .boostAdviceMetrics .nativeDigits img{height:21px}
 .boostAdviceBlock{grid-template-columns:100px minmax(0,1fr) auto;gap:8px;padding:10px 8px}
 .boostAdviceBlockPair{grid-template-columns:42px 10px 42px;gap:3px}
 .boostAdviceSprite{width:42px;height:48px}
 .boostAdviceBlockLabel>strong{font-size:12px;gap:5px}
 .boostAdviceBlockLabel>strong>img{height:18px}
 .boostAdviceBlockCount .nativeDigits img{height:22px}
 .boostAdviceBlockLabel>span{font-size:9px}
 .boostAdviceSectionHeading{gap:8px}
 .boostAdviceSectionHeading h3{font-size:12px}
 #boostAdviceDialog .boostAdvicePreviewTabs button{--action-padding:9px;font-size:9px}
 .boostGoalTable{padding-inline:9px}
 .boostGoalTableHeading,.boostGoalRow{grid-template-columns:minmax(0,1fr) 65px 65px;gap:8px}
 .boostGoalLabel>strong{font-size:11px}
 .boostGoalLabel>img{max-height:13px}
 .boostGoalValue .nativeDigits img{height:18px}
 .boostGoalValue>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){#boostAdviceDialog[open]{animation:none}}

.boostGoalTable[data-comparison=false] .boostGoalTableHeading,.boostGoalTable[data-comparison=false] .boostGoalRow{grid-template-columns:minmax(0,1fr) 100px}
.boostPriorityConstraint{margin-top:14px;padding:13px 14px;border-top:1px solid #879da23d;background:#15252c80;line-height:1.85;color:#d2e7e8}
.boostGoalCompletionCounts{margin:14px 0 0}
.boostGoalCompletionCounts>div{min-width:0;text-align:center;align-items:center}
.boostGoalCompletionCounts>div>strong{display:flex;justify-content:center}
.boostGoalCompletionCounts>div>span{display:block;min-height:30px;line-height:1.5}
.boostGoalCompletionCounts .nativeDigits{justify-content:center}
#settings .boostGoalCompletionCounts>div>span{font-size:9px;min-height:29px}
#settings .boostGoalCompletionCounts .nativeDigits img{height:23px}