.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--multiplication-factor: 1;--number-shadow: #002806;--text-shadow: #4b4b54;--font-size: 10px}@font-face{font-family:sprite;src:url(/_astro/saira.D68IhdZk.ttf)}body{text-shadow:calc(1px * var(--multiply-factor)) calc(0px * var(--multiply-factor)) 0 var(--bg-color),calc(1px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color),calc(0px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color)}.sprite-page-container,.sprite-viewer-page-container{display:block;width:70%;margin:0 auto;padding:0rem 2rem 2rem;min-height:100vh;overflow:visible}.categories-container-group{grid-area:categories;min-width:max-content}.categories-container-title{display:block;background:color-mix(in srgb,var(--page-color) 60%,black);padding:0 0 3px 10px;text-rendering:geometricPrecision;transform:scaleZ(5);font-family:main-content-title;font-size:16px;line-height:20px;text-shadow:calc(1px * var(--multiply-factor)) calc(0px * var(--multiply-factor)) 0 var(--bg-color),calc(1px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color),calc(0px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color);border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white)}.categories-container-main{display:flex;flex-flow:row wrap;justify-content:flex-start;padding:10px;background-color:var(--page-color);box-shadow:var(--box-shadow);margin-bottom:var(--gap);border-left:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-bottom:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-right:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white)}.sprite-container-group{grid-area:sprites}.sprite-container-title{display:block;background:color-mix(in srgb,var(--page-color) 60%,black);padding:3px 0 3px 10px;text-rendering:geometricPrecision;font-family:sprite;font-weight:800;font-size:24px;text-shadow:calc(1px * var(--multiply-factor)) calc(0px * var(--multiply-factor)) 0 var(--bg-color),calc(1px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color),calc(0px * var(--multiply-factor)) calc(1px * var(--multiply-factor)) 0 var(--bg-color);border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);box-shadow:var(--box-shadow);position:relative}.sprite-container{display:grid;grid-template-columns:repeat(auto-fill,120px);grid-gap:20px;justify-content:center;align-content:flex-start;padding:0 15px 40px;background-color:var(--page-color);box-shadow:var(--box-shadow);border-left:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-bottom:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-right:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);position:relative;z-index:1;min-height:630px;max-width:100%;margin-bottom:50px}.sprite-box{width:calc(117px * var(--multiplication-factor));height:calc(192px * var(--multiplication-factor));background-image:var(--sprite-strip-url, none),var(--sprite-frame-url, url(https://cdn.sgxp.me/media/general/35/sprite_icon_image-1766650692338.png));background-position:bottom,top;background-size:100% var(--sprite-strip-height-percent, 100%),100% var(--sprite-frame-height-percent, 100%);background-repeat:no-repeat,no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;user-select:none;transition:transform ease-in-out .2s;text-decoration:none;border-radius:4px;box-shadow:var(--box-shadow);animation:fadein-top .5s,fadeout 1s;transform:translateY(calc(-.1px * var(--multiplication-factor)));position:relative}.sprite-box:before{content:"";position:absolute;inset:-1px;border-radius:4px;--sprite-hover-glow-color: var(--sprite-gradient-bottom, #22ff80);filter:brightness(2);box-shadow:1px 0 0 var(--sprite-hover-glow-color),1px 1px 0 var(--sprite-hover-glow-color),0 1px 0 var(--sprite-hover-glow-color),-1px 0 0 var(--sprite-hover-glow-color),-1px -1px 0 var(--sprite-hover-glow-color),0 -1px 0 var(--sprite-hover-glow-color),1px -1px 0 var(--sprite-hover-glow-color),-1px 1px 0 var(--sprite-hover-glow-color);opacity:0;transition:opacity .1s ease-in-out;pointer-events:none;z-index:-1}.sprite-box:hover:before{opacity:1}.sprite-box:nth-last-child{padding-bottom:50px}.fade-out{animation:fadein-bottom .5s;opacity:0}.sprite-star-container{display:flex;margin-left:calc(6px * var(--multiplication-factor));margin-top:calc(3px * var(--multiplication-factor));margin-bottom:calc(-9px * var(--multiplication-factor));width:calc(70px * var(--multiplication-factor))}.sprite-star{background-image:url(/img/spriteicon/star.svg);height:calc(6px * var(--multiplication-factor));width:calc(7px * var(--multiplication-factor))}.sprite-star:nth-child(n+2){margin-left:calc(-1px * var(--multiplication-factor))}.sprite-number{font-family:sprite;font-weight:700;font-style:normal;font-size:calc(9px * var(--multiplication-factor));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;user-select:none;display:flex;justify-content:right;line-height:0;margin-right:calc(5px * var(--multiplication-factor));margin-top:calc(3px * var(--multiplication-factor));text-shadow:calc(1px * var(--multiplication-factor)) 0px var(--number-shadow),0px calc(1px * var(--multiplication-factor)) var(--number-shadow),calc(1px * var(--multiplication-factor)) calc(1px * var(--multiplication-factor)) var(--number-shadow)}.sprite-text{font-family:sprite;font-weight:500;font-style:normal;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;user-select:none;font-size:calc(var(--font-size) * var(--multiplication-factor));line-height:calc(8px * var(--multiplication-factor));text-align:center}.sprite-title{display:flex;justify-content:center;align-items:center;padding-top:calc(4px * var(--multiplication-factor));margin-left:calc(5px * var(--multiplication-factor));margin-right:calc(10px * var(--multiplication-factor));height:calc(15px * var(--multiplication-factor));width:calc(109px * var(--multiplication-factor));overflow-wrap:anywhere}.sprite-image{display:flex;justify-content:center;align-items:center;image-rendering:pixelated;margin-top:calc(7px * var(--multiplication-factor));margin-left:calc(7px * var(--multiplication-factor));margin-right:calc(7px * var(--multiplication-factor));object-fit:cover;overflow:hidden;background:url(/img/spriteicon/white-bg.png),linear-gradient(0deg,var(--sprite-gradient-top, #002705) 0%,var(--sprite-gradient-bottom, #12a740) 100%);background-blend-mode:overlay;background-position:left 0px bottom 0px}.sprite-box:hover .sprite-image{animation:200s grid-para infinite linear}@keyframes grid-para{to{background-position:left -3000px bottom 0px}}.sprite-image>img{filter:drop-shadow(calc(10px * var(--multiplication-factor)) calc(10px * var(--multiplication-factor)) 0px rgba(0,0,0,.7));transform:scale(calc(1 * var(--multiplication-factor)))}.sprite-author{display:flex;justify-content:center;align-items:center;margin-top:calc(0px * var(--multiplication-factor));margin-left:calc(13px * var(--multiplication-factor));margin-right:calc(12px * var(--multiplication-factor));margin-bottom:calc(0px * var(--multiplication-factor));height:calc(18px * var(--multiplication-factor));width:calc(93px * var(--multiplication-factor));overflow-wrap:anywhere}.sprite-stats{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:calc(5px * var(--multiplication-factor));margin-left:calc(24px * var(--multiplication-factor));margin-right:calc(3px * var(--multiplication-factor));width:calc(110px * var(--multiplication-factor))}.sprite-stats:nth-child(n+2){height:calc(6px * var(--multiplication-factor))}@keyframes fadein-top{0%{opacity:0;transform:translateY(-50px)}50%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.custom-select-container{background:var(--page-color);box-shadow:var(--box-shadow);border-right:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-left:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white)}.custom-select{display:inline-block;position:relative;font-family:nav;width:125px;padding:20px 20px 0}.select-selected:hover{background-color:color-mix(in srgb,var(--page-color) 90%,black)}.custom-select select{display:none}.select-selected{background-color:color-mix(in srgb,var(--page-color) 60%,black)}.select-selected:after{position:absolute;content:"";bottom:7px;right:30px;width:0;height:0;border:4px solid transparent;border-color:color-mix(in srgb,var(--font-color) 0%,var(--font-color)) transparent transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent color-mix(in srgb,var(--font-color) 0%,var(--font-color)) transparent;bottom:11px}.select-items div,.select-selected{color:var(--font-color);padding:2px 12px 5px;border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);cursor:pointer;user-select:none}.select-items div,.select-selected:nth-child(-n+1){border-top:none}.select-items{position:absolute;background-color:color-mix(in srgb,var(--page-color) 60%,black);top:100%;left:0;right:0;z-index:99;margin:0 20px}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:color-mix(in srgb,var(--page-color) 90%,black)}.page-number{display:inline;font-size:32px;font-family:nav;margin:28px 20px 0;line-height:0;float:right;width:15px}.arrow-button{background-color:color-mix(in srgb,var(--page-color) 60%,black);border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);height:24px;color:var(--font-color);font-size:16px;font-family:nav;padding:0 10px 3px;margin:20px 0 0 10px;float:right}.arrow-button:hover{background-color:color-mix(in srgb,var(--page-color) 90%,black)}.arrow-button:active{background-color:color-mix(in srgb,var(--page-color) 60%,black)}.categories-container-group,.categories-container-title,.categories-container-main,.custom-select-container,.custom-select,.select-selected,.select-items,.select-hide,.page-number,.arrow-button{display:none}.search-section{background:var(--page-color);border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow)}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.search-bar-container{margin-top:1.5rem}.results-section{min-height:400px;position:relative}.pagination-section{background-color:var(--page-color);border-left:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-right:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white)}@media(max-width:1240px){.sprite-page-container{max-width:100%;padding:0rem 1rem 1rem}}@media(max-width:768px){.search-section{padding:1rem}.search-header{flex-direction:column;align-items:flex-start;gap:1rem}.sprite-container{min-height:400px}}.sprite-text canvas{display:block!important;image-rendering:pixelated!important;image-rendering:-moz-crisp-edges!important;image-rendering:crisp-edges!important}.pagination-wrapper{background-color:var(--page-color);border-left:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);border-right:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white)}.presence-bar.svelte-mm3qfy{position:relative;width:100%;min-width:0;overflow-x:hidden;overflow-y:visible}.presence-can.svelte-mm3qfy{position:absolute;left:0;bottom:3px;filter:grayscale(.35) brightness(.9)}.presence-can--leap.svelte-mm3qfy{animation:svelte-mm3qfy-presence-leap-arc var(--leap-duration, .27s) ease-out forwards}.presence-can--member.svelte-mm3qfy{filter:none}.presence-can--self.svelte-mm3qfy{filter:drop-shadow(0 0 3px var(--accent-color, gold))}@keyframes svelte-mm3qfy-presence-leap-arc{0%{transform:translate(var(--leap-from-x))}50%{transform:translate(var(--leap-mid-x),calc(-1 * var(--leap-arc-height)))}to{transform:translate(var(--leap-to-x))}}.presence-can-img.svelte-mm3qfy{display:block;image-rendering:pixelated;transform:scaleX(1);transition:transform .15s ease}.presence-can-img--flip.svelte-mm3qfy{transform:scaleX(-1)}nav.svelte-d8j1hi{display:none!important}@media(min-width:768px){nav.svelte-d8j1hi{display:flex!important}}.mobile-sheet-content>button:last-of-type,.mobile-sheet-content>button[class*=absolute],.mobile-sheet-content>button[class*=right-4]{display:none!important}.mobile-nav-link{display:block;padding:8px 10px;border-radius:6px;color:var(--font-color)!important;font-family:saira!important;font-size:14px!important;font-weight:600!important;transition:background-color .15s ease;cursor:pointer;text-shadow:none}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:#ffffff1a!important}.mobile-nav-link.active{background-color:#ffffff26!important}.mobile-nav-link-accent{display:flex;align-items:center;padding:10px 12px;border-radius:6px;color:var(--font-color)!important;font-family:saira!important;font-size:14px!important;font-weight:600!important;background-color:#ffffff1a;transition:background-color .15s ease;margin-top:8px}.mobile-nav-link-accent:hover,.mobile-nav-link-accent:active{background-color:#ffffff26!important}.mobile-nav-section-title{padding:0 10px 6px;color:var(--font-color);font-family:saira;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.5}[data-sonner-toaster]{z-index:9999!important}.sgxp-toast{background:color-mix(in srgb,var(--page-color) 80%,black)!important;color:var(--font-color)!important;border:1px solid var(--font-link-color)!important;border-radius:0!important;box-shadow:var(--box-shadow);font-family:inherit;min-width:300px}.sgxp-toast-title{color:var(--font-color)!important;font-weight:600}.sgxp-toast-description{color:var(--font-color)!important;opacity:.9}.sgxp-toast-error{border-color:var(--font-link-color)!important}.sgxp-toast-error .sgxp-toast-title{color:var(--font-link-color)!important}.sgxp-toast-success{border-color:#16a34a!important}.sgxp-toast-success .sgxp-toast-title{color:#86efac!important}.sgxp-toast-warning{border-color:#f59e0b!important}.sgxp-toast-warning .sgxp-toast-title{color:#fcd34d!important}.sgxp-toast-info{border-color:#3b82f6!important}.sgxp-toast-info .sgxp-toast-title{color:#93c5fd!important}[data-sonner-toast] [data-close-button]{background:transparent!important;border-color:var(--font-link-color)!important;color:var(--font-color)!important}[data-sonner-toast] [data-close-button]:hover{background:color-mix(in srgb,var(--page-color) 60%,black)!important;border-color:var(--font-link-color)!important}[data-sonner-toast] [data-icon]{margin-right:8px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}