@font-face{font-family:Outfit;src:url(/pawsport/fonts/Outfit-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--pine: #2f4536;--sage: #8aa08f;--clay: #cc7a4d;--sand: #e7dcc7;--cream: #f8f4ed;--ink: #292723}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit}.hero{position:relative}.hero img{width:100%;display:block;border-radius:0 0 20px 20px}.hero .veil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#29272326,#2927238c)}.hero .title{position:absolute;left:20px;bottom:16px;color:#fff}.hero .title h1{margin:0;font-size:26px;letter-spacing:.5px}.hero .title p{margin:4px 0 0;font-size:13px;opacity:.9}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.topbar .brand{font-size:17px;color:var(--pine);font-weight:700}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--sand);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;color:var(--pine)}.tabs{display:flex;gap:6px;padding:0 16px 10px}.tabs button{flex:1;padding:9px 0;border-radius:12px;border:1px solid var(--sand);background:#fff;color:var(--pine);font-size:14px;font-weight:700;cursor:pointer}.tabs button.active{background:var(--pine);color:var(--cream);border-color:var(--pine)}.mapwrap{padding:0 12px 130px}.map{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #2927232e,inset 0 0 0 1px #ffffff59}.map .bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.map .trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.95;filter:drop-shadow(0 1px 1px rgba(41,39,35,.25))}.stop{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;padding:0;transition:transform .15s ease}.stop:active{transform:translate(-50%,-50%) scale(.92)}.stop.lm{width:13.5%;aspect-ratio:1;background:var(--cream);border:2px solid rgba(255,255,255,.95);box-shadow:0 4px 10px #29272359,0 1px #fff9 inset;overflow:hidden}.stop.lm img{width:100%;height:100%;object-fit:cover}.stop.lm.stamped:after{content:"✓";position:absolute;right:-2px;top:-2px;width:45%;height:45%;border-radius:50%;background:var(--clay);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.stop.sp{width:8.5%;aspect-ratio:1;font-size:13px;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 3px 7px #2927234d}.sp-coupon{background:#e9b8ab}.sp-event{background:#d9cdec}.sp-supply{background:var(--sand)}.stop.here{outline:3px solid var(--clay);outline-offset:2px}.token-abs{position:absolute;transform:translate(-50%,-115%);width:9.5%;aspect-ratio:1;border-radius:50%;background:var(--clay);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;z-index:5;box-shadow:0 5px 12px #29272373;transition:left .13s linear,top .13s linear}@keyframes hop{0%{transform:translate(-50%,-140%) scale(1.12)}to{transform:translate(-50%,-115%)}}.footerbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100vw);padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--cream) 30%);display:flex;gap:10px;align-items:center}.rollbtn{flex:1;padding:15px 0;border-radius:16px;border:none;cursor:pointer;background:var(--clay);color:#fff;font-size:17px;font-weight:700;letter-spacing:.3px;box-shadow:0 4px 14px #cc7a4d66}.rollbtn:disabled{opacity:.55;box-shadow:none}.iconbtn{width:52px;height:52px;border-radius:16px;border:1px solid var(--sand);background:#fff;font-size:20px;cursor:pointer}.dice-thrower{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:26;width:min(480px,100vw);height:132px;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;perspective:680px}.dice-orbit{position:relative;width:64px;height:64px;transform-style:preserve-3d;will-change:transform,opacity}.dice-thrower.rolling .dice-orbit{animation:dice-arc .72s cubic-bezier(.25,.72,.24,1) infinite}.dice-thrower.settled .dice-orbit{animation:dice-land .42s cubic-bezier(.2,.84,.34,1.2) both}.dice-cube{position:absolute;top:4px;right:4px;bottom:4px;left:4px;transform-style:preserve-3d;animation:dice-spin .52s linear infinite;will-change:transform}.dice-thrower.settled .dice-cube{animation:none;transition:transform .28s cubic-bezier(.2,.84,.34,1.2)}.dice-cube.show-1{transform:rotateX(-10deg) rotateY(10deg)}.dice-cube.show-2{transform:rotateX(-10deg) rotateY(-80deg)}.dice-cube.show-3{transform:rotateX(-100deg) rotateY(8deg)}.dice-cube.show-4{transform:rotateX(80deg) rotateY(-8deg)}.dice-cube.show-5{transform:rotateX(-10deg) rotateY(100deg)}.dice-cube.show-6{transform:rotateX(-8deg) rotateY(190deg)}.dice-face{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;background:linear-gradient(145deg,#fffdf8,#f1e6d3);border:1px solid rgba(255,255,255,.9);box-shadow:inset -8px -9px 16px #2927231c,inset 5px 5px 12px #ffffffd9;backface-visibility:hidden}.face-1{transform:translateZ(28px)}.face-2{transform:rotateY(90deg) translateZ(28px)}.face-3{transform:rotateX(90deg) translateZ(28px)}.face-4{transform:rotateX(-90deg) translateZ(28px)}.face-5{transform:rotateY(-90deg) translateZ(28px)}.face-6{transform:rotateY(180deg) translateZ(28px)}.dice-pip{width:8px;height:8px;border-radius:50%;background:var(--pine);box-shadow:0 1px #fff6,inset 0 1px 2px #0000004d}.pip-1{grid-area:1 / 1}.pip-3{grid-area:1 / 3}.pip-4{grid-area:2 / 1}.pip-5{grid-area:2 / 2}.pip-6{grid-area:2 / 3}.pip-7{grid-area:3 / 1}.pip-9{grid-area:3 / 3}.dice-shadow{position:absolute;bottom:6px;width:68px;height:16px;border-radius:50%;background:#2927233d;filter:blur(3px);transform:scaleX(.82);animation:dice-shadow .72s ease-in-out infinite}.dice-thrower.settled .dice-shadow{animation:none;transform:scaleX(1);opacity:.7}@keyframes dice-arc{0%{transform:translate3d(-74px,6px,0) rotate(-10deg)}35%{transform:translate3d(-18px,-58px,28px) rotate(8deg)}70%{transform:translate3d(50px,-28px,10px) rotate(-7deg)}to{transform:translate3d(84px,8px,0) rotate(10deg)}}@keyframes dice-spin{0%{transform:rotateX(18deg) rotateY(20deg) rotate(0)}to{transform:rotateX(378deg) rotateY(740deg) rotate(360deg)}}@keyframes dice-land{0%{transform:translate3d(74px,-16px,0) scale(.92)}58%{transform:translate3d(0,8px,0) scale(1.08)}to{transform:translateZ(0) scale(1)}}@keyframes dice-shadow{0%,to{opacity:.3;transform:translate(-72px) scaleX(.58)}45%{opacity:.12;transform:translate(-8px) scaleX(.36)}70%{opacity:.2;transform:translate(52px) scaleX(.46)}}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#29272373;z-index:30}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100vw);max-height:78dvh;overflow:auto;z-index:31;background:var(--cream);border-radius:22px 22px 0 0;padding:18px 18px 26px}.sheet h3{margin:0 0 10px;color:var(--pine);font-size:18px}.fx{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sand);border-radius:14px;padding:11px 13px;margin-bottom:8px;font-size:14px}.fx .em{font-size:20px}.fx b{color:var(--pine)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:12px;border:1px solid var(--sand);background:#fff;color:var(--pine);font-size:14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--pine);border-color:var(--pine);color:var(--cream)}.btn.clay{background:var(--clay);border-color:var(--clay);color:#fff}.btn.block{width:100%}.btn+.btn{margin-top:8px}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#29272399;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--cream);border-radius:20px;padding:20px;width:100%;max-width:400px;max-height:88dvh;overflow:auto}.modal h3{margin:0 0 6px;color:var(--pine)}.modal p{margin:6px 0 14px;font-size:14px;color:#5c584f}.modal img.postcard{width:100%;border-radius:12px;border:1px solid var(--sand)}.spin{text-align:center;padding:30px 10px}.spin .dot{font-size:40px;display:inline-block;animation:bob 1.1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-9px)}}.onb{padding:20px 20px 40px;display:flex;flex-direction:column;gap:14px}.onb.center{justify-content:center;min-height:80dvh;text-align:center;align-items:center}.onb.embedded{padding:4px 2px 8px}.onb.embedded.center{min-height:46dvh}.onb-modal{position:relative}.modal-x{position:absolute;top:10px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--sand);background:#fff;color:var(--pine);font-size:14px;cursor:pointer}.avatar-big{width:190px;height:190px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 12px 30px #29272347;animation:pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.reveal-page h2{color:var(--pine);margin:18px 0 0}.reveal-page .btn{margin-top:18px;min-width:240px}.mini-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:-7px;margin-right:4px;border:1.5px solid var(--sand)}.token-abs img{width:100%;height:100%;object-fit:cover;border-radius:50%}.onb h2{margin:8px 0 0;color:var(--pine);font-size:24px}.onb p.sub{margin:0;color:#5c584f;font-size:14px;line-height:1.5}.drop{border:2px dashed var(--sage);border-radius:16px;background:#fff;padding:26px;text-align:center;color:var(--sage);font-size:14px;cursor:pointer}.drop img{max-width:130px;border-radius:12px;display:block;margin:0 auto 8px}.field label{display:block;font-size:13px;color:var(--pine);font-weight:700;margin-bottom:5px}.field input[type=text]{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--sand);background:#fff;font-size:15px;font-family:inherit}.seg{display:flex;gap:8px}.seg button{flex:1;padding:10px 0;border-radius:12px;border:1px solid var(--sand);background:#fff;font-size:15px;cursor:pointer;font-family:inherit}.seg button.on{background:var(--pine);color:var(--cream);border-color:var(--pine)}.passport{padding:4px 16px 130px}.passport .progress{font-size:13px;color:#5c584f;margin:4px 0 12px}.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pslot{aspect-ratio:1;border-radius:14px;border:1px dashed var(--sage);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;font-size:18px;color:var(--sage);cursor:pointer;padding:0}.pslot img{width:100%;height:100%;object-fit:cover}.pslot.stamped{border-style:solid;border-color:var(--clay)}.coupons{padding:4px 16px 130px;display:flex;flex-direction:column;gap:10px}.coupon{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid var(--sand);border-radius:14px;padding:13px 15px}.coupon .big{font-size:17px;font-weight:700;color:var(--pine)}.coupon .code{font-size:12px;color:#5c584f}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;background:var(--pine);color:var(--cream);padding:10px 18px;border-radius:999px;font-size:14px;box-shadow:0 6px 18px #00000040}.empty{text-align:center;color:var(--sage);padding:40px 20px;font-size:14px}.pill.streak{background:#fdf1e7;border-color:#f3d7c2}.coupon-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.coupon .expiry{font-size:12px;color:var(--sage);margin-top:4px}.coupon .expiry.soon{color:#b4552e;font-weight:700}.btn.shop{background:var(--pine);color:var(--cream);text-decoration:none;text-align:center;font-size:13px;border-color:var(--pine)}.pslot.developing{position:relative;font-size:20px}.pslot.developing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--clay);animation:develop-pulse 1.4s ease-in-out infinite}@keyframes develop-pulse{0%,to{opacity:.25}50%{opacity:.9}}.certbar{display:block;width:100%;margin:0 0 12px;padding:13px 16px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(120deg,var(--clay),#b4552e);color:#fff;font-size:15px;font-weight:700;letter-spacing:.2px;box-shadow:0 6px 16px #cc7a4d73}.rollbtn.zero{background:var(--pine);box-shadow:0 4px 14px #2f453659;font-size:15px}@media (prefers-reduced-motion: reduce){.dice-thrower.rolling .dice-orbit,.dice-thrower.settled .dice-orbit,.dice-cube,.dice-shadow{animation:none}.dice-orbit{transform:translateZ(0)}}