/* The retrospective occupies the existing viewport; artwork and prose have their own space. */
.ending-scene{position:absolute;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,1.6vh,18px);padding:clamp(12px,2.6vh,28px) clamp(16px,5vw,72px);background:#14231efb;color:#e3d8b9;overflow:hidden}
.ending-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#a2b598;letter-spacing:1px}.ending-head>span:last-child{color:#c7b889;letter-spacing:2px}
.ending-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);align-items:center;gap:clamp(20px,4vw,58px);min-height:0;min-width:0}
.ending-art{height:100%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.ending-art canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.ending-copy{min-width:0;max-width:440px;align-self:center}.ending-copy>.eyebrow{font-size:10px;color:#abbb9b;line-height:1.7;letter-spacing:1px}.ending-copy h2{margin:16px 0 22px;font-size:clamp(22px,2.6vw,34px);font-weight:400;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:1px}.ending-copy h2::before{content:'';display:block;width:22px;height:3px;background:#b8a679;margin-bottom:15px}.ending-caption{font-size:clamp(12px,1.3vw,16px);line-height:2;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;color:#e5ddc5;margin:0 0 20px}.ending-detail{font-size:11px;color:#9bac90;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 14px}.ending-records{font-size:10px;color:#cbbb94;border-bottom:1px solid #67785b;padding:5px 0;background:transparent;text-align:left}
.ending-meter{height:2px;background:#415441;width:100%}.ending-meter i{display:block;height:100%;background:#c7b785;transition:width .6s}
.ending-nav{display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:40px}.ending-nav>div{display:flex;gap:8px}.ending-scene button{font-family:inherit}.ending-scene .secondary-button{font-size:11px;min-height:36px;background:#24392b;border:1px solid #526449;padding:7px 12px}.ending-scene .secondary-button:hover{background:#3a4e34}.ending-scene button:disabled{opacity:.3;cursor:default}.ending-keyhint{color:#899c7f;font-size:9px}.ending-final-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.ending-final-actions .secondary-button{font-size:10px;padding:6px 9px;min-height:31px}
.in-ending .game-hud,.in-ending .game-dock,.in-ending .life-toolbar,.in-ending .location-layer{visibility:hidden;pointer-events:none}
@media(max-width:800px) and (min-height:561px){.ending-body{grid-template-columns:1fr;grid-template-rows:minmax(130px,1fr) auto;gap:14px}.ending-copy{max-width:600px;width:100%;justify-self:center}.ending-copy h2{font-size:22px;margin:7px 0 10px}.ending-copy h2::before{display:none}.ending-caption{font-size:13px;line-height:1.85;margin-bottom:10px}.ending-detail{font-size:10px;margin-bottom:5px}.ending-art canvas{max-width:680px}.ending-keyhint{display:none}.ending-scene{gap:10px;padding:14px 20px}.ending-copy>.eyebrow{font-size:9px}}
@media(max-width:460px){.ending-scene{padding:12px 14px}.ending-head{font-size:9px}.ending-nav{gap:8px}.ending-nav>div{gap:5px}.ending-scene .secondary-button{font-size:10px;padding:7px 8px}.ending-keyhint{display:none}.ending-caption{font-size:12px}.ending-copy h2{font-size:21px}.ending-final-actions{gap:5px}.ending-final-actions .secondary-button{font-size:9px;padding:5px 7px}.ending-detail{font-size:9px}}
@media(max-height:560px){.ending-scene{padding:10px 18px;gap:8px}.ending-body{grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr);gap:20px}.ending-copy h2{font-size:20px;line-height:1.35;margin:6px 0 10px}.ending-copy h2::before{display:none}.ending-caption{font-size:11px;line-height:1.8;margin-bottom:9px}.ending-detail{font-size:9px;margin:0 0 5px;line-height:1.6}.ending-copy>.eyebrow{font-size:9px}.ending-head{font-size:9px}.ending-keyhint{display:none}.ending-nav{min-height:32px}.ending-scene .secondary-button{min-height:30px;font-size:10px;padding:5px 9px}.ending-final-actions{margin-top:8px}.ending-final-actions .secondary-button{font-size:9px;padding:4px 7px;min-height:26px}}
@media(max-width:520px) and (max-height:560px){.ending-body{grid-template-columns:1fr;grid-template-rows:minmax(60px,1fr) auto;gap:7px}.ending-copy h2{font-size:18px}.ending-caption{font-size:11px}.ending-detail{font-size:9px}.ending-scene{padding:8px 12px}.ending-head{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ending-meter i{transition:none}}