: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:"Grandstander","Open Sans",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)}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;background:rgba(0,0,0,0);transition:.8s top ease;text-shadow:1px 1px 0px rgba(255,255,255,.1019607843);color:#000;text-align:center;overflow:auto;z-index:1}.loading-screen .inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-height:100svh;overflow:visible}.loading-screen #process{text-align:left;background-color:#eee;padding:1em;font-family:monospace;width:min(95svw,max(80svh,60em));margin:auto}.loading-screen #processLog{max-height:8em;max-height:max(8em,10svh);background:rgba(255,255,255,.1803921569);overflow:auto;border-width:0 1px 1px 1px;border-color:#fff;border-style:solid;font-family:monospace}.loading-screen #processLog ol{padding-left:3em}.loading-screen h1{font-size:min(50px,6svw);margin:1em 0 .2em 0}.loading-screen h2{padding-top:.5em;font-size:min(24px,4svw);white-space:nowrap;margin:auto}.loading-screen h2{padding-top:.5em;font-size:min(24px,4svw);white-space:nowrap;margin:auto}.loading-screen h3{margin-bottom:0}.loading-screen ol{margin-top:.5em}.loading-screen p{font-size:min(24px,2.5svw);font-weight:300;font-style:italic;margin:0}.loading-screen p>span{display:inline-block}.loading-screen #aniWrap{max-width:60svh;margin:auto;overflow:hidden}.loading-screen #loadingAnimation{position:relative;padding-bottom:100%;margin-top:-15%}.loading-screen #loadingAnimation div{position:absolute;width:100%;padding-bottom:100%;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1;top:0;z-index:0}.loading-screen #loadingAnimation .artist-mask{padding-bottom:0;height:70.4%;overflow:hidden;transform-origin:bottom;transform:skewX(6deg);transition:transform 3s ease}.loading-screen #loadingAnimation .artist-mask .artist{top:30%;transition:top 3s ease}.loading-screen #loadingAnimation .artist-mask .artist .arm{transform:rotate(-30deg);transform-origin:47% 36%;background-image:url(./images/public/media/webp/loading-scene/arm/art.webp)}.loading-screen #loadingAnimation .artist-mask .artist .chair{background-image:url(./images/public/media/webp/loading-scene/chair/art.webp)}.loading-screen #loadingAnimation .bg{background-image:url(./images/public/media/webp/loading-scene/bg/art.webp)}.loading-screen #loadingAnimation .fan-fg{background-image:url(./images/public/media/webp/loading-scene/fan-fg/art.webp)}.loading-screen #loadingAnimation .fan-blades{background-image:url(./images/public/media/webp/loading-scene/fan-blades/art.webp);transform:rotate(173deg);transform-origin:56.66% 54.1%;animation:fanSpin .6s linear infinite}body.start-loading .loading-screen #loadingAnimation .artist-mask{animation:chairWiggle 5s ease infinite}body.start-loading .loading-screen #loadingAnimation .artist{top:0%}body.start-loading .loading-screen #loadingAnimation .arm{animation:armWiggle 3s ease infinite;animation-delay:2.5s}@keyframes fanSpin{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes armWiggle{0%{transform:rotate(-30deg)}30%{transform:rotate(5deg)}55%{transform:rotate(-35deg)}75%{transform:rotate(-20deg)}85%{transform:rotate(-15deg)}100%{transform:rotate(-30deg)}}@keyframes chairWiggle{0%{transform:skewX(8deg)}50%{transform:skewX(-2.5deg)}100%{transform:skewX(8deg)}}body.ready .loading-screen{top:100%}body{background-image:linear-gradient(black 0%, white 100%)}body:not(.ready):after{content:"Loading..";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}#pixi-display{top:0%;transition:top .8s ease;background-color:#fff}.progress-bar{height:1em;display:block;box-shadow:0 0 0 1px #555;box-sizing:content-box;overflow:hidden;border-radius:.2em;position:relative;--progress: 0;margin:1px}.progress-bar::after{content:" ";position:absolute;top:0;left:0;height:100%;width:calc(var(--progress)*100%);background-color:#72ff72;display:block}.dialog1{-webkit-mask-image:url(./images/public/media/_ui/no-compat-warning_mask.png);mask-image:url(./images/public/media/_ui/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%;z-index:2;max-width:90rem;transform:translateX(-50%)}.dialog1>div{background-size:contain;background-image:url("./images/public/media/_ui/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}#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.fx-preview{background-image:none}body.fx-preview .display{position:static;display:block;width:min(100%,100vh);height:auto;margin: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}#traits-list{text-align:left;padding:0}#traits-list li{display:flex;border-bottom:1px dotted #bbb;padding:.2em 0}#traits-list li>span{flex:1 0 auto}#traits-list .key{font-style:italic;padding-right:1em}#traits-list .value{text-align:right;flex:0 0 auto}#menu-list{text-align:center;padding:0;margin:0}#menu-list li{display:flex;border-bottom:1px dotted #bbb;padding:.2em 0}#menu-list li>span{flex:1 0 auto}#menu-list button{font-size:1.3em;width:100%;padding:.5em 0;margin:.5em 0;font-family:"Grandstander","Open Sans",sans-serif;color:#efffbf;background:#265634;letter-spacing:.05em;border-radius:.2em;border:none}#user-settings{text-align:left}#user-settings p{font-style:italic;font-size:.9em}#user-settings label{-webkit-user-select:none;-moz-user-select:none;user-select: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;min-width:min(100%,20em)}.interface.closed{display:none}.interface .inner-interface{max-height:90svh;overflow:auto}#interface-debug_city{width:min(400px,95svh,95svw);height:min(420px,95svh,95svw)}#debug_city_overlay{width:100%;position:relative}#center-crosshair{display:block;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);text-align:center;font-size:3rem;color:#fff;text-shadow:0 0 1px #000,0 0 2px #000}.debugcity{width:100%;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#cityMap{width:900px;max-width:min(80vw,80svh)}.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;display:flex;justify-content:flex-end;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}.window-ctrl>span{flex:1 0 auto;line-height:2.2rem;font-size:1rem;padding-left:1.5em}