.viewer-modal.svelte-1n8x092{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-container.svelte-1n8x092{width:90%;height:90vh;position:relative;background:linear-gradient(to right,white 5px,transparent 5px),linear-gradient(to bottom,white 5px,transparent 5px),linear-gradient(0deg,#002705,#12a740);background-size:50px 50px,50px 50px,100% 100%;background-position:0 0,0 0,0 0;background-blend-mode:overlay,overlay,normal;border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);overflow:hidden;animation:svelte-1n8x092-gridPan 2s linear infinite}@keyframes svelte-1n8x092-gridPan{0%{background-position:0 0,0 0,0 0}to{background-position:50px 0,0 0,0 0}}.viewer-image-container.svelte-1n8x092{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:grab;position:relative}.viewer-image-container.svelte-1n8x092:active{cursor:grabbing}.image-wrapper.svelte-1n8x092,.image-with-grid.svelte-1n8x092{position:relative;display:flex;justify-content:center;align-items:center}.viewer-image.svelte-1n8x092{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;transform-origin:center center;user-select:none;pointer-events:auto;cursor:grab;max-width:none;filter:drop-shadow(10px 10px 2px rgba(0,0,0,.7))}.viewer-image.svelte-1n8x092:active{cursor:grabbing}.pixel-grid.svelte-1n8x092{position:absolute;top:0;left:0;pointer-events:none;transform-origin:center center;background:linear-gradient(to right,rgb(50 50 50) 1px,transparent 1px),linear-gradient(to bottom,rgb(50 50 50) 1px,transparent 1px);outline:1px solid rgb(50 50 50);outline-offset:-1px;filter:opacity(.6);touch-action:none;user-select:none;-webkit-user-select:none}.viewer-controls.svelte-1n8x092{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background-color:color-mix(in srgb,var(--page-color) 95%,transparent);backdrop-filter:blur(8px);padding:10px;border-radius:8px;border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 80%,white);box-shadow:var(--box-shadow)}.control-separator.svelte-1n8x092{width:1px;height:24px;background-color:color-mix(in srgb,var(--page-color) 60%,white);margin:0 4px}.viewer-controls.svelte-1n8x092 .active{background-color:color-mix(in srgb,var(--page-color) 70%,white);color:var(--font-color)}.viewer-controls.svelte-1n8x092 .close-btn{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.viewer-controls.svelte-1n8x092 .close-btn:hover{background-color:#b91c1c!important;border-color:#b91c1c!important}.zoom-indicator.svelte-1n8x092{font-family:saira,monospace;font-weight:600;color:var(--font-color);min-width:30px;text-align:center;font-size:14px}@media(max-width:768px){.viewer-modal.svelte-1n8x092{width:100vw;height:100vh;padding:0;margin:0}.viewer-container.svelte-1n8x092{width:100vw!important;height:100vh!important;margin:0;border:none!important}.viewer-image-container.svelte-1n8x092{width:100%;height:100%;touch-action:none}.viewer-controls.svelte-1n8x092{position:fixed;bottom:0;left:0;right:0;width:100vw;max-width:100vw;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;transform:none;flex-wrap:wrap;justify-content:center;padding:12px 8px;gap:8px}.viewer-controls.svelte-1n8x092 button{padding:10px!important;min-width:44px;min-height:44px}.viewer-controls.svelte-1n8x092 button svg{width:20px!important;height:20px!important}.zoom-indicator.svelte-1n8x092{min-width:50px;font-size:16px;padding:0 8px}.control-separator.svelte-1n8x092{display:none}}.sprite-actions.svelte-aabb1m{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px 0}.sprite-action-btn.svelte-aabb1m{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;font-family:saira,monospace;font-size:14px;font-weight:600;color:var(--font-color);cursor:pointer;transition:all .2s ease;border-radius:4px}.sprite-action-btn.svelte-aabb1m:hover{background:color-mix(in srgb,var(--page-color) 85%,white)}.sprite-action-btn.liked.svelte-aabb1m,.sprite-action-btn.favorited.svelte-aabb1m{color:var(--font-link-color)}.action-count.svelte-aabb1m{font-size:14px;font-weight:600;font-family:saira,monospace}.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}.modal-scroll-container.svelte-1pmog3x{height:100%;overflow-y:auto}.sprite-viewer-header.svelte-1pmog3x{display:flex;justify-content:space-between;align-items:center;gap:16px}.fixed-back-button{position:fixed;bottom:2rem;left:2rem;z-index:1000;display:flex;align-items:center;font-family:saira,monospace!important;font-size:14px!important;padding:8px 16px!important;font-weight:700!important;background:var(--page-color)!important;color:var(--font-color)!important;border:var(--border-width) var(--border-style) color-mix(in srgb,var(--page-color) 60%,white)!important;border-radius:0!important;box-shadow:var(--box-shadow)!important;transition:all .2s ease!important;cursor:url(/img/Sonic_Cursor.png),pointer!important}.fixed-back-button:hover:not(:disabled){border-color:var(--font-link-color)!important;cursor:url(/img/Sonic_Cursor_Spin.gif),progress!important;background:color-mix(in srgb,var(--page-color) 90%,white)!important}.sprite-modal-close-btn{flex-shrink:0;background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important;padding:8px 12px}.sprite-modal-close-btn:hover{background-color:#b91c1c!important;border-color:#b91c1c!important}.sprite-sheet-section.svelte-1pmog3x{background:var(--page-color);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);padding:30px;margin-bottom:var(--gap);box-shadow:var(--box-shadow);position:relative;z-index:1}.sprite-sheet-container.svelte-1pmog3x{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px}.sprite-sheet-image.svelte-1pmog3x{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}.sprite-sheet-overlay.svelte-1pmog3x{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-color) 80%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;opacity:0;transition:opacity .2s ease;cursor:pointer;border:none;color:var(--font-color);font-family:saira;font-weight:700;font-size:16px}.sprite-sheet-container.svelte-1pmog3x:hover .sprite-sheet-overlay:where(.svelte-1pmog3x){opacity:1}.sprite-sheet-overlay.svelte-1pmog3x .overlay-icon{width:48px;height:48px}.no-image.svelte-1pmog3x{background-color:color-mix(in srgb,var(--page-color) 90%,white);border:2px dashed color-mix(in srgb,var(--page-color) 70%,white);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}.sprite-viewer-container.is-modal.svelte-1pmog3x{padding:10px}.sprite-sheet-section.svelte-1pmog3x{padding:15px}.sprite-content-title,.sprite-viewer-header.svelte-1pmog3x .sprite-content-title{border-left:none!important;border-right:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding-left:1rem!important;padding-right:1rem!important}.sprite-content-box,.sprite-sheet-section.svelte-1pmog3x,.update-history-section.svelte-1pmog3x .sprite-content-box{border-left:none!important;border-right:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;box-shadow:none!important}.sprite-sheet-section.svelte-1pmog3x{border-left:none!important;border-right:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;box-shadow:none!important;padding:15px 1rem!important}.sprite-info-section,.sprite-info-title,.sprite-info-content,.sprite-comments-section,.sprite-comments-title,.sprite-comments-content{border-left:none!important;border-right:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;box-shadow:none!important}}