.title-mark{position:relative;width:max-content;margin:0 0 24px;-webkit-user-select:none;user-select:none}.title-mark-logo{position:relative;z-index:1;display:block;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgb(0 0 0 / 55%))}.title-mark .title-sparkle{position:absolute;inset:-40px -64px -32px -48px;width:calc(100% + 112px);height:calc(100% + 72px);z-index:0;image-rendering:pixelated;pointer-events:none}.title-mark-glint{position:absolute;top:0;left:0;width:100%;height:calc(100% * 24 / 62);z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 0 42%,rgb(255 255 255 / 70%) 42% 46%,transparent 46% 49%,rgb(255 255 255 / 45%) 49% 51%,transparent 51% 100%) no-repeat;background-size:300% 100%;background-position:120% 0;mask:var(--logo-url) top / 100% calc(100% * 62 / 24) no-repeat;-webkit-mask:var(--logo-url) top / 100% calc(100% * 62 / 24) no-repeat;mix-blend-mode:screen;animation:title-glint 4.2s steps(28,end) 1.2s infinite}@keyframes title-glint{0%{background-position:120% 0}40%,to{background-position:-20% 0}}.title-embers{position:absolute;left:0;top:calc(-100% * 30 / 62);z-index:3;width:100%;height:calc(100% * 92 / 62);image-rendering:pixelated;pointer-events:none}@media(max-width:700px){.title-mark-logo{max-width:calc(100vw - 32px)}}@media(prefers-reduced-motion:reduce){.title-mark-glint{animation:none;display:none}}.loading-scene{--sky: #141820;position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:var(--sky);transition:background-color .8s ease}.loading-scene[data-theme=meadow]{--sky: #1b2620}.loading-scene[data-theme=forest]{--sky: #13201a}.loading-scene[data-theme=desert]{--sky: #2a2218}.loading-scene[data-theme=snow]{--sky: #1c2430}.loading-scene[data-theme=swamp]{--sky: #161f1a}.loading-scene[data-theme=cave]{--sky: #0e0e13}.loading-scene[data-theme=town]{--sky: #201d1a}.loading-scene[data-theme=volcanic]{--sky: #1f1311}.loading-scene[data-theme=coast]{--sky: #15212a}.loading-scene[data-backdrop=engine]{background-color:transparent}.loading-scene[data-logo=true]{--sky: #08090b}.loading-scene{transition:background-color .8s ease,opacity .7s ease}.loading-scene-leaving{opacity:0}.loading-scene[data-backdrop=engine] .loading-label{margin-top:auto;margin-bottom:12vh}.loading-scene:not([data-backdrop=diorama]) .loading-stage{display:none}#game[data-loading=true] .native-hud{visibility:hidden}.loading-scene .pixel-mist{position:absolute;inset:0;z-index:2;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.loading-logo-holder{position:relative;z-index:3;display:grid;place-items:center}.loading-logo{position:relative;margin:0;animation:loading-logo-drop 1.1s steps(14,end) both}.opening-rays{position:absolute;left:50%;top:50%;width:180%;aspect-ratio:160 / 100;transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none;animation:loading-rays-in 1.6s steps(8,end) .5s both}@keyframes loading-logo-drop{0%{transform:translateY(-60px);opacity:0}45%{transform:translateY(8px);opacity:1}65%{transform:translateY(-6px)}82%{transform:translateY(2px)}to{transform:translateY(0);opacity:1}}@keyframes loading-rays-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.loading-logo,.opening-rays{animation:none}}.loading-stage{position:relative;z-index:1;display:grid;place-items:center;width:min(560px,90vw);aspect-ratio:4 / 3;animation:loading-float 4.5s ease-in-out infinite}.loading-diorama{width:100%;height:auto;image-rendering:pixelated}.loading-label{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--bone);text-shadow:0 2px 0 #000}.loading-caption{color:var(--gold);font:16px / 1 var(--font-pixel)}.loading-title{font:32px / 1.1 var(--font-pixel);font-weight:400;letter-spacing:0}@keyframes loading-float{50%{transform:translateY(-8px)}}@media(max-height:640px){.loading-stage{width:min(400px,80vw)}}
