@font-face{font-family:"Press Start 2P";src:url(/assets/press_start_2p-2BZhbCiP.ttf)format("truetype");font-display:block}:root{--darkest:#081820;--dark:#346856;--light:#88c070;--lightest:#e0f8d0;--alert:#e04848;--font:"Press Start 2P", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#000;height:100%;margin:0;overflow:hidden}body{font:8px/1.6 var(--font);color:var(--lightest);text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;display:flex}[hidden]{display:none!important}#stage{background:var(--darkest);width:min(100vw,56.25dvh);height:100dvh;position:relative;overflow:hidden}#stage>*{width:100%;height:100%;position:absolute;inset:0}#camera{object-fit:cover;transform:scaleX(-1)}#backdrop{background-color:var(--darkest);image-rendering:pixelated;background-position:bottom;background-size:cover}#scrim{background:#08182040}#scene,.pixelated{image-rendering:pixelated}#overlay{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#rotate{background:var(--darkest);text-align:center;z-index:10;place-items:center;font-size:12px;display:none}@media (orientation:landscape) and (height<=480px){#rotate{display:grid}}.screen{text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.screen.centered{justify-content:center}.scrim{background:#081820cc}.scrim-heavy{background:#081820eb}.spacer{flex:1}.stack,.row{align-items:center;display:flex}.stack{flex-direction:column}.left{text-align:left;align-items:flex-start}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-20{gap:20px}.top-4{margin-top:4px}.top-6{margin-top:6px}.top-14{margin-top:14px}.top-70{margin-top:70px}.bottom-40{margin-bottom:40px}.bottom-60{margin-bottom:60px}.label{color:var(--lightest);margin:0;font-size:8px}.dim,.accent{color:var(--light)}.size-10{font-size:10px}.size-12{font-size:12px}.size-14{font-size:14px}.size-16{font-size:16px}.size-20{font-size:20px}.size-22{font-size:22px}.size-24{font-size:24px}.size-40{font-size:40px}.size-72{font-size:72px}.size-96{font-size:96px}.pixel-text{--d:2px;color:var(--lightest);text-shadow:calc(-1 * var(--d)) calc(-1 * var(--d)) 0 var(--darkest), var(--d) calc(-1 * var(--d)) 0 var(--darkest), calc(-1 * var(--d)) var(--d) 0 var(--darkest), var(--d) var(--d) 0 var(--darkest);line-height:1.2}.pixel-text.size-40,.pixel-text.size-72,.pixel-text.size-96{--d:4px;text-shadow:calc(-1 * var(--d)) calc(-1 * var(--d)) 0 var(--darkest), var(--d) calc(-1 * var(--d)) 0 var(--darkest), calc(-1 * var(--d)) var(--d) 0 var(--darkest), var(--d) var(--d) 0 var(--darkest), 0 calc(-1 * var(--d)) 0 var(--darkest), 0 var(--d) 0 var(--darkest), calc(-1 * var(--d)) 0 0 var(--darkest), var(--d) 0 0 var(--darkest)}.go{color:var(--light)}.pixel-button{--fill:var(--light);--ink:var(--darkest);--edge:4px;margin:0 var(--edge) var(--edge) 0;border:var(--edge) solid var(--ink);background:var(--fill);box-shadow:var(--edge) var(--edge) 0 var(--ink);color:var(--ink);font:12px/1 var(--font);text-transform:uppercase;cursor:pointer;touch-action:manipulation;border-radius:0;flex:none;padding:14px 18px}.pixel-button:active{transform:translate(var(--edge), var(--edge));box-shadow:none}.pixel-button:focus-visible{outline:2px solid var(--lightest);outline-offset:4px}.pixel-button:disabled{--fill:var(--darkest);cursor:default}.pixel-button.dark{--fill:var(--dark);--ink:var(--lightest)}.pixel-button.small{--edge:3px;padding:9px 12px;font-size:8px}.pixel-button.toggle{--fill:var(--darkest);--ink:var(--light)}.pixel-button.toggle.on{--fill:var(--dark);--ink:var(--lightest)}.panel,.card{border:4px solid var(--lightest);background:#081820d9}.card{flex-direction:column;align-items:center;gap:14px;max-width:340px;margin:0 16px;padding:20px;display:flex}.card p{line-height:1.8}.marquee{border-style:dashed;animation:.4s step-end infinite marquee}@keyframes marquee{0%{border-color:var(--lightest)}50%{border-color:var(--light)}}.menu{gap:22px}.title-stack{touch-action:none;flex-direction:column;gap:8px;display:flex}.best-panel{align-items:center;gap:16px;padding:14px 22px;display:flex}.animal-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:16px 12px;width:100%;min-height:0;padding:20px 16px;display:grid;overflow-y:auto}.animal-card{border:4px solid var(--lightest);background:#081820d9;flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex;position:relative}.animal-card.locked{border-color:var(--dark)}.ultimate-tag{background:var(--light);color:var(--darkest);padding:5px 8px;line-height:1;position:absolute;top:-13px}.animal-card.unlocked .ultimate-tag{background:var(--lightest)}.setup-card{--accent:var(--alert);border-color:var(--accent);margin-top:70px}.setup-card.ready{--accent:var(--light)}.setup-card>.size-14{color:var(--accent)}.hold-bar{border:3px solid var(--lightest);gap:3px;padding:3px;display:flex}.hold-segment{background:var(--dark);width:21px;height:12px}.hold-segment.lit{background:var(--accent)}.step-pop,.step-drop{animation:.28s step-end both step-pop}@keyframes step-pop{0%{transform:scale(2)}25%{transform:scale(1.5)}50%{transform:scale(1.2)}75%,to{transform:scale(1)}}.game-over{gap:18px;position:relative}.game-over>:not(.confetti){z-index:1;position:relative}.result-card{gap:12px;padding:26px 28px}.wave span{animation:.96s steps(4,end) infinite wave;display:inline-block}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}.star{background:var(--lightest);width:9px;height:9px;box-shadow:0 0 0 3px var(--darkest);transform:rotate(45deg)}.twinkle{animation:.8s step-end infinite twinkle}.twinkle.late{animation-delay:-.4s}@keyframes twinkle{0%{visibility:visible}62%{visibility:hidden}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:9px;height:9px;box-shadow:0 0 0 3px var(--darkest);animation:3s steps(24,end) infinite confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{to{transform:translateY(110vh)}}@media (prefers-reduced-motion:reduce){.confetti,.wave span,.marquee,.twinkle{animation:none}}