/* Use the approved raster trophy silhouette for every placement. */
.result-trophy { position:relative; isolation:isolate; height:auto; aspect-ratio:1604 / 981; }
.result-trophy img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 3px #65391725); }
.result-trophy > strong { position:absolute; left:50%; top:12%; transform:translateX(-50%); display:flex; align-items:baseline; gap:1px; font:47px/1 Cartoon,sans-serif; color:#632700; text-shadow:0 1px #ffd49b; }
.result-trophy > strong small { font-size:23px; }
.trophy-rank-1 img { filter:hue-rotate(16deg) saturate(1.25) brightness(1.1) drop-shadow(0 5px 3px #65391725); }
.trophy-rank-2 img { filter:grayscale(1) brightness(1.14) drop-shadow(0 5px 3px #344d6925); }
.trophy-rank-4 img,.trophy-rank-5 img { filter:grayscale(1) sepia(.4) hue-rotate(155deg) saturate(1.5) brightness(.98) drop-shadow(0 5px 3px #344d6925); }
.trophy-rank-2 > strong,.trophy-rank-4 > strong,.trophy-rank-5 > strong { color:#203f5b; text-shadow:0 1px #eaf7ff; }
/* Keep all other placement art unchanged. Strengthen only the gold outline. */
.placement-medal.rank-1 > img { filter:contrast(1.13) saturate(1.12) drop-shadow(0 0 .7px #a45b0d)!important; }
.dialog.rewards-dialog .modal-actions > .btn { flex:0 1 290px; width:290px; max-width:290px; min-height:57px; padding:10px 16px; font-size:25px; white-space:nowrap; }
@media(max-width:760px) {
 .result-trophy { width:155px; height:auto; }
 .result-trophy > strong { font-size:35px; }
 .result-trophy > strong small { font-size:18px; }
 .dialog.rewards-dialog .modal-actions { flex-wrap:wrap; }
 .dialog.rewards-dialog .modal-actions > .btn { flex:0 1 220px; width:220px; max-width:100%; font-size:20px; min-height:49px; }
}

/* One approved trophy in results, last race and all five standings. */
.dialog.results-dialog .standing-trophy { width:86px; height:auto; flex:0 0 86px; margin:0; }
.dialog.results-dialog .standing-trophy > strong { font-size:20px; }
.dialog.results-dialog .standing-trophy > strong small { font-size:10px; }
.latest-reward .result-trophy { width:180px; margin:0 auto 8px; }
.latest-reward .result-trophy > strong { font-size:40px; }
.latest-reward .result-trophy > strong small { font-size:20px; }
@media(max-width:760px) {
 .dialog.results-dialog .standing-trophy { width:55px; flex-basis:55px; }
 .dialog.results-dialog .standing-trophy > strong { font-size:14px; }
 .dialog.results-dialog .standing-trophy > strong small { font-size:7px; }
 .latest-reward .result-trophy { width:120px; }
 .latest-reward .result-trophy > strong { font-size:27px; }
 .latest-reward .result-trophy > strong small { font-size:14px; }
}

/* Only popup frames: keep the original SVG artwork and resize its middle. */
.dialog.hangar-popup > .hangar-frame { padding:0; font-size:31px; }
.dialog.hangar-popup > .hangar-frame > span { white-space:nowrap; }
.dialog.refuel-list-dialog .refuel-item .btn:not(:disabled) {
 background:linear-gradient(#5ac8df,#2d9fbe 52%,#237d9b);
 border-color:#237d9b; box-shadow:inset 0 1px 0 #b8eaf3,0 3px 0 #174a60;
 text-shadow:0 1px 1px #164963; filter:none;
}
.dialog.refuel-list-dialog .refuel-item img { width:90px; height:60px; flex:0 0 90px; }
@media(max-width:760px) {
 .dialog.refuel-list-dialog .refuel-item img { width:78px; height:60px; flex-basis:78px; }
}

.refuel-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.refuel-toolbar .intro { flex:1; margin:0; }
.dialog.refuel-list-dialog .refuel-all-button { min-height:56px; padding:9px 14px; font-size:20px; gap:8px; white-space:nowrap; flex-shrink:0; }
.refuel-all-button .fuel-icon { width:28px; height:30px; }
.refuel-all-button small { display:block; font:12px/1.3 Cartoon,sans-serif; margin-top:3px; }
.bulk-refuel-price { text-align:center; padding:20px 10px; border:2px solid #a7c6df; border-radius:15px; background:#eaf6ff; margin-top:20px; }
.bulk-refuel-price p { font-size:15px; margin-bottom:12px; }
.bulk-refuel-price strong { display:flex; align-items:center; justify-content:center; gap:8px; font:30px Cartoon,sans-serif; }
.bulk-refuel-price .art-icon { width:36px; height:36px; }
.bulk-refuel-price > span { display:block; font-size:13px; margin-top:8px; }
.dialog.refuel-all-dialog .modal-actions { flex-wrap:wrap; }
.dialog.refuel-all-dialog .modal-actions .btn { flex:0 1 auto; width:auto; min-width:130px; font-size:20px; }
@media(max-width:760px) { .refuel-toolbar { flex-wrap:wrap; gap:10px; } .dialog.refuel-list-dialog .refuel-all-button { font-size:17px; min-height:48px; } }

.dialog.refuel-list-dialog .refuel-all-button { min-height:47px; padding:7px 10px; font-size:17px; gap:6px; }
.refuel-all-button .fuel-icon { width:23px; height:25px; }
.refuel-all-button small { font-size:10px; margin-top:2px; }
@media(max-width:760px) { .dialog.refuel-list-dialog .refuel-all-button { min-height:43px; font-size:16px; } }

.dialog.refuel-list-dialog .refuel-toolbar { justify-content:flex-start; gap:22px; align-items:center; }
.dialog.refuel-list-dialog .refuel-toolbar .intro { flex:0 1 auto; line-height:1.5; }
@media(max-width:760px) { .dialog.refuel-list-dialog .refuel-toolbar { gap:14px; } }