@import "https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";html{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-overflow-scrolling:touch}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Fredoka One,cursive}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ink:#2c2117;--muted:#8a7a67;--accent:#c18122;--backdrop-1:#fdf7ec;--backdrop-2:#f3e4cd;--glow:#c1812229}@media (prefers-color-scheme:dark){:root{--ink:#f3e7d6;--muted:#9c8b77;--accent:#e0a047;--backdrop-1:#241d16;--backdrop-2:#16110c;--glow:#e0a04724}}.container{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 70% 55% at 50% 42%, var(--glow), transparent 70%), linear-gradient(160deg, var(--backdrop-1), var(--backdrop-2));flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,2vh,1.5rem);padding:clamp(1rem,4vh,2.5rem) 1rem;display:flex}.header{text-align:center}h1{letter-spacing:.01em;margin:0;font-size:clamp(2rem,7vw,3rem)}.hint{color:var(--muted);margin:.5rem 0 0;font-size:clamp(1rem,3.5vw,1.2rem)}.stage{aspect-ratio:4/3;width:min(100%,620px);max-height:56dvh}.nibbles{cursor:grab;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;display:block}.nibbles:active{cursor:grabbing}.nibbles:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:1rem}.nibblesCanvas{touch-action:none;width:100%;height:100%;display:block}.nibblesImage{object-fit:contain;width:100%;height:100%;animation:1s ease-out slideInFromLeft;display:block}.verdict{justify-content:center;align-items:center;min-height:5.5rem;display:flex}.result{text-align:center;color:var(--accent);font-size:clamp(3rem,12vw,4.5rem);line-height:1}.yes{animation:.5s cubic-bezier(.2,1.4,.4,1) popIn}.no{animation:.5s ease-out waggleIn}.loadingContainer{margin:0 auto}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes waggleIn{0%{opacity:0;transform:translate(-.35em)}40%{opacity:1;transform:translate(.22em)}70%{transform:translate(-.12em)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.nibblesImage,.yes,.no{animation:none}}.lds-roller{width:80px;height:80px;display:inline-block;position:relative}.lds-roller>div{transform-origin:40px 40px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.lds-roller .lds-roller-dot{background:#fff;border-radius:50%;width:7px;height:7px;margin:-4px 0 0 -4px;display:block;position:absolute}.lds-roller div:first-child{animation-delay:-.036s}.lds-roller div:first-child .lds-roller-dot{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-.072s}.lds-roller div:nth-child(2) .lds-roller-dot{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3) .lds-roller-dot{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4) .lds-roller-dot{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5) .lds-roller-dot{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6) .lds-roller-dot{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7) .lds-roller-dot{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8) .lds-roller-dot{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}