:root{color-scheme:dark;--yellow:#ffd62e;--orange:#f28b22;--red:#ed4337;--ink:#17140d;--cream:#fff4d2;--green:#1d694c;--mono:"DM Mono",monospace;--round:"Nunito",sans-serif;--display:"Fugaz One",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#16130c}body{color:var(--cream);font-family:var(--round)}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid white;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}#world:active{cursor:grabbing}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hud{position:fixed;z-index:10;transition:opacity .45s,transform .45s}.topbar{top:28px;left:34px;right:34px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand span,.eyebrow,.mission span,.distance span{display:block;font:500 9px var(--mono);letter-spacing:.18em}.brand strong{display:block;color:var(--yellow);font:400 24px var(--display);letter-spacing:.02em}.mission{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;text-align:left}.mission i{grid-row:1/3;width:9px;height:9px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #ffd62e24,0 0 24px var(--yellow);animation:pulse 2s infinite}.mission span{color:#d0cbb9}.mission b{font:900 11px var(--round);letter-spacing:.08em}.sound{pointer-events:auto;border:1px solid #fff5;padding:10px 13px;background:#16130c88;font:500 9px var(--mono);letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sound span{color:var(--yellow);margin-right:6px}.status-card{left:34px;top:138px;width:190px;padding:16px;border:1px solid #fff4;background:#17140dbd;box-shadow:7px 7px #0003;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.status-row{display:flex;align-items:center;gap:12px;margin:13px 0 16px}.banana-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#3b2a05;font-size:38px;line-height:1;transform:rotate(-30deg)}.status-row b{display:block;font:900 15px var(--round)}.status-row span{font:400 7px var(--mono);letter-spacing:.1em;color:#bdb7a7}.meter-label{display:flex;justify-content:space-between;font:500 8px var(--mono);letter-spacing:.1em}.meter{height:7px;margin-top:6px;padding:2px;border:1px solid #fff6}.meter i{display:block;width:12%;height:100%;background:var(--yellow);transition:width .4s,background .4s}.status-card p{margin:13px 0 0;font-size:11px;color:#d9d1bb;font-style:italic}.sticker-card{right:34px;top:138px;text-align:right}.sticker-card>div{display:flex;gap:8px;margin:11px 0}.sticker-card i{width:36px;height:36px;border:1px dashed #fff8;border-radius:50%;background:#17140d66;transition:.5s transform,.5s background}.sticker-card i.found{background:var(--yellow);border:2px solid #17140d;box-shadow:0 0 0 2px var(--yellow),0 5px 20px #ffd62e66;transform:rotate(12deg)}.sticker-card i.found:after{content:"★";display:grid;place-items:center;height:100%;color:#372805}.sticker-card p{font:500 8px var(--mono);letter-spacing:.13em}.sticker-card p b{color:var(--yellow)}.prompt{left:50%;bottom:118px;transform:translate(-50%,20px);display:grid;grid-template-columns:auto auto;gap:0 9px;align-items:center;padding:10px 16px;background:#fff3df;color:#211b0f;box-shadow:5px 5px #17140d;opacity:0}.prompt.visible{opacity:1;transform:translate(-50%)}.prompt span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;background:#211b0f;color:var(--yellow);font:500 12px var(--mono)}.prompt b{font-size:10px;letter-spacing:.1em}.prompt small{font:500 8px var(--mono);color:#665e4e}.toast{left:50%;top:27%;width:min(390px,calc(100vw - 40px));padding:22px 26px;background:#fff3dd;color:#251e11;box-shadow:9px 9px #17140dcc;transform:translate(-50%,-18px) rotate(-1deg);opacity:0;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) rotate(-1deg)}.toast span{font:500 8px var(--mono);letter-spacing:.18em;color:#8d5a18}.toast strong{display:block;margin:6px 0 3px;font:400 24px/1.05 var(--display)}.toast p{margin:0;font-size:12px;color:#675b47}.footer{left:34px;right:34px;bottom:28px;display:flex;justify-content:space-between;align-items:end}.controls{display:flex;gap:20px;font:500 8px var(--mono);letter-spacing:.11em;color:#d6d0c0}.controls kbd{padding:5px 7px;border:1px solid #fff7;background:#17140caa;color:var(--yellow);font:500 8px var(--mono);box-shadow:2px 2px #0007}.distance{text-align:right}.distance b{display:block;color:var(--yellow);font:400 22px var(--display)}.intro,.ending{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:radial-gradient(circle at 72% 45%,#f5c12d 0 17%,#d99e13 17.2% 28%,transparent 28.2%),linear-gradient(112deg,#1b501f 0,#1b501f 48%,#19441d 48%);overflow:hidden;display:grid;place-items:center}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#fff08 80px);opacity:.18}.receipt{position:relative;z-index:2;width:min(400px,calc(100vw - 42px));padding:28px 37px 35px;background:#fff4da;color:#251d0e;box-shadow:15px 18px #0b260e88;transform:rotate(-1.2deg);clip-path:polygon(0 0,3% 1%,6% 0,9% 1%,12% 0,15% 1%,18% 0,21% 1%,24% 0,27% 1%,30% 0,33% 1%,36% 0,39% 1%,42% 0,45% 1%,48% 0,51% 1%,54% 0,57% 1%,60% 0,63% 1%,66% 0,69% 1%,72% 0,75% 1%,78% 0,81% 1%,84% 0,87% 1%,90% 0,93% 1%,96% 0,100% 1%,100% 99%,96% 100%,92% 99%,88% 100%,84% 99%,80% 100%,76% 99%,72% 100%,68% 99%,64% 100%,60% 99%,56% 100%,52% 99%,48% 100%,44% 99%,40% 100%,36% 99%,32% 100%,28% 99%,24% 100%,20% 99%,16% 100%,12% 99%,8% 100%,4% 99%,0 100%)}.receipt-top,.date{font:500 9px var(--mono);letter-spacing:.16em}.date{text-align:center;margin:10px 0}.barcode{height:27px;margin:14px 0;background:repeating-linear-gradient(90deg,#241d10 0 2px,transparent 2px 5px,#241d10 5px 6px,transparent 6px 10px)}.receipt h1{margin:22px 0 17px;font:400 clamp(58px,9vw,88px)/.72 var(--display);letter-spacing:-.04em}.receipt h1 em{color:#e59f0e;font-style:normal;margin-left:55px}.tagline{font:900 16px/1.25 var(--round)}.receipt-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px dashed #6c614d;font:500 10px var(--mono)}.receipt-line.total{border-bottom:1px dashed #6c614d;font-weight:900}.receipt button,.ending button{width:100%;margin-top:22px;padding:15px;border:0;background:#1f571f;color:#fff6dc;font:900 11px var(--round);letter-spacing:.13em;cursor:pointer;box-shadow:5px 5px #132e13}.receipt button:hover,.ending button:hover{transform:translateY(-2px);background:#2c702c}.receipt button span,.ending button span{float:right;color:var(--yellow)}.receipt small{display:block;text-align:center;margin-top:11px;font:500 7px var(--mono);color:#80745f}.intro-banana{position:absolute;left:calc(50% + 250px);top:50%;width:165px;height:290px;transform:translateY(-50%) rotate(14deg)}.intro-banana i{position:absolute;top:0;right:0;bottom:0;left:0;border:34px solid #ffe03b;border-left-color:transparent;border-top-color:transparent;border-radius:50%;filter:drop-shadow(12px 18px 0 #132e1399);transform:rotate(12deg)}.intro-banana span{position:absolute;right:-45px;top:30px;padding:8px 12px;background:#fff4d8;color:#18130b;font:400 16px var(--display);transform:rotate(8deg)}.intro.leaving{animation:peelAway 1s cubic-bezier(.7,0,.2,1) forwards;pointer-events:none}.ending{z-index:40;background:radial-gradient(circle at 50% 82%,#fff6a0 0 2%,#ffd72f 2.2% 12%,transparent 12.2%),linear-gradient(#071b2e 0,#071b2e 62%,#163c38 62%);text-align:center}.ending:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:83px 67px;opacity:.45}.ending-copy{position:relative}.ending h2{margin:24px 0;color:var(--yellow);font:400 clamp(72px,14vw,150px)/.68 var(--display);text-shadow:9px 9px 0 #09111b}.ending p{font-size:16px}.ending-stats{display:flex;justify-content:center;gap:30px;margin:28px 0;font:500 9px var(--mono);letter-spacing:.13em}.ending-stats b{display:block;margin-top:7px;color:var(--yellow);font-size:15px}.ending button{width:230px;background:var(--yellow);color:#231c0c;box-shadow:5px 5px #070b10}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;text-align:center;background:#f2bd23;color:#211a0c;transition:opacity .6s,visibility .6s}.loading.ready{opacity:0;visibility:hidden}.loading b{font:400 35px var(--display)}.loading>span{width:180px;height:7px;margin:16px auto 10px;border:1px solid #211a0c;padding:2px}.loading i{display:block;width:40%;height:100%;background:#211a0c;animation:load 1s infinite}.loading small{font:500 8px var(--mono);letter-spacing:.18em}.mobile-controls{display:none}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #ffd62e08,0 0 34px var(--yellow)}}@keyframes peelAway{to{opacity:0;transform:scale(1.12) rotate(3deg);visibility:hidden}}@media (max-width:760px){.topbar{top:16px;left:16px;right:16px}.brand span,.mission,.sound{display:none}.brand strong{font-size:20px}.status-card{left:15px;top:72px;width:145px;padding:11px}.status-row{margin:8px 0}.banana-icon{width:34px;height:34px;font-size:27px}.status-row b{font-size:12px}.status-card p{display:none}.sticker-card{right:15px;top:75px}.sticker-card i{width:28px;height:28px}.footer{left:16px;right:16px;bottom:14px}.controls{display:none}.distance b{font-size:17px}.receipt{padding:25px 29px}.receipt h1{font-size:57px}.intro-banana{display:none}.mobile-controls{display:grid;left:15px;bottom:18px;grid-template-columns:repeat(3,44px);gap:6px}.mobile-controls button{height:44px;border:1px solid #fff5;background:#17140ca8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;touch-action:none}.mobile-controls button:nth-child(1){grid-column:2}.mobile-controls button:nth-child(2){grid-column:1;grid-row:2}.mobile-controls button:nth-child(3){grid-column:2;grid-row:2}.mobile-controls button:nth-child(4){grid-column:3;grid-row:2}.mobile-controls .boost{grid-column:1/3;border-radius:22px;font-size:8px}.mobile-controls .use{grid-column:3;border-radius:22px;font-size:8px}.prompt{bottom:138px}.ending-stats{gap:16px}.ending p{padding:0 24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}