@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2)}@font-face{font-family:Nunito;src:url(/fonts/nunito-800.woff2);font-weight:800}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0}body{color:#fff3e7;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 50% 10%,#674466,#221a32 75%);place-items:center;font-family:Nunito,Arial,sans-serif;font-weight:800;display:grid}#app{width:var(--phone-width);height:var(--phone-height);position:relative}.phone{width:375px;height:812px;transform:scale(var(--scale));transform-origin:0 0;isolation:isolate;background:#4e314e;position:relative;overflow:hidden}#arena{z-index:-2;background:linear-gradient(#9b5686,#efa185 25%,#9c527d 85%,#33223d);position:absolute;inset:0}#arena canvas{touch-action:none;width:375px!important;height:812px!important}button{font:inherit;cursor:pointer;min-width:48px;min-height:48px;color:inherit;border:0;font-size:16px}button:focus-visible{outline-offset:3px;outline:3px solid #b6fff5}button:disabled{cursor:default}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}header{background:linear-gradient(#39213fdd,#542d5100);justify-content:space-between;align-items:center;height:68px;padding:17px 20px 0;display:flex}.logo{object-fit:contain;filter:drop-shadow(0 2px #2c1e39);width:143px;height:47px}.scores{align-items:center;gap:8px;display:flex}.feathers{color:#ffdfa1;background:#3e274d9c;border:1px solid #f8d6b83b;border-radius:18px;padding:7px 13px;font-size:19px}.feathers b{color:#fff}#pause{background:#3e274d99;border-radius:50%;width:48px;min-width:48px;height:48px;font-size:20px}.heading{justify-content:space-between;align-items:center;padding:14px 22px 10px;display:flex}.eyebrow{letter-spacing:1.5px;color:#ffe2b5;margin:0;font-size:14px}.heading .eyebrow{letter-spacing:1.2px;font-size:14px}.eyebrow span{opacity:.6;margin-left:9px}h1,h2,p{margin:0}h1,h2{font-family:Fredoka,Arial,sans-serif;font-weight:600}h1{text-shadow:0 3px #5a345d;font-size:37px;line-height:1.1}h2{font-size:25px}.clock{text-align:right}.clock span{letter-spacing:.7px;color:#ffdbad;font-size:14px;display:block}.clock b{font-variant-numeric:tabular-nums;font-family:Fredoka;font-size:28px}.steps{align-items:center;gap:8px;margin:0 22px;display:flex}.steps span{color:#ffdabda6;align-items:center;gap:7px;font-size:14px;display:flex}.steps b{letter-spacing:1px;font-size:14px}.steps .active{color:#fff5cf}.steps .done{color:#bdf7d0}.steps i{background:#ffdec34d;flex:1;height:1px}.tip{text-align:center;pointer-events:none;background:#482a51d9;border:1px solid #ffdca047;border-radius:14px;padding:10px;font-size:14px;line-height:20px;position:absolute;top:600px;left:22px;right:22px;box-shadow:0 4px 15px #341b3b44}.map-label{letter-spacing:.6px;pointer-events:none;text-shadow:0 2px 3px #402439;font-size:14px;position:absolute}.home-label{color:#fff1bd;top:522px;left:69px}.scan-panel{text-align:center;background:linear-gradient(160deg,#563554f7,#38263ff5);border:1px solid #ffdfaf66;border-radius:28px;padding:22px 18px 12px;position:absolute;inset:188px 22px 35px;box-shadow:0 16px 60px #261b3977}.scan-panel h2{margin:7px 0;font-size:34px}.scan-panel>p:not(.eyebrow){color:#f9d9cb;font-size:14px}.card-window{place-items:center;width:180px;height:252px;margin:15px auto 10px;display:grid;position:relative}.card-window img{object-fit:contain;filter:drop-shadow(0 12px 12px #20142f99);max-width:160px;height:226px;transform:rotate(-7deg)}.corner{z-index:2;border:3px solid #ffdc91;width:23px;height:23px;position:absolute}.tl{border-bottom:0;border-right:0;border-radius:7px 0 0;top:0;left:-13px}.tr{border-bottom:0;border-left:0;border-radius:0 7px 0 0;top:0;right:-13px}.bl{border-top:0;border-right:0;border-radius:0 0 0 7px;bottom:10px;left:-13px}.br{border-top:0;border-left:0;border-radius:0 0 7px;bottom:10px;right:-13px}.card-chip{letter-spacing:.5px;color:#422a47;background:#ffe0a3;border-radius:14px;padding:6px;font-size:14px;position:absolute;bottom:0;left:-5px;right:-5px;box-shadow:0 3px #99744d}.card-window video{object-fit:cover;border-radius:13px;width:100%;height:238px;position:absolute;inset:0}#camera-status{min-height:36px;margin:12px 0 6px;line-height:18px}.primary{color:#4d2e43;background:linear-gradient(#ffe5aa,#ffc875);border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:10px 16px;font-size:18px;display:flex;box-shadow:0 4px #ba7d55}.primary span{margin-left:auto;font-size:22px}.scan-panel .primary{width:100%}.scan-panel .primary span{margin:0}.secondary{color:#fff0d1;background:0 0;min-height:48px;font-size:16px}.secondary span{margin-left:15px}.privacy{opacity:.7;letter-spacing:0;font-size:14px!important}.hatch-panel{text-align:center;pointer-events:none;position:absolute;top:208px;left:20px;right:20px}.hatch-panel h2{margin:7px;font-size:34px}.hatch-panel>p{font-size:14px}.hatch-panel button{pointer-events:auto;background:#49314fdd;border:1px solid #ffe4b4;border-radius:15px;position:absolute;top:350px;left:70px;right:70px}.bottom{background:linear-gradient(#3a253c00,#362338f5 13%,#2d2037 100%);height:164px;padding:15px 18px 0;position:absolute;bottom:0;left:0;right:0}.instruction{align-items:center;gap:11px;height:47px;display:flex}.instruction-icon{color:#ffdf9f;text-align:center;background:#ffe0a323;border:1px solid #ffe0a344;border-radius:12px;width:37px;height:37px;padding:4px;font-size:24px}.instruction h2{font-size:21px}.instruction p{color:#ead2c7;white-space:nowrap;letter-spacing:-.35px;margin-top:2px;font-size:14px}.actions{align-items:center;gap:10px;margin-top:10px;display:flex}.power{text-align:left;background:linear-gradient(130deg,#844447,#4f2d44);border:1px solid #ffb56f90;border-radius:16px;align-items:center;gap:6px;width:204px;height:61px;padding:3px 7px;display:flex}.power img{object-fit:contain;filter:drop-shadow(0 3px 2px #351e3877);width:45px;height:50px}.power b{letter-spacing:.5px;color:#ffe3ad;font-size:17px}.power small{color:#efc7b7;letter-spacing:-.5px;font-size:14px;line-height:15px;display:block}.power i{color:#ffdb7f;font-size:21px;font-style:normal}.power:disabled{filter:saturate(.45);opacity:.65}#context{width:125px;min-height:59px;padding:8px;font-size:18px}#context:disabled{color:#c6b5c3;background:#7d6478;box-shadow:0 4px #48334d}.footer{justify-content:space-between;align-items:center;gap:0;height:39px;display:flex}.footer>span{letter-spacing:-.9px;color:#baa0b5;font-size:14px}.footer button{white-space:nowrap;letter-spacing:-.8px;color:#e2cbb9;background:0 0;min-height:48px;padding:4px;font-size:14px}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#29172e91;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result{text-align:center;background:linear-gradient(160deg,#673a58,#35263e);border:1px solid #ffe4b4a0;border-radius:28px;width:331px;padding:28px 23px;box-shadow:0 20px 70px #1d112566}.result h2{margin:8px -5px 12px;font-size:33px}.result p{color:#f1d5c1;font-size:14px;line-height:21px}.result .eyebrow{letter-spacing:1.1px;font-size:14px}.result button{width:100%;margin:20px 0 10px}.result small{color:#d4b5bf;font-size:14px}.result-symbol{color:#5a344c;background:#ffdf9c;border-radius:21px;place-items:center;width:67px;height:67px;margin-bottom:18px;font-family:Fredoka;font-size:45px;display:inline-grid;transform:rotate(-7deg);box-shadow:0 4px #ba855e}.win-card>img{filter:drop-shadow(0 8px 10px #25112f66);height:154px;margin:3px 0 10px}.rewards{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.rewards span{color:#ffe6ae;background:#ffffff10;border-radius:12px;padding:10px;font-size:16px}.rewards b{color:#fff;font-size:20px}.loading{z-index:30;text-align:center;background:#432d49;place-items:center;padding:25px;font-size:16px;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=500px){.phone{border-radius:28px;outline:1px solid #ffddbd33;box-shadow:0 25px 100px #0005}}.hatch-panel{text-shadow:0 2px 6px #54304e;top:190px}#caught.scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000 20%,#29172e77 55%,#29172ecc)}.caught-card{padding:20px 23px;position:absolute;bottom:24px}.caught-card .result-symbol{border-radius:15px;width:48px;height:48px;margin-bottom:10px;font-size:34px}.caught-card h2{margin:8px -4px 10px;font-size:27px}.caught-card button{margin:16px 0 10px}