/* Compact UI scale, with one shared width for the complete desktop composition. */
body.cv08{zoom:.8}
.cv08 main{width:76.8%}
@media(min-width:761px){
 .cv08 main{width:min(calc(80% - 48px),clamp(1200px,calc((125svh - var(--masthead-height) - var(--bottom-nav-height) + 28px)*1.8881),2300px));margin-inline:auto}
 /* A height-based cap made the monitor narrower than its attached lower panel
    on wide/short PC windows. Fit the entire composition as one unit instead;
    125svh converts the viewport to the compact UI's local coordinates. */
 .cv08 .intro{width:100%;max-width:none;margin-inline:0;padding-top:0}
 .cv08 .cv-body-panel .collection{scroll-margin-top:calc(var(--masthead-height) + 24px)}
 .cv-masthead{padding-inline:clamp(24px,2vw,56px)}
 .cv-masthead img{flex-shrink:0}
 body.cv08 .cartridge-browser{margin-top:-48px}
}
/* Full-screen surfaces still cover the viewport; artwork scales within them. */
.cv08 .reader-scroll:not(.zoomed) .reader-sheet{width:68%}
/* These two effects use viewport-pixel coordinates, not document coordinates. */
.portrait-opening,.rb-cursor{zoom:1.25}
/* Match the small cyan lettering printed on the monitor artwork. */
body.cv08 .hero{container-type:inline-size}
body.cv08 .portrait-hint{position:absolute;left:16.85%;top:82.2%;transform:translateY(-50%);z-index:3;color:#00b9df;font:400 1cqw/1.4 MiSans,sans-serif!important;white-space:nowrap;pointer-events:none}