/* Keep corner geometry uniform. Repeat the rails; never magnify the center. */
.modal-panel::before{
 border-image-source:url("production/runtime105/textures/ui.panel_large.png");
 border-image-slice:58 64 56 64;
 border-image-width:25.375px 28px 24.5px;
 border-image-repeat:round;
 filter:none;
}
.modal-panel::after{content:"";position:absolute;inset:22px 25px;z-index:-2;pointer-events:none;background:linear-gradient(#101b22b8,#09131acd),url("production/modal-frame-v1/metal-texture.png") 0 0/96px 96px repeat}
.result-heading{display:flex;flex-direction:column;align-items:center;justify-content:center}
.result-heading .result-art{flex:none}
.result-stats{gap:12px;margin:16px 0 20px}
.result-stats>div{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:96px;padding:14px 8px;border:0;background:none}
.result-stats>div::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:8px solid transparent;border-image:url("production/runtime105/textures/ui.panel_small.png") 54 / 8px round;filter:brightness(.72) saturate(.7)}
.result-stats>div::after{content:"";position:absolute;inset:7px;z-index:-2;background:linear-gradient(#152127dc,#0a151cec),url("production/modal-frame-v1/metal-texture.png") 0 0/96px 96px repeat}
.result-stats b{font-size:26px;line-height:1.1;margin:0;color:#eaf7f4}
.result-stats>div:last-child b{color:#ffbd7a}
.result-stats>div>span:last-child{font-size:12px;color:#a9c6c3;line-height:1.2}
.result-stats .result-resource-icon{position:absolute;right:10px;top:8px;width:22px;height:22px;margin:0}
.result-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px}
.result-actions>button{--button-height:60px;--button-native-height:180;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;width:196px;min-width:0;height:var(--button-height);min-height:0;margin:0;padding:0 24px;border:0;background:none!important;font-size:15px;line-height:1;font-weight:700;letter-spacing:0;text-shadow:0 1px 3px #000}
.result-actions>button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0 solid transparent;border-left-width:calc(var(--button-height)*96/var(--button-native-height));border-right-width:calc(var(--button-height)*96/var(--button-native-height));border-image-source:url("production/runtime105/textures/ui.button_primary.png");border-image-slice:0 96 0 96 fill;border-image-width:1;border-image-repeat:stretch}
.result-actions>#backButton{--button-native-height:181}
.result-actions>#backButton::before{left:calc(var(--button-height)*.01441068);right:calc(var(--button-height)*.01441068);border-image-source:url("production/runtime105/textures/ui.button_secondary.png")}
.result-actions .button-icon{width:18px;height:18px;object-fit:contain}
.result-actions>button:hover{filter:brightness(1.15)}
@container(max-width:800px){
 .result-panel{width:92%;padding:32px 20px 24px}
 .pause-panel{padding-top:32px;padding-bottom:28px}
 .result-panel .eyebrow{font-size:10px;line-height:1.2;margin:0 0 8px}
 .result-heading{flex-direction:row;gap:14px;min-height:76px;margin:0 0 6px}
 .result-heading .result-art{margin:0}
 .result-heading .rect-art-slot{width:140px!important;height:73.37931px!important}
 .result-heading h2{font-size:22px;line-height:1.2;margin:0}
 .result-panel .result-stats{gap:6px;margin:8px 0 12px}
 .result-panel .result-stats>div{height:72px;padding:12px 4px;gap:4px}
 .result-panel .result-stats b{font-size:21px}
 .result-panel .result-stats>div>span:last-child{font-size:10px}
 .result-panel .result-resource-icon{width:17px;height:17px;top:5px;right:6px}
 .result-actions{gap:12px;margin-top:2px}
 .result-panel .result-actions>button{--button-height:52px;width:174px;min-height:0;padding:0 20px;font-size:14px}
}

/* Pause exit shares the existing city button art and preserves the run. */
#pauseScreen .pause-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
#pauseScreen .pause-actions>button{width:100%;min-width:0;height:52px;min-height:52px;margin:0;padding:8px 12px;justify-content:center;font-size:15px;line-height:1.2}
#pauseScreen .pause-actions>button:focus-visible{outline:2px solid #d9c38c;outline-offset:3px}
#pauseScreen .pause-save-note{margin:14px 0 0;color:#b5bbaa;font-size:12px;line-height:1.5}
@container(max-width:500px){#pauseScreen .pause-actions{grid-template-columns:1fr}}