: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;-webkit-user-select:none;-moz-user-select:none;user-select: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)}.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}#preload{width:0;height:0;overflow:hidden;position:absolute;z-index:-1;pointer-events:none}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}@-webkit-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)}}@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%}.toggle-lock .lock{display:inline-block}.toggle-lock .lock:after{content:"🔒"}.toggle-lock.unlocked .lock:after{content:"🔓"}