@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:block}:root{--bg:#0b82e8;--paper:#fbf4dc;--ink:#2a2f5c;--font:"Pixelify Sans", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;--backdrop-image:none;--footer-space:2.6rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}.app{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}.backdrop{background:var(--backdrop-image,none) var(--backdrop-position,center) / cover no-repeat;image-rendering:pixelated;opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.backdrop--ready{opacity:1}@media (prefers-reduced-motion:reduce){.backdrop{transition:none}}.scene{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.status-note{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--footer-space) + clamp(.75rem, 4dvh, 2.5rem));text-align:center;letter-spacing:.04em;color:var(--paper);text-shadow:.08em .1em 0 var(--ink);pointer-events:none;margin:0;padding-inline:1rem;font-size:1.2rem;animation:.4s 1s both note-in;position:absolute}@keyframes note-in{0%{opacity:0}to{opacity:1}}.title{top:calc(env(safe-area-inset-top) + clamp(1rem, 4.5dvh, 2.5rem));text-align:center;color:var(--paper);text-shadow:.06em .08em 0 var(--ink);pointer-events:none;margin:0;padding-inline:1rem;font-size:clamp(2.4rem,12vw,3.6rem);font-weight:700;line-height:1;transition:opacity .3s;position:absolute;left:0;right:0}.title--hidden{opacity:0}.turn-hint{top:calc(env(safe-area-inset-top) + clamp(1rem, 4.5dvh, 2.5rem) + clamp(2.4rem, 12vw, 3.6rem) + .6rem);text-align:center;color:var(--paper);text-shadow:.08em .1em 0 var(--ink);pointer-events:none;margin:0;font-size:clamp(1rem,4.6vw,1.3rem);font-weight:700;transition:opacity .3s;position:absolute;left:0;right:0}.turn-hint span:before{content:"< "}.turn-hint span:after{content:" >"}.turn-hint--hidden{opacity:0}@media (prefers-reduced-motion:no-preference){.turn-hint:not(.turn-hint--hidden) span{animation:2.2s ease-in-out infinite hint-float;display:inline-block}}@keyframes hint-float{0%,to{translate:-6px}50%{translate:6px}}.pixel-button{cursor:pointer;background:0 0;border:0;padding:.45rem .3rem;transition:transform 80ms;display:block}.pixel-button img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.pixel-button:active:not(:disabled){transform:translateY(2px)scale(.98)}.pixel-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.open-cta{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--footer-space) + clamp(.5rem, 3dvh, 1.75rem));width:clamp(11rem,58vw,15rem);margin-inline:auto;transition:opacity .25s,transform 80ms;position:absolute}.open-cta:disabled{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.open-cta:not(:disabled){animation:2.4s ease-in-out infinite cta-pulse}}@keyframes cta-pulse{0%,to{translate:0}50%{translate:0 -4px}}.result{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--footer-space) + clamp(.25rem, 1.5dvh, 1rem));text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding-inline:1rem;transition:opacity .25s;display:flex;position:absolute}.result--leaving{opacity:0;pointer-events:none}.sticker-name{color:var(--paper);text-shadow:.07em .09em 0 var(--ink);margin:0;font-size:clamp(1.8rem,8.5vw,2.4rem);font-weight:700;line-height:1.05}.sticker-rarity{letter-spacing:.1em;text-transform:uppercase;color:var(--paper);text-shadow:.1em .12em 0 var(--ink);margin:.25rem 0 0;font-size:clamp(1rem,4.2vw,1.2rem)}.actions{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.actions-row{justify-content:center;gap:.2rem;width:100%;display:flex}.actions-row .pixel-button{width:min(46%,11.6rem)}.action-wide{width:min(64%,14.6rem)}@media (prefers-reduced-motion:no-preference){.result>*{animation:.5s ease-out both rise-in}.result>:nth-child(2){animation-delay:.12s}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.result-notice{color:var(--paper);text-shadow:.08em .1em 0 var(--ink);max-width:22rem;margin:0;font-size:1rem;line-height:1.25}.hold-to-save{text-align:center}.hold-to-save img{object-fit:contain;-webkit-touch-callout:default;width:min(100%,18rem);max-height:45dvh;margin:0 auto .75rem;display:block}.fallback{background:var(--paper);text-align:center;align-content:center;justify-items:center;gap:.75rem;height:100dvh;padding:2rem 1.5rem;display:grid}.fallback h1{margin:0;font-size:1.75rem}.fallback p{max-width:24rem;margin:0;font-size:1.1rem;line-height:1.4}.fallback-button,.text-button{border:3px solid var(--ink);min-height:3rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff8e0;border-radius:0;margin-top:.5rem;padding:.5rem 1.5rem;font-size:1.2rem;font-weight:700}.fallback-button:active,.text-button:active{transform:translateY(2px)}.fallback-button:focus-visible,.text-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fallback pre{opacity:.7;max-width:100%;font-size:.8rem;overflow-x:auto}.footer{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .15rem);z-index:2;justify-content:center;align-items:center;gap:.15rem;font-size:1.05rem;transition:opacity .25s,visibility;display:flex;position:absolute}.footer--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s .25s}.footer-link{min-height:2.75rem;color:var(--paper);text-shadow:.08em .1em 0 var(--ink);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;align-items:center;padding:.5rem .8rem;text-decoration:underline;display:inline-flex}.footer-link:focus-visible,.about a:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.about-backdrop{z-index:20;padding:1rem;padding-top:calc(env(safe-area-inset-top) + 1rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);background:#2a2f5c66;place-items:center;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.about{border:3px solid var(--ink);-webkit-user-select:text;user-select:text;overscroll-behavior:contain;background:#fff8e0;width:min(100%,26rem);max-height:100%;padding:1.25rem 1.25rem 1.5rem;overflow-y:auto}.about h2{margin:0 0 .75rem;font-size:1.9rem;line-height:1}.about p{margin:0 0 .85rem;font-size:1.1rem;line-height:1.4}.about a{color:inherit;text-underline-offset:.25em}.gallery{margin:.25rem 0 1rem}.gallery-frame{aspect-ratio:3/4;border:3px solid var(--ink);background:var(--ink);width:min(100%,max(41.25dvh,15rem));box-shadow:4px 4px 0 var(--ink);margin-inline:auto;position:relative}.gallery-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;height:100%;display:flex;overflow:auto hidden}.gallery-track::-webkit-scrollbar{display:none}.gallery-track:focus-visible{outline:3px solid var(--bg);outline-offset:2px}.gallery-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;height:100%;position:relative}.gallery-slide img,.gallery-slide video{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.gallery-play{border:3px solid var(--ink);width:4.5rem;height:4.5rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff8e0;border-radius:0;margin:auto;font-size:1.6rem;position:absolute;inset:0}.gallery-arrow{border:3px solid var(--ink);width:2.75rem;height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff8e0eb;border-radius:0;margin-top:-1.375rem;padding:0 0 .2rem;font-size:1.8rem;line-height:1;position:absolute;top:50%}.gallery-prev{left:.4rem}.gallery-next{right:.4rem}.gallery-arrow:disabled{opacity:0;pointer-events:none}.gallery-play:active{transform:scale(.95)}.gallery-play:focus-visible,.gallery-arrow:focus-visible,.gallery-dot:focus-visible{outline:3px solid var(--bg);outline-offset:2px}.gallery-dots{justify-content:center;margin-top:.4rem;display:flex}.gallery-dot{cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;position:relative}.gallery-dot:after{content:"";border:2px solid var(--ink);background:0 0;width:.7rem;height:.7rem;margin:auto;position:absolute;inset:0}.gallery-dot[aria-current=true]:after{background:var(--ink)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.about-backdrop{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sound-toggle,.bg-toggle{top:calc(env(safe-area-inset-top) + .5rem);z-index:3;border:3px solid var(--ink);background:var(--paper);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute}.sound-toggle{right:calc(env(safe-area-inset-right) + .5rem)}.bg-toggle{left:calc(env(safe-area-inset-left) + .5rem);transition:opacity .25s,visibility}.bg-toggle--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s .25s}.sound-toggle svg,.bg-toggle svg{fill:currentColor;width:1.5rem;height:1.5rem}.sound-toggle:active,.bg-toggle:active{transform:translateY(2px)}.sound-toggle:focus-visible,.bg-toggle:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.bg-backdrop{background:#2a2f5c2e}.bg-picker{width:min(100%,24rem)}.bg-options{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}.bg-option{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:3px solid #0000;flex-direction:column;gap:.4rem;padding:.4rem;font-size:1.05rem;font-weight:700;display:flex}.bg-option[aria-pressed=true]{border-color:var(--ink);background:#fff}.bg-option:active{transform:translateY(2px)}.bg-option:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.bg-thumb{aspect-ratio:3/4;border:3px solid var(--ink);image-rendering:pixelated;background-position:50%;background-size:cover;display:block}