/* Runner exterior only. The approved canvas, HUD, controls, overlays and
   engine keep their existing dimensions, positions and event handlers. */
body.runner-redesign{background:#08090b;color:#eee9df}
body.runner-redesign #observer-margin,body.runner-redesign #observer-whisper,body.runner-redesign>footer{display:none!important}
body.runner-redesign>.grain{display:none}
body.runner-redesign .courier-game{background:transparent}
body.runner-redesign .courier-heading{position:relative;color:#eee9df}
body.runner-redesign .courier-heading .eyebrow{color:#c3ad7d}
body.runner-redesign .courier-heading h1 em{color:#c6b282}
body.runner-redesign .courier-heading p{color:#e0daca}
body.runner-redesign .courier-heading:after{content:'✶';position:absolute;left:calc(50% - 95px);bottom:-18px;width:190px;height:14px;text-align:center;font:12px/14px Georgia,serif;color:#c2aa71;background:linear-gradient(#a68d58,#a68d58) left center/85px 1px no-repeat,linear-gradient(#a68d58,#a68d58) right center/85px 1px no-repeat;pointer-events:none}
body.runner-redesign .courier-frame{border-color:#bba461;box-shadow:0 0 0 4px #08090b,0 0 0 5px #a58d55;isolation:isolate}
body.runner-redesign .courier-frame:after{content:'';position:absolute;inset:4px;border:1px solid #bba46155;border-radius:inherit;pointer-events:none;z-index:3}
body.runner-redesign .courier-hud{color:#dfca96}
body.runner-redesign .courier-hud button{border-color:#a992654f;color:#e0ceaa}
body.runner-redesign .courier-thumbs button{border-color:#b59c6e88;color:#e9d9b6}
@media(min-width:701px){
 body.runner-redesign .courier-heading h1{white-space:nowrap}
 body.runner-redesign .courier-heading h1 br{display:none}
 body.runner-redesign .courier-heading h1 em{margin-left:.15em}
}
@media(max-width:700px){
 body.runner-redesign{background-position:center top;background-size:auto 100vh}
 body.runner-redesign #navigation{background:#08090b;backdrop-filter:none}
 body.runner-redesign .courier-frame:after{inset:3px}
}
/* Keep the approved books and quill at opposite edges without stretching
   the panorama into a portrait image. Only the outside strips are visible. */
body.runner-redesign .courier-game{position:relative;isolation:isolate}
body.runner-redesign .courier-game:before,body.runner-redesign .courier-game:after{content:'';position:fixed;top:82px;bottom:0;width:28vw;z-index:-1;pointer-events:none;background-image:url('assets/game-shell/runner-library-night.webp');background-repeat:no-repeat;background-size:auto 100%}
body.runner-redesign .courier-game:before{left:0;background-position:left center}
body.runner-redesign .courier-game:after{right:0;background-position:right center}
@media(max-width:700px){body.runner-redesign .courier-game:before,body.runner-redesign .courier-game:after{top:0;bottom:69px;width:26vw}}
/* Feather the inner edge into the dark central panorama, never a hard strip. */
body.runner-redesign .courier-game:before{mask-image:linear-gradient(to right,#000 55%,transparent)}
body.runner-redesign .courier-game:after{mask-image:linear-gradient(to left,#000 55%,transparent)}