.progression-strip{padding:10px 12px;border:1px solid #718063;border-radius:7px;background:#25352b}.progression-strip>strong{display:block;color:#f1dfae;font-size:14px}.progression-strip progress{width:100%;height:6px;accent-color:#dcc78a}.progression-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.progression-tabs button{flex:1;min-height:32px;border:1px solid #77856b;background:#344638;color:#f4f0df;border-radius:4px;padding:7px 10px;cursor:pointer}.progression-tabs button.active{background:#d5bd7d;color:#18281d}.progression-tabs button:disabled{opacity:.5;cursor:default}.progression-dialog{width:min(860px,95vw);max-height:90vh}.progression-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progression-card{border:1px solid #52684f;background:#213629;padding:12px;display:flex;flex-direction:column;gap:8px}.progression-card h3{margin:0;font-size:17px;color:#ead29b}.progression-card p{font-size:13px;margin:0;line-height:1.45}.progression-card small{color:#c7d1ba;line-height:1.4}.progression-card button{margin-top:auto;min-height:34px;cursor:pointer}.progression-preset{width:100%;margin:8px 0;padding:10px;border:1px solid #8a9a75;border-radius:4px;background:#31472f;color:#f7f0de}.result-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.result-progress>div{background:#213228;border:1px solid #4e694f;padding:12px;font-size:14px;line-height:1.5}.result-progress strong{display:block;color:#efce86}.result-progress a{display:inline-block;color:#ffe4a1;margin-top:5px}.result-progress progress{width:100%;height:8px;accent-color:#e3c886}.result-reason{font-size:14px;color:#e2dabf}.result-progress small{display:block;color:#c4d1be}.progression-coach{position:absolute;top:65px;left:50%;transform:translateX(-50%);width:min(470px,calc(100vw - 550px));background:#16251aee;border:1px solid #748767;padding:8px 12px;color:#f0e6ca;font-size:12px;line-height:1.4;text-align:center;pointer-events:none}.progression-coach strong{display:block;color:#f0d491;font-size:14px}.progression-coach[hidden]{display:none}.combat-assistance{position:absolute;top:250px;left:50%;transform:translateX(-50%);max-width:420px;background:#193d29ed;color:#d6f0ba;padding:8px 12px;font-size:14px;text-align:center;pointer-events:none}.combat-assistance[hidden]{display:none}@media(max-height:780px){.qm-intro p{margin:5px 0}.qm-custom{margin-top:5px}.progression-strip{padding:7px 10px}.progression-strip .progression-tabs{margin:4px 0}}@media(max-width:800px){.progression-grid,.result-progress{grid-template-columns:1fr}.progression-coach{top:72px;width:calc(100vw - 32px);font-size:11px}.progression-coach strong{font-size:12px}}

#hud #incoming-hit{top:calc(50% - 66px);max-width:min(440px,calc(100vw - 550px));font-size:13px}#hud .combat-assistance{top:164px;max-width:calc(100vw - 550px)}body:has(#hud[data-assist="true"]) #notice{visibility:hidden}
.hk-panel:has(.progression-strip){gap:7px}.hk-panel:has(.progression-strip) .qm-intro{padding:0}.hk-panel:has(.progression-strip) .qm-eyebrow{display:none}.hk-panel:has(.progression-strip) .qm-intro h2{font-size:22px;margin:0 0 5px}.hk-panel:has(.progression-strip) .qm-intro p{margin:0;font-size:12px;line-height:1.3}.hk-panel:has(.progression-strip) .qm-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hk-panel:has(.progression-strip) .qm-check{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;min-height:60px}.hk-panel:has(.progression-strip) .qm-check strong{font-size:12px;line-height:1.3}.hk-panel:has(.progression-strip) .qm-chevron{display:none}.hk-panel:has(.progression-strip) .qm-custom{margin:0;gap:5px}.hk-panel:has(.progression-strip) .qm-custom h3{display:none}.hk-panel:has(.progression-strip) .qm-custom button{min-height:30px;font-size:12px;padding:5px 8px}.hk-panel:has(.progression-strip) .progression-preset{margin:0;min-height:34px;font-size:12px;padding:7px}.hk-panel:has(.progression-preset):not(:has(.progression-strip)){gap:5px}.hk-panel .hk-support-grid{min-height:0}.hk-panel:has(.progression-preset):not(:has(.progression-strip)) .progression-preset{margin:0;min-height:30px;padding:6px}.hk-panel:has(.progression-preset):not(:has(.progression-strip)) .hk-support{padding:8px}

/* Keep the result, crew progress and next action together on laptop screens. */
#result{padding:20px 24px;width:min(960px,calc(100vw - 32px))}#result #result-mode{margin-bottom:5px}#result #result-title{font-size:34px;margin-bottom:12px}#result .result-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:9px}#result #result-rewards{grid-template-columns:repeat(3,minmax(0,1fr))}#result .result-stats>div{padding:9px 12px}#result .result-stats dt{min-height:20px;font-size:12px}#result .result-stats dd{font-size:25px;margin-top:3px}#result #result-status{padding:6px 12px;margin:8px 0;font-size:13px}#result .result-progress{margin:8px 0;gap:8px}#result .result-progress>div{padding:9px 12px;font-size:13px;line-height:1.35}#result .result-progress a{margin-top:4px}#result .result-progress small{font-size:12px}#result .result-actions{margin-top:10px;padding:9px 0 0;position:static;gap:10px}#result .result-actions>*{min-height:42px}#result .result-details{margin:5px 0;padding:4px 0}#result .battle-report{margin:5px 0;padding:4px 0}
@media(max-width:600px){#result .result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#result #result-rewards{grid-template-columns:1fr}#result .result-actions{position:sticky;bottom:-20px;padding:8px 0}.result-progress{grid-template-columns:1fr}}

#result .battle-report>summary{padding:7px 12px;font-size:13px}
#result:has(>#feedback-button){padding-bottom:20px!important}#result>#feedback-button{position:absolute;top:14px;right:16px;bottom:auto}#result #result-mode,#result #result-title{padding-right:58px}