/* Original official atlas, five slices retain ornaments as the bar scales. */
.wrapper{position:relative}
.hero-runtime{--runtime-height:46px;position:absolute;z-index:9;top:552px;left:330px;width:620px;height:var(--runtime-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 30px;color:#fff5d2;text-shadow:1px 1px 2px #180800;font-size:18px;line-height:26px;white-space:nowrap}
/* The crest occupies the atlas top; the red inset is centered 10/121 below its midpoint. */
.hero-runtime-content{display:flex;align-items:center;justify-content:center;gap:18px;max-width:100%;transform:translateY(calc(var(--runtime-height)*10/121))}
.hero-runtime-art{position:absolute;inset:0;display:flex;pointer-events:none;z-index:-1}
.hero-runtime-art i{height:var(--runtime-height);display:block;background-image:url("official-runtime-atlas.png");background-repeat:no-repeat;background-size:calc(var(--runtime-height)*2000/121) calc(var(--runtime-height)*2000/121);background-position-y:calc(var(--runtime-height)*-1270/121);flex-shrink:0}
.hero-runtime-art i:nth-child(1){width:calc(var(--runtime-height)*96/121);background-position-x:calc(var(--runtime-height)*-558/121)}
.hero-runtime-art i:nth-child(3){width:calc(var(--runtime-height)*110/121);background-position-x:calc(var(--runtime-height)*-746/121)}
.hero-runtime-art i:nth-child(5){width:calc(var(--runtime-height)*96/121);background-position-x:calc(var(--runtime-height)*-948/121)}
.hero-runtime-art i:nth-child(2),.hero-runtime-art i:nth-child(4){flex:1;background-size:200000px calc(var(--runtime-height)*2000/121);background-position-x:-70000px}
.hero-runtime-label{display:flex;align-items:center;gap:8px;padding-right:18px;color:#efda9f;font-size:16px;line-height:26px;border-right:1px solid #d29e586e;flex-shrink:0}
.hero-runtime-label>i{width:8px;height:8px;background:#ecca72;transform:rotate(45deg);box-shadow:0 0 3px #f0aa45}
.hero-runtime-value{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:bold;font-variant-numeric:tabular-nums;line-height:26px}
.hero-runtime-part{display:inline-block;min-width:calc(2ch + 1em);text-align:center;white-space:nowrap}
.hero-runtime-part:nth-child(4){min-width:calc(2ch + 2em)}
@media(max-width:767px){
 .hero-runtime{--runtime-height:42px;left:50%;transform:translateX(-50%);top:370px;width:calc(100% - 24px);max-width:620px;font-size:12px;padding:0 23px;line-height:22px}
 .hero-runtime-label{padding-right:7px;font-size:11px;gap:4px;line-height:22px}
 .hero-runtime-content{gap:8px}
 .hero-runtime-label>i{width:5px;height:5px}
 .hero-runtime-value{gap:4px;line-height:22px}
}
@media(max-width:359px){.hero-runtime{font-size:10px;padding:0 20px}.hero-runtime-label{font-size:10px;padding-right:5px;gap:3px}.hero-runtime-value{gap:3px}.hero-runtime-content{gap:5px}}