:root{--ui-pixel:min(calc(100vw / 360), .15625dvh )}#loading-screen{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate;background:#19b8e0;font-family:Arial,sans-serif;touch-action:none;transition:opacity .4s ease;-webkit-user-select:none;user-select:none}#loading-screen [hidden]{display:none!important}.loading-ocean{position:absolute;inset:-2%;background:#20b9e8 url(../art/loading/ocean.webp) center/cover no-repeat;transform:translateZ(0);will-change:transform}.loading-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#eaffff35,transparent 45%),linear-gradient(0deg,#056e9e13,transparent 22%)}.loading-stage{position:absolute;width:calc(360 * var(--ui-pixel));height:calc(640 * var(--ui-pixel));left:50%;top:50%;transform:translate(-50%,-50%)}.loading-logo{position:absolute;left:0;top:0;width:100%;height:calc(276.923 * var(--ui-pixel));z-index:3}.loading-logo-motion{position:absolute;inset:0;transform-origin:50% 65%;isolation:isolate}.loading-logo-assembly{position:absolute;inset:0;isolation:isolate}.loading-static{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1}.loading-art-fallback .loading-static{display:none}.loading-backing{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;will-change:opacity;pointer-events:none}.loading-piece{position:absolute;display:block;left:calc(var(--left) * var(--ui-pixel));top:calc(var(--top) * var(--ui-pixel));width:calc(var(--width) * var(--ui-pixel));height:calc(var(--height) * var(--ui-pixel));transform:rotate(var(--angle));transform-origin:50% 75%}.loading-piece img{display:block;width:100%;height:100%;object-fit:fill;opacity:0;transform-origin:50% 70%;will-change:transform,opacity}.loading-prepared .loading-piece img,.loading-prepared .loading-backing,.loading-prepared .loading-island{opacity:.001}.loading-letter{z-index:3}.piece-roof{z-index:0}.piece-wheat{z-index:2}.loading-visible .loading-backing{animation:loading-backing-arrive .23s var(--logo-finish-delay,.7425s) both}.loading-visible .loading-letter img{animation:loading-letter-arrive .3s var(--delay) both}.loading-visible .piece-roof img{animation:loading-roof-arrive .46s .02s both}.loading-visible .piece-wheat img{transform-origin:18% 90%;animation:loading-wheat-arrive .505s var(--logo-finish-delay,.7425s) both}.loading-title-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff5b6;font-size:calc(44 * var(--ui-pixel));line-height:1.1;font-weight:900;text-shadow:0 calc(3 * var(--ui-pixel)) #aa641b;opacity:0}.loading-art-fallback .loading-piece,.loading-art-fallback .loading-backing{display:none}.loading-art-fallback .loading-title-fallback{opacity:1}.loading-island{position:absolute;top:calc(245 * var(--ui-pixel));left:calc(1 * var(--ui-pixel));width:calc(358 * var(--ui-pixel));height:calc(330 * var(--ui-pixel));opacity:0;transform:translateZ(0);will-change:opacity}.loading-island img{width:100%;height:100%;object-fit:contain;display:block}.loading-visible .loading-island{animation:loading-island-arrive 1.05s .05s cubic-bezier(.2,.65,.3,1) both}.loading-motes{position:absolute;inset:0;pointer-events:none}.loading-motes i{position:absolute;left:calc(var(--x) * var(--ui-pixel));top:calc(var(--y) * var(--ui-pixel));width:calc(3 * var(--ui-pixel));height:calc(3 * var(--ui-pixel));background:#fffad4;box-shadow:0 0 calc(5 * var(--ui-pixel)) #fff8c0;border-radius:50%;opacity:0;animation:loading-mote 3.5s calc(1.1s + var(--i) * .33s) infinite}.loading-meter{position:absolute;left:calc(78 * var(--ui-pixel));bottom:calc(33 * var(--ui-pixel));width:calc(204 * var(--ui-pixel));height:calc(23 * var(--ui-pixel));box-sizing:border-box;padding:calc(4 * var(--ui-pixel));border-radius:calc(20 * var(--ui-pixel));background:linear-gradient(#fffbed,#ffedc2 50%,#ffdb94);box-shadow:inset 0 calc(1 * var(--ui-pixel)) 0 #fff,0 calc(2 * var(--ui-pixel)) 0 #ae813e,0 calc(4 * var(--ui-pixel)) calc(9 * var(--ui-pixel)) #006b8b44;transition:opacity .2s;overflow:visible}.loading-track{height:100%;border-radius:inherit;background:linear-gradient(#b59b75,#d6bd94);box-shadow:inset 0 calc(2 * var(--ui-pixel)) calc(3 * var(--ui-pixel)) #65461b4d;overflow:hidden}.loading-fill{position:relative;height:100%;width:100%;border-radius:inherit;background:linear-gradient(#d5ff68,#a4ef1d 28%,#69ce0d 55%,#37a60e);box-shadow:inset 0 calc(1 * var(--ui-pixel)) #f4ffb4,inset 0 calc(-2 * var(--ui-pixel)) #17771866;transform:scaleX(0);transform-origin:left center;will-change:transform;overflow:hidden}.loading-fill:after{content:"";position:absolute;top:10%;left:5%;right:5%;height:23%;border-radius:100%;background:#f6ffd394}.loading-fill i{position:absolute;inset:-30% -50%;background:linear-gradient(110deg,transparent 35%,#ffffff85 50%,transparent 65%);transform:translate(-70%);animation:loading-bar-shine 2.4s 1.15s infinite}.loading-glint{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 calc(12 * var(--ui-pixel)) #f7ffc900;transition:box-shadow .2s}[data-phase=complete] .loading-glint{box-shadow:0 0 calc(12 * var(--ui-pixel)) #f7ffc9b0}.loading-error{position:absolute;left:calc(30 * var(--ui-pixel));right:calc(30 * var(--ui-pixel));bottom:calc(12 * var(--ui-pixel));padding:calc(10 * var(--ui-pixel));border-radius:calc(16 * var(--ui-pixel));background:#123d55e8;text-align:center;color:#fff;z-index:5}.loading-error p{font-size:calc(12 * var(--ui-pixel));line-height:1.4;margin:0 0 calc(7 * var(--ui-pixel))}.loading-error button{font:700 calc(14 * var(--ui-pixel)) Arial,sans-serif;border:0;border-radius:calc(12 * var(--ui-pixel));background:#afe84b;color:#203e0d;padding:calc(10 * var(--ui-pixel)) calc(26 * var(--ui-pixel));cursor:pointer}#loading-screen.loading-exit{opacity:0;pointer-events:none;transition:opacity .15s ease}@keyframes loading-letter-arrive{0%{opacity:0;transform:translateY(calc(-1 * var(--entry-drop) * var(--ui-pixel))) rotate(var(--entry-lean)) scale(1.2);animation-timing-function:cubic-bezier(.25,.1,.4,1)}25%{opacity:1}62%{opacity:1;transform:translateY(calc(1.8 * var(--ui-pixel))) rotate(0) scale(.97);animation-timing-function:ease-out}82%{opacity:1;transform:translateY(calc(-.7 * var(--ui-pixel))) rotate(0) scale(1.012);animation-timing-function:ease-in-out}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes loading-backing-arrive{0%{opacity:0}30%{opacity:.18}65%{opacity:.75}to{opacity:1}}@keyframes loading-roof-arrive{0%{opacity:0;transform:translateY(calc(4 * var(--ui-pixel))) scale(.96)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loading-wheat-arrive{0%{opacity:0;transform:rotate(-9deg) scale(.96);animation-timing-function:cubic-bezier(.2,.7,.3,1)}55%{opacity:1;transform:rotate(2deg) scale(1);animation-timing-function:ease-in-out}78%{transform:rotate(-.7deg);animation-timing-function:ease-in-out}to{opacity:1;transform:rotate(0)}}@keyframes loading-island-arrive{0%{opacity:0}to{opacity:1}}@keyframes loading-mote{0%,35%,to{opacity:0;transform:translateY(0) scale(.3)}50%{opacity:.75;transform:translateY(calc(-4 * var(--ui-pixel))) scale(1)}80%{opacity:0;transform:translateY(calc(-11 * var(--ui-pixel))) scale(.4)}}@keyframes loading-bar-shine{0%,30%{transform:translate(-70%)}75%,to{transform:translate(70%)}}@media(prefers-reduced-motion:reduce){#loading-screen,#loading-screen *{animation:none!important;transition:none!important}.loading-visible .loading-piece img,.loading-visible .loading-island,.loading-visible .loading-backing{opacity:1}.loading-piece img{transform:none}}