/* The ending image is scenery. All result data and controls remain HTML. */
.content-stage .panel.finish-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(18px,3vw,40px)}
.finish-layout .art-container{width:100%;height:100%;max-height:480px;min-height:0;padding:0}
.finish-layout .event-illustration{display:block;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:5/4;object-fit:contain;border:0;box-shadow:none;filter:none}
.finish-copy{display:grid;gap:16px;line-height:1.6;min-width:0}
.finish-copy p{margin:0}.ending-orders{display:grid;gap:8px}
.center[data-screen="finish"] .screen-heading h2{font-size:26px;line-height:1.35}
@media(max-width:759px), (max-height:500px) and (max-width:999px){
 .phone .content-stage .panel.finish-layout{display:flex;gap:14px}
 .phone .content-stage .panel.finish-layout>.content-unit:has(>.art-container){flex:0 0 auto;height:180px}
 .phone .content-stage .panel.finish-layout .art-container{height:180px;max-height:180px}
 .phone .finish-copy{gap:12px;font-size:16px;line-height:1.5}
 .phone .finish-copy .metrics{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:8px}
 .phone .finish-copy .metrics>div{min-width:0}.phone .finish-copy .metrics strong{font-size:20px}
 .phone .center[data-screen="finish"] .screen-heading h2{font-size:22px}
 .phone .center[data-screen="finish"] .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .phone .center[data-screen="finish"] .actions button:last-child{grid-column:1/-1}
}
@media(max-width:759px) and (max-height:660px){
 .phone .content-stage .panel.finish-layout>.content-unit:first-child{order:2}
 .phone .content-stage .panel.finish-layout>.content-unit:last-child{order:1}
 .phone .content-stage .panel.finish-layout>.content-unit:has(>.art-container){height:130px}
 .phone .content-stage .panel.finish-layout .art-container{height:130px;max-height:130px}
 .phone .center[data-screen="finish"] .screen-heading h2{font-size:20px}
}