/* Relatório final, preserva o canvas de jogo e a HUD existente. */
.mission-end-overlay{position:fixed;inset:0;z-index:2000;background:#081326;overflow:hidden;color:#f4f8ff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.mission-end-overlay.hidden,.mission-end-overlay .hidden{display:none!important}
.mission-transition{display:block;width:100%;height:100%;image-rendering:pixelated}
.mission-report-screen{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:clamp(10px,3vh,26px) max(12px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom));
 background:radial-gradient(ellipse at 50% 5%,#253d68,#0c182d 63%,#081020)}
.mission-report-title{text-align:center;margin:0 auto 16px}
.mission-report-title span{display:block;font:800 12px monospace;letter-spacing:.2em;color:#87e0d7}
.mission-report-title h2{color:#ffde85;font:1000 clamp(23px,4.3vw,47px) system-ui,sans-serif;margin:4px 0;text-shadow:0 3px #631928,0 5px #070d1c}
.mission-report-title p{margin:0;color:#dcebf5;font-size:clamp(11px,1.5vw,15px)}
.mission-report-layout{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(290px,1fr);gap:20px;align-items:start}
.mission-form{background:#102746ea;border:1px solid #587995;border-radius:16px;padding:18px;box-shadow:0 9px 36px #0005}
.mission-form label{display:block;font-size:14px;font-weight:800;color:#fce3a0;margin:0 0 7px}
.mission-form input{background:#edf8ff;border:3px solid #5ac8c8;border-radius:10px;color:#14253b;font:800 18px system-ui;max-width:100%;width:100%;min-height:48px;padding:9px 12px}
.mission-live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:17px 0}
.mission-live-stats>div{background:#1b3451;border:1px solid #55769777;border-radius:8px;padding:8px 10px;min-width:0}
.mission-live-stats span{display:block;font:700 11px monospace;color:#abd1e2}.mission-live-stats b{display:block;margin-top:3px;font-size:clamp(12px,1.4vw,17px);overflow-wrap:anywhere}
.mission-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mission-report-actions button{border:1px solid #5eafc1;border-radius:10px;background:#244260;color:#effaff;min-height:44px;padding:8px;font-size:12px;font-weight:900}
#missionGenerate{background:#e9bd52;color:#212d3f;border-color:#fce69e}
#missionDownload{background:#34ca9b;color:#072c28;border-color:#bcffe1}
.mission-form small{display:block;color:#b4c7da;margin-top:12px;line-height:1.35;font-size:10px}
.mission-preview{display:flex;flex-direction:column;align-items:center;gap:6px}
.mission-preview canvas{width:min(100%,390px);height:auto;max-height:72vh;object-fit:contain;border:3px solid #709bb3;border-radius:5px;box-shadow:0 9px 35px #0009;image-rendering:auto;background:#122239}
.mission-preview span{font:800 11px monospace;color:#a4dfed;letter-spacing:.06em}
@media(max-width:690px){.mission-report-layout{grid-template-columns:1fr}.mission-report-screen{padding:12px 11px 22px}.mission-form{padding:13px}.mission-preview{margin-top:4px}.mission-preview canvas{max-width:330px;max-height:none}.mission-report-title{margin-bottom:12px}.mission-live-stats{margin:10px 0}.mission-report-actions button{min-height:43px}}
@media(orientation:landscape) and (max-height:620px){.mission-report-title{margin-bottom:7px}.mission-report-screen{padding-top:5px}.mission-preview canvas{max-height:70vh}.mission-form{padding:9px}.mission-live-stats{margin:6px 0}.mission-live-stats>div{padding:4px 6px}.mission-report-actions button{min-height:36px;padding:5px}}

/* Epílogo cinematográfico — interface responsiva e controles de exportação */
.mission-skip{position:absolute;z-index:2;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));font:900 clamp(12px,1.8vw,17px) monospace;background:#102846ee;color:#ffe7a3;border:2px solid #eac36f;border-radius:11px;padding:12px 20px;box-shadow:0 4px 16px #000a;cursor:pointer}
.mission-skip.hidden{display:none!important}
.mission-action-status{min-height:20px;margin:11px 0 0;color:#acedd4;font:700 12px system-ui;line-height:1.4}
#missionShare{background:#6e49a8;border-color:#c5a9ff;color:#fff}
#missionReplay{background:#325d8e;color:#fff}
.mission-report-actions button{cursor:pointer;transition:filter .12s ease}
.mission-report-actions button:focus-visible,.mission-skip:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mission-report-actions button:hover{filter:brightness(1.12)}
.mission-preview canvas{max-height:78vh}
@media(max-width:690px){.mission-skip{bottom:14px;right:12px;padding:10px 13px}.mission-preview canvas{max-height:none}}

/* Quadro completo de benefícios, usando os 13 contadores reais da partida. */
.mission-benefit-recap{margin:12px 0 16px;padding:11px;background:#0b1f38;border:1px solid #6784a6;border-radius:10px}
.mission-benefit-recap h3{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin:0 0 10px;font:900 13px monospace;color:#ffda91}
.mission-benefit-recap h3 span{font:700 11px system-ui;color:#a5ddc9;white-space:nowrap}
.mission-benefit-rows{display:grid;grid-template-columns:1fr;gap:5px}
.mission-benefit-row{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0;padding:6px 9px;border-radius:6px;background:#1b3553}
.mission-benefit-row span{font-size:12px;font-weight:650;min-width:0;overflow-wrap:anywhere}
.mission-benefit-row strong{font:900 13px monospace;color:#ffda90;white-space:nowrap}
.mission-benefit-row.missing{opacity:.57}
@media(min-width:920px){.mission-benefit-rows{grid-template-columns:1fr 1fr}}
/* Mantém medidas responsivas também no laboratório HTML independente. */
.mission-end-overlay,.mission-end-overlay *{box-sizing:border-box}
.mission-report-screen,.mission-report-layout,.mission-form{min-width:0}