.sprite-viewer-container.svelte-1pmog3x{width:100%;margin:0 auto;padding:50px 20px}.sprite-viewer-container.is-modal.svelte-1pmog3x{width:70%;height:100%;padding:50px 20px}.sgxp-btn.fixed-back-button{position:fixed;bottom:2rem;left:2rem;z-index:1000}.sgxp-box.sprite-sheet-section{margin-bottom:var(--gap)}.sprite-sheet-container.svelte-1pmog3x{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px}.sprite-sheet-image.svelte-1pmog3x{position:relative;z-index:1;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;opacity:0;transition:opacity .3s ease-in;cursor:pointer;display:block}.sprite-sheet-image.loaded.svelte-1pmog3x{opacity:1}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.sprite-image-wrapper.svelte-1pmog3x{position:relative;display:inline-block;--border-angle: 0deg;border:1px solid transparent;background:var(--page-color) padding-box}.sprite-image-wrapper.svelte-1pmog3x:before{content:"";position:absolute;inset:-8px;background:conic-gradient(from var(--border-angle),color-mix(in srgb,#f896d8 65%,var(--font-link-color)) 0deg,color-mix(in srgb,#edf67d 65%,var(--font-link-color)) 60deg,color-mix(in srgb,#affc41 65%,var(--font-link-color)) 120deg,color-mix(in srgb,#1dd3b0 65%,var(--font-link-color)) 180deg,color-mix(in srgb,#affc41 65%,var(--font-link-color)) 240deg,color-mix(in srgb,#edf67d 65%,var(--font-link-color)) 300deg,color-mix(in srgb,#f896d8 65%,var(--font-link-color)) 360deg);filter:blur(12px);opacity:0;z-index:-1;transition:opacity .2s ease}.sprite-image-wrapper.svelte-1pmog3x:hover{background:linear-gradient(var(--page-color),var(--page-color)) padding-box,conic-gradient(from var(--border-angle),color-mix(in srgb,#f896d8 65%,var(--font-link-color)) 0deg,color-mix(in srgb,#edf67d 65%,var(--font-link-color)) 60deg,color-mix(in srgb,#affc41 65%,var(--font-link-color)) 120deg,color-mix(in srgb,#1dd3b0 65%,var(--font-link-color)) 180deg,color-mix(in srgb,#affc41 65%,var(--font-link-color)) 240deg,color-mix(in srgb,#edf67d 65%,var(--font-link-color)) 300deg,color-mix(in srgb,#f896d8 65%,var(--font-link-color)) 360deg) border-box;animation:svelte-1pmog3x-rotateBorder 3s linear infinite}.sprite-image-wrapper.svelte-1pmog3x:hover:before{opacity:.7;animation:svelte-1pmog3x-rotateBorder 3s linear infinite}@keyframes svelte-1pmog3x-rotateBorder{to{--border-angle: 360deg}}.no-image.svelte-1pmog3x{background-color:color-mix(in srgb,var(--page-color) 90%,white);border:2px dashed var(--outline-color);padding:40px;font-style:italic;opacity:.7}.update-history-section.svelte-1pmog3x{margin-bottom:var(--gap)}.update-history-list.svelte-1pmog3x{display:flex;flex-direction:column;gap:20px}.update-item.svelte-1pmog3x{padding:16px;background:color-mix(in srgb,var(--page-color) 95%,white);border-left:3px solid var(--font-link-color);border-radius:4px}.update-header.svelte-1pmog3x{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:saira,monospace;font-size:13px;color:color-mix(in srgb,var(--font-color) 70%,transparent)}.update-date.svelte-1pmog3x{font-weight:700;color:var(--font-color);text-shadow:1px 0px 0 var(--bg-color),1px 1px 0 var(--bg-color),0px 1px 0 var(--bg-color)}.update-author.svelte-1pmog3x{color:color-mix(in srgb,var(--font-color) 70%,transparent)}.update-author.svelte-1pmog3x .author-link{color:var(--font-link-color);text-decoration:none;font-weight:600}.update-author.svelte-1pmog3x .author-link:hover{text-decoration:underline}.update-note.svelte-1pmog3x{font-family:saira,monospace;font-size:14px;color:var(--font-color);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;text-shadow:1px 0px 0 var(--bg-color),1px 1px 0 var(--bg-color),0px 1px 0 var(--bg-color)}@media(max-width:1200px){.sprite-viewer-container.svelte-1pmog3x{width:95%}}@media(max-width:768px){.sprite-viewer-container.svelte-1pmog3x{width:100%;padding:10px var(--page-gutter)}.sprite-viewer-container.is-modal.svelte-1pmog3x{padding:10px var(--page-gutter)}}