:root{--icon-external-link: url('data:image/svg+xml,	<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> 		<g style="stroke:rgb(35,82,124);stroke-width:1"> 			<line x1="5" y1="5" x2="5" y2="14" /> 			<line x1="14" y1="9" x2="14" y2="14" /> 			<line x1="5" y1="14" x2="14" y2="14" /> 			<line x1="5" y1="5" x2="9" y2="5"  /> 			<line x1="10" y1="2" x2="17" y2="2"  /> 			<line x1="17" y1="2" x2="17" y2="9" /> 			<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> 		</g> 	</svg>');--deep-purple: #21123a;--light-purple: #6639b6;--highlight-pink: #ef9a9a}html,body{position:relative;width:100%;height:100%;font-family:"Montserrat",sans-serif;overscroll-behavior-x:none;overflow:hidden}body{color:#333;margin:0;padding:0;box-sizing:border-box;font-size:1rem;background-color:#fff}body.nightmode{background-color:#1c0d25}body.nightmode canvas{filter:brightness(0.4) contrast(1.6)}body:not(.ready){background-image:linear-gradient(black 0%, white 100%)}body:not(.ready):after{content:"Loading..";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.progress-bar{height:1rem;width:100%;box-shadow:0 0 0 1px #555;box-sizing:content-box;overflow:hidden}.progress-bar>div{height:1rem;background-color:#333;box-shadow:1px 0 0 0px #333,-1px 0 0 0px #333,0 -1px 0 1px #333;position:relative}.progress-bar>div>span{position:absolute;left:.5rem;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000,0 0 1px #000}.dialog1{-webkit-mask-image:url(./images/no-compat-warning_mask.png);mask-image:url(./images/no-compat-warning_mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;width:calc(100% - 4rem);height:100%;position:absolute;top:0;left:50%;max-width:90rem;transform:translateX(-50%)}.dialog1>div{background-size:contain;background-image:url("./images/dialog box 3-adorned.jpg");background-repeat:no-repeat;background-position:center;width:100%;height:100%;position:absolute;top:0}.dialog1>div>div{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 2rem);text-align:center;padding:10%}.dialog1>div>div img{display:inline-block}.dialog1>div>div img.a{width:21%;padding-top:7%}.dialog1>div>div img.b{width:68%;padding-top:5%}.dialog1>div>div img.c{width:58%;padding-top:4%}.dialog1>div>div span,.dialog1>div>div h1{display:block}.dialog1>div>div span.a,.dialog1>div>div h1.a{font-size:3rem;padding-top:2%}.dialog1>div>div span.b,.dialog1>div>div h1.b{font-size:1rem;padding-top:2%}.dialog1>div>div span.c,.dialog1>div>div h1.c{font-size:1rem;padding-top:4%}#below_artwork{display:none;position:absolute;top:100vh;left:0}#controls{position:absolute;z-index:1;opacity:0;transition:.3s opacity ease}body:hover #controls{opacity:1}.pointer:hover{cursor:pointer}#preload{width:0;height:0;overflow:hidden;position:absolute;z-index:-1;pointer-events:none}#images-left-to-load{position:absolute;left:0;top:0;height:100%;width:100%}a[target=_blank]::after{content:"";background-image:no-repeat var(--icon-external-link);padding-right:1em}[disabled]{pointer-events:none;opacity:.4}.d-inlineblock{display:inline-block}.va-top>*{vertical-align:top}.opaque{opacity:1 !important}*{box-sizing:border-box}@keyframes spin{from{transform:translate(-50%, -50%) translateZ(calc(var(--box-height) * -0.5)) rotateZ(0deg)}to{transform:translate(-50%, -50%) translateZ(calc(var(--box-height) * -0.5)) rotateZ(360deg)}}.display{position:absolute;top:0;left:0;width:100%;height:100%}body.manual-size .display{top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);width:auto;height:auto}.toggle-lock .lock{display:inline-block}.toggle-lock .lock:after{content:"🔒"}.toggle-lock.unlocked .lock:after{content:"🔓"}#debug{width:100%;position:absolute;top:0px;left:0;filter:invert(1);display:none}.interface{position:absolute;top:50%;left:50%;display:block;z-index:1;text-align:center;margin:auto;transform:translate(-50%, -50%);background-color:rgba(255,255,255,.9607843137);padding:3rem 2rem;border-radius:.2rem;overflow:hidden}.small{font-size:.8em}.update-link{display:block;text-align:left;word-break:break-all;width:20rem}.window-ctrl{position:absolute;top:0;width:100%;left:0;text-align:right;font-size:1.5em;box-shadow:0 -10px 5px 10px #000;overflow:hidden;background-color:#eee}.window-ctrl button:hover{background-color:#aaa;cursor:pointer}.window-ctrl button{border:none;background-color:#bbb;color:#fff;font-size:1em;box-shadow:5px 5px 0 5px #bbb;text-shadow:0 0 3px #9b9b9b}#display.moving{cursor:all-scroll}