/* The existing pages get a real, centred viewport only when there is surplus width. */
.veluwe-wide-surround{display:none}
html[data-ultrawide="true"]{--veluwe-stage-width:calc(100svh * 16 / 9);--veluwe-stage-left:calc((100vw - var(--veluwe-stage-width)) / 2);scrollbar-gutter:auto!important}
html[data-ultrawide="true"] body>.veluwe-wide-surround{display:block;position:fixed;inset:0;z-index:2147483644;background:#f3e6c8;visibility:visible!important;pointer-events:none!important;overflow:hidden}
.veluwe-wide-surround__wing{position:absolute;top:0;bottom:0;width:var(--veluwe-stage-left);background-repeat:no-repeat;background-position:center,left top;background-size:auto,auto 200%}
.veluwe-wide-surround__wing::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / 40%)}
.veluwe-wide-surround__wing--left{left:0}
.veluwe-wide-surround__wing--right{right:0;background-position:center,right top}
html[data-ultrawide="true"] .veluwe-wide-surround__wing{background-image:linear-gradient(#123c3233,#123c3266),url('/outputs/veluwe-approved-style-v02/assets/H11-woodland-fox.png')}
html[data-ultrawide="true"][data-surround-theme="night"] .veluwe-wide-surround__wing{filter:brightness(.4) saturate(.65)}
html[data-ultrawide="true"][data-surround-scene="shop"] .veluwe-wide-surround__wing{background-image:linear-gradient(#28180b33,#170e0966),url('/assets/performance-lossless/shop-01-shop-background.webp');background-size:auto,auto 100%}
html[data-ultrawide="true"][data-surround-scene="shop"][data-surround-theme="night"] .veluwe-wide-surround__wing{background-image:linear-gradient(#091b2433,#091b2466),url('/assets/shop-night/closed-desktop-en-v1.webp');filter:brightness(.78) saturate(.85)}
html[data-ultrawide="true"] .veluwe-page-frame{box-shadow:0 0 60px #031e1b80}
html[data-wide-boot="true"]{overflow:hidden!important}
html[data-wide-boot="true"] body>:not(.veluwe-page-frame):not(.veluwe-wide-surround){visibility:hidden!important;pointer-events:none!important}
.veluwe-wide-surround__loading{display:none}
html[data-wide-boot="true"] .veluwe-wide-surround__loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:150px;height:auto}
html[data-ultrawide="true"][data-surround-theme="night"] body>.veluwe-wide-surround{background:#123c32}
html[data-surround-theme="night"] .veluwe-wide-surround__loading{filter:brightness(0) invert(.9)}
