@font-face{font-family:ElPatio;src:url(/assets/font-BBB18y5h.otf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ElPatioLight;src:url(/assets/font-light-BSOQMFAj.otf)format("truetype");font-weight:200;font-style:normal;font-display:swap}html,body{width:100dvw;min-height:100dvh;margin:0;padding:0;font-family:ElPatio,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:is(html,body) *{font-family:inherit}#root{flex-direction:column;height:100dvh;display:flex}main{background:linear-gradient(#b9c0c8 0%,#9ea7b1 100%);flex-direction:row;height:100%;display:flex;position:relative;overflow:hidden}main>aside{z-index:15;background-color:#343943;flex-direction:column;justify-content:space-between;width:280px;height:100%;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:0;left:0;overflow:visible;box-shadow:0 8px 24px #0003}main>aside.is-closed{opacity:1;transform:translate(-100%)}main>aside.is-open{opacity:1;transform:translate(0)}main>aside header{color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#2a2f37 0%,#404754 100%);align-items:center;min-height:5.5rem;padding:0 1rem;display:flex}main>aside header:focus-visible{outline-offset:4px;outline:2px solid #f0c24b}main>aside header h1{flex-direction:column;align-items:flex-start;width:100%;margin:0;font-size:2.4rem;line-height:1.1;display:flex}main>aside header h1 span{letter-spacing:.27rem;font-size:1.25rem;font-weight:400}main>aside header img{flex-shrink:0;height:4rem;margin-right:2rem}main>aside .asideToggleButton{z-index:20;color:#f7f8fa;cursor:pointer;background:#404754;border:none;border-radius:0 0 .8rem;place-items:center;width:1.7rem;min-height:5.5rem;transition:background .2s;display:grid;position:absolute;top:0;right:-1.7rem}main>aside .asideToggleButton .asideToggleIcon{width:1rem;height:1rem;transition:transform .28s;display:inline-block;transform:rotate(180deg)}main>aside .asideToggleButton.is-open .asideToggleIcon{transform:rotate(0)}main>aside .asideToggleButton:focus-visible{outline-offset:2px;outline:2px solid #f0c24b}main>aside .asideToggleButton:hover{background:#2a2f37}main>aside nav{opacity:1;visibility:visible;flex-direction:column;justify-content:flex-start;height:100%;transition:opacity .16s .16s,visibility 0s linear .16s;display:flex;overflow-y:auto}main>aside nav .fangameButton{color:#f5f7fa;cursor:pointer;isolation:isolate;background:0 0;border:none;flex:1 1 0;justify-content:flex-start;align-items:center;min-height:0;padding:.5rem .75rem;font-size:.98rem;transition:flex-grow .12s ease-out,padding .18s ease-out,font-size .18s ease-out;display:flex;position:relative;overflow:hidden}main>aside nav .fangameButton:before{content:"";background-image:linear-gradient(#14161c80, #14161c80), var(--button-background-image);z-index:0;background-color:#343943;background-position:50%;background-size:cover;transition:transform .3s ease-in-out,background-color .3s ease-in-out;position:absolute;inset:0;transform:scale(1)}main>aside nav .fangameButton .fangameLabel{z-index:2;letter-spacing:.02em;font-weight:600;position:relative}main>aside nav .fangameButton .fangamePreview{background-image:var(--preview-image);opacity:0;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .35s,opacity .2s;position:absolute;inset:0 .75rem 0 53.6%;transform:translate(calc(100% + .75rem))}main>aside nav .fangameButton:hover .fangamePreview,main>aside nav .fangameButton:focus-visible .fangamePreview{opacity:1;transform:translate(0)}main>aside nav .fangameButton:hover{z-index:3;flex-grow:1.12;padding:1rem;font-size:1.2rem;transition:flex-grow .1s ease-out,padding .1s ease-out,font-size .1s ease-out}main>aside nav .fangameButton:hover:before{background-color:#464d59;transform:scale(1.08)}main>aside nav .fangameButton:focus-visible{z-index:3;outline-offset:-2px;outline:2px solid #f0c24b;flex-grow:1.12;padding:1rem;font-size:1.2rem}main>aside nav .fangameButton:focus-visible:before{background-color:#464d59;transform:scale(1.08)}main>section{background:linear-gradient(#eef1f4 0%,#dce2e8 100%);flex:1;padding:1rem;transition:margin-left .3s;position:relative;overflow:hidden}main.aside-open>section{margin-left:280px}main.aside-closed>section{margin-left:0}.fangameInfoPanel{z-index:20;color:#f7f8fa;background:linear-gradient(160deg,#1a1d22 0%,#2a2f37 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;width:min(400px,82%);padding:2rem 2rem 1.75rem;animation:.22s both panelFadeIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #000000bf,0 4px 16px #00000080}.fangameInfoPanel__close{color:#c8cfd8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.25rem;line-height:1;transition:color .15s,background .15s;position:absolute;top:1rem;right:1.25rem}.fangameInfoPanel__close:hover{color:#fff;background:#ffffff1a}.fangameInfoPanel__logo{object-fit:contain;filter:drop-shadow(0 4px 16px #0009);width:320px;height:160px}.fangameInfoPanel__title{color:#fff;text-align:center;letter-spacing:.04em;text-shadow:0 2px 8px #0009;margin:0;font-size:1.75rem}.fangameInfoPanel__desc{text-align:center;color:#dce2e8;background:#f0c24b0d;border:1px dashed #f0c24b59;border-radius:8px;width:100%;margin:0;padding:.875rem 1.25rem;font-size:.95rem;line-height:1.6}@keyframes panelFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.carousel{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:30dvh;display:flex;position:relative;overflow:hidden}.carouselTrack{align-items:center;gap:var(--slot-gap);height:100%;display:flex}.carouselWindow{--slot-gap:0rem;--slot-width:calc((100% - (var(--slot-gap) * 2)) / 3);width:100%;height:100%;margin:0 auto;overflow:clip}.carouselSlideButton,.carouselTrack>.carouselSlide{width:var(--slot-width);flex:0 0 var(--slot-width);height:96%;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s}.carouselSlide{object-fit:cover;object-position:center;opacity:.72;border-radius:0;width:100%;height:100%;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s,filter .75s;transform:scale(.96)}.carouselSlideButton{appearance:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.carouselTrack[style*=transform] .carouselSlideButton:disabled{cursor:default}.carouselSlideButton:focus-visible{outline-offset:2px;border-radius:0;outline:2px solid #f0c24b}.carouselSlide--center{opacity:1;z-index:1;transform:scale(1)}.carouselSlideButton--left .carouselSlide,.carouselSlideButton--right .carouselSlide{filter:saturate(.9)}.carouselSlide--incoming-right,.carouselSlide--incoming-left{opacity:0;filter:saturate(.9)blur(1px);transform:scale(.96)}.carouselTrack:not(.is-animating) .carouselSlide--incoming-right,.carouselTrack:not(.is-animating) .carouselSlide--incoming-left{opacity:0}.carouselTrack.is-animating .carouselSlide--incoming-right,.carouselTrack.is-animating .carouselSlide--incoming-left{opacity:.72;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .3s,filter .75s}.carouselTrack.is-animating.is-next .carouselSlide--center{opacity:.72;filter:saturate(.9);transform:scale(.96)}.carouselTrack.is-animating.is-next .carouselSlide--right{opacity:1;filter:saturate();transform:scale(1)}.carouselTrack.is-animating.is-prev .carouselSlide--center{opacity:.72;filter:saturate(.9);transform:scale(.96)}.carouselTrack.is-animating.is-prev .carouselSlide--left{opacity:1;filter:saturate();transform:scale(1)}.carouselSlide--incoming-right,.carouselSlide--incoming-left{pointer-events:none}.carouselSlideButton--left:hover .carouselSlide,.carouselSlideButton--right:hover .carouselSlide{opacity:.92;transform:scale(1.02)}@media (width<=860px){.carouselWindow{--slot-gap:0rem;--slot-width:calc((100% - (var(--slot-gap) * 2)) / 3)}.carouselSlide{transform:scale(.98)}.carouselSlide--center{transform:scale(1)}}.fangamePage{flex-direction:column;height:100%;display:flex;overflow:hidden}.fangameContent{flex:1;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;overflow:auto}.unsupportedScreen{box-sizing:border-box;text-align:center;background:linear-gradient(#1a1d22 0%,#2a2f37 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100dvw;height:100dvh;padding:2rem;display:flex}.unsupportedScreen__logo{object-fit:contain;opacity:.85;width:72px;height:72px}.unsupportedScreen__title{color:#f0c24b;letter-spacing:.06em;margin:0;font-size:1.6rem}.unsupportedScreen__msg{color:#9ea7b1;max-width:320px;margin:0;font-size:.95rem;line-height:1.65}.loaderContainer{--loader-gif-size:32dvh;z-index:50;pointer-events:none;background:linear-gradient(#d5d0c7 0%,#beb8ae 100%);justify-content:center;align-items:flex-end;width:100dvw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 -6px 18px #2a2f3733}.loaderContainer .loaderHeader{top:calc((100dvh - var(--loader-gif-size)) / 2);color:#2a2f37;background:0 0;justify-content:center;align-items:center;gap:1.25rem;min-height:5.5rem;padding:0 1rem;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.loaderContainer .loaderHeader .loaderHeaderLogo{object-fit:contain;width:8.4rem;height:8.4rem}.loaderContainer .loaderHeader .loaderHeaderTitle{text-transform:uppercase;letter-spacing:.03em;width:8ch;margin:0;font-size:5rem;font-weight:400;line-height:1}.loaderContainer .loaderHeader .loaderHeaderTitle span{letter-spacing:1.1rem;opacity:.95;width:100%;font-size:2.4rem;font-weight:100;display:block}.loaderContainer .loaderSubtitle{text-align:center;color:#2a2f37;opacity:.85;font-size:1.25rem;position:absolute;top:70dvh;left:0;right:0;transform:translateY(-50%)}.loaderContainer .loaderImage{object-fit:contain;width:auto;height:10dvh;animation:2.8s linear infinite loaderTraverse}@keyframes loaderTraverse{0%{transform:translate(calc(-50vw - 120%))}to{transform:translate(calc(50vw + 120%))}}