:root{--ivory:#f5fbf5;--mint:#c3e6ce;--copper:#f2ae56;--petrol:#103e37;--ink:#103e37;--muted:#536f62;--line:#d2e1d4;--display:'Space Grotesk','IBM Plex Sans',system-ui,sans-serif}
h1,h2,h3,.phone-wordmark{font-family:var(--display);font-weight:700}
.site-header{background:#f5fbf5e8}.release-chip{background:#e0f2e5;color:var(--petrol);border:1px solid #a8ceb5;font-weight:600}
.brand-accent{color:#237e61}.hero{padding-top:56px;gap:65px}.hero h1{letter-spacing:-.075em;font-weight:700}.hero h1 em{color:#248965;font-style:normal;font-weight:700;text-shadow:0 5px 0 #c8e9d5}
.hero .eyebrow{background:#e0f2e5;display:inline-flex;padding:9px 14px;border-radius:30px;font-size:.75rem;letter-spacing:.075em}.small-star{color:#ad691b}.hero-description.second{font-weight:600}
.button{border-radius:30px;font-family:var(--display);font-weight:700}.button.copper{box-shadow:0 5px 0 #bf802d,0 12px 22px #dfad571c}.button.copper:hover{background:#ffc475}.hero-bottom span{gap:7px;font-weight:500}.hero-bottom svg{color:#248965}
.hero-demo{padding-top:38px}.orbit{border-color:#8bc4a0}.orbit-one{border-width:24px;opacity:.28}.orbit-two{border-width:2px;opacity:.55}
.phone{background:#103e37;border-color:#174b41;border-radius:42px;padding:22px 15px 15px;box-shadow:0 25px 50px #15473520,0 7px 0 #a2c7ae,0 0 0 10px #e8f5e9}
.phone-top{margin-bottom:15px}.player-avatar{background:#d5f3da;color:var(--petrol);font-size:.75rem;width:35px;height:35px;border:2px solid #fff}.phone-wordmark{font-size:1.75rem}.phone-wordmark span{color:#ffbf68}
.floating-tag{border-radius:18px;border:2px solid #b1d2b8;gap:12px;box-shadow:0 5px 0 #d1e2cd,0 9px 25px #28442a14;padding:13px 16px;font-size:.625rem;letter-spacing:.06em;line-height:1.45}
.floating-tag strong{display:block;font-family:var(--display);font-size:1.15rem;letter-spacing:-.04em;font-weight:700}.floating-tag svg{width:31px;height:31px;color:#da8b2e;filter:drop-shadow(0 2px 0 #f5d89e)}.tag-one{top:4px;right:-21px;transform:rotate(7deg)}.tag-two{left:-14px;bottom:115px;transform:rotate(-6deg)}.tag-two strong{font-size:.875rem;letter-spacing:-.02em}.badge-outline{background:#f5b457;width:38px;height:42px;border-radius:13px;box-shadow:0 3px 0 #b37f2f;color:#103e37;border:2px solid #d58b2f;font-size:1.25rem;font-family:var(--display)}
.demo-caption{font-size:.75rem;max-width:380px;line-height:1.55}.level-pill{border-radius:30px;font-size:.75rem;padding:7px 11px;background:#ffbd68}.player-row{font-size:.75rem}.xp-track{height:7px;background:#3d6657;border:1px solid #5a7d67;margin-top:9px}.xp-track span{background:#f9b956}.phone-title{font-family:var(--display);font-size:1.875rem;font-weight:700;letter-spacing:-.055em}.phone-subtitle{font-size:.8125rem;line-height:1.45;color:#c3e6ce}
.map-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.map-title-row .phone-title{margin:0 0 4px}.map-mode{font-size:.625rem;letter-spacing:.05em;padding:4px 7px;border:1px solid #568d75;border-radius:20px;white-space:nowrap;color:#c3e6ce}
.discovery-map{height:320px;position:relative;margin-top:13px;border-radius:23px;overflow:hidden;border:3px solid #75aa85;background:#c6edcc;isolation:isolate;color:var(--petrol)}.map-geometry{width:100%;height:100%;position:absolute;inset:0;z-index:-1}.map-north{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:3px;font-size:.625rem;font-weight:700}.map-north svg{width:22px;height:22px}.map-district{position:absolute;top:14px;left:13px;letter-spacing:.11em;font-size:.625rem;font-weight:600;color:#3c7356}
.watch-pin{position:absolute;width:55px;height:55px;padding:0;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 0 #83b899,0 5px 12px #38684c25;transition:transform 180ms ease;z-index:3}.watch-pin:hover{transform:scale(1.12) rotate(-5deg)}.watch-pin:focus-visible{outline-color:#103e37;outline-offset:5px}.pin-photo{width:100%;height:100%;display:block;border-radius:50%;background-size:300% auto}.pin-one{left:15%;top:24%}.pin-two{right:12%;top:21%}.pin-new{left:55%;top:48%;width:74px;height:74px;border:4px solid #ffd278;box-shadow:0 4px 0 #bd872d,0 0 0 8px #ffde9866,0 0 0 15px #ffde982e;animation:pin-breathe 2.6s ease-in-out infinite}.pin-new:hover{transform:scale(1.1)}.pin-caught{border-color:#2d906b;box-shadow:0 4px 0 #83b899;animation:none}.pin-check{position:absolute;right:-8px;bottom:-3px;width:23px;height:23px;border-radius:50%;background:#2b8969;color:#fff;border:2px solid #f5fff3;display:grid;place-items:center}.pin-check svg{width:13px;height:13px}.new-pin-label{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:.6875rem;letter-spacing:.03em;font-weight:700;background:#ffd278;color:#103e37;border-radius:10px;padding:3px 8px;box-shadow:0 2px 0 #ba8834;white-space:nowrap}.pin-caught .new-pin-label{background:#c3e6ce;box-shadow:0 2px 0 #599479}
.map-player{position:absolute;left:36%;top:72%;width:41px;height:41px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}.player-core{border:3px solid #fff;border-radius:50%;background:#103e37;color:#fff;width:41px;height:41px;display:grid;place-items:center;font-size:.6875rem;font-weight:700;box-shadow:0 4px 0 #588566;position:relative}.player-range{position:absolute;width:112px;height:112px;border:1px solid #32896a88;border-radius:50%;background:#32896a0a;animation:radar-pulse 3s ease-out infinite}.map-legend{position:absolute;left:0;right:0;bottom:11px;text-align:center;font-size:.625rem;color:#316048;background:#f5fff2c9;padding:3px 5px;width:max-content;max-width:92%;margin:auto;border-radius:10px}
.map-quest{display:flex;gap:10px;align-items:center;background:#245449;border:1px solid #598e72;border-radius:15px;margin-top:12px;padding:11px 10px}.quest-star{width:31px;height:31px;background:#ffbf68;color:#103e37;display:grid;place-items:center;border-radius:10px;flex:none}.quest-star svg{width:18px;height:18px}.map-quest>div{flex:1}.map-quest strong{display:block;font-size:.8125rem;font-weight:600;line-height:1.3}.map-quest div>span{font-size:.6875rem;color:#c3e6ce;display:block;margin-top:4px}.map-quest-count{font-family:var(--display);font-weight:700;font-size:1rem;color:#ffbf68}.demo-action{border-radius:25px;min-height:48px;background:#ffbf68;font-size:.875rem;box-shadow:0 4px 0 #b57a30;font-family:var(--display);font-weight:700;margin-top:13px}.demo-action:hover{background:#ffd18b}.demo-secondary{font-size:.8125rem}
.phone-nav{margin-top:19px;padding-top:14px}.phone-nav button{font-size:.75rem;padding:5px 10px;min-height:50px;border-radius:14px}.phone-nav button[aria-pressed=true]:not(.capture-nav){background:#28574a}.capture-button{width:51px;height:51px;border-width:3px;border-color:#fdd389;background:#f8bc68;box-shadow:0 0 0 6px #103e37}.capture-button svg{width:27px;height:27px}
.mini-card{clip-path:none;border-radius:15px;border-width:2px;padding:9px;box-shadow:0 3px 0 #739e84;transition:transform 180ms ease}.mini-card:hover{transform:translateY(-3px)}.mini-card.rare{border-color:#f5b754;background:#fff4d8;box-shadow:0 3px 0 #c78e31}.mini-card-head{font-size:.6875rem}.mini-card-head svg{color:#bc7928;width:15px;height:15px}.mini-card .watch-photo{height:90px;margin-top:8px;border-radius:9px}.mini-card h4{font-family:var(--display);font-size:.8125rem;line-height:1.25}.mini-status{font-size:.6875rem;border-radius:7px;padding:4px 5px;font-weight:600}.mini-card.unknown{background:#275047;border-color:#618b77;box-shadow:0 3px 0 #254d3e}.mini-card.unknown .watch-photo{background-color:#275047}.mini-card.unknown .mini-status{background:#426853}
.mission{background:#26564a;border-color:#689c7e;border-radius:16px}.mission-top,.mission-bottom{font-size:.75rem}.mission h4{font-family:var(--display);font-size:1rem;font-weight:600}.pips span.filled{background:#ffbf68;border-color:#ffbf68}
.encounter{border-radius:23px;background:#245449;border:1px solid #568b71;padding:13px}.preview-label{border-radius:20px;font-size:.6875rem;font-weight:600;background:#d3efcf;letter-spacing:.04em}.scan-photo{height:255px;border-radius:16px;position:relative}.scan-ring{position:absolute;width:158px;height:158px;left:50%;top:46%;transform:translate(-50%,-50%);border:2px solid #fff9;outline:1px solid #ffbf6888;outline-offset:8px;border-radius:50%;box-shadow:0 0 0 45px #103e3715}.scan-ring span{position:absolute;inset:-3px;border:4px solid transparent;border-top-color:#f8a542;border-right-color:#f8a542;border-radius:50%;animation:reticle-turn 4s linear infinite}.scan-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);background:#103e37de;color:#ffdd9b;white-space:nowrap;letter-spacing:.08em;font-size:.6875rem;padding:6px 11px;border-radius:20px;font-weight:600}.phone-note{font-size:.8125rem}.catch-action{min-height:53px}
.catch-heading{position:relative;text-align:center;padding:10px 0 5px}.catch-heading .phone-title{font-size:2.2rem;margin-top:12px;color:#ffbf68}.catch-burst{position:absolute;inset:0;pointer-events:none}.catch-burst i{position:absolute;color:#ffbf68;font-size:1rem;font-style:normal;animation:sparkle-pop 850ms ease-out both}.catch-burst i:nth-child(1){left:5%;top:12%;transform:rotate(12deg)}.catch-burst i:nth-child(2){right:6%;top:10%;animation-delay:90ms;font-size:1.5rem}.catch-burst i:nth-child(3){left:12%;bottom:3%;font-size:.75rem;animation-delay:140ms}.catch-burst i:nth-child(4){right:12%;bottom:2%;font-size:.75rem;animation-delay:210ms}
.reveal{background:#fff4d8;border:3px solid #ffbf68;border-radius:25px;box-shadow:0 6px 0 #9a773e;animation:card-catch 600ms cubic-bezier(.2,.8,.2,1)}.reveal-top{font-size:.75rem;font-weight:600}.rarity-tag{font-size:.625rem;background:#f3c671;color:#103e37;padding:4px 7px;border-radius:20px;font-weight:700;white-space:nowrap}.reveal .watch-photo{height:174px;border-radius:13px;background-color:#fff4d8}.reveal h4{font-family:var(--display);font-size:1.25rem;font-weight:700}.reward{font-family:var(--display);font-size:2.1rem;font-weight:700;color:#a5661a;animation:xp-bounce 650ms ease-out 120ms both}.reward svg{color:#d89532}.set-reward{border-radius:13px;background:#c9e7bf;font-size:.8125rem}.level-up{display:flex;justify-content:center;align-items:center;gap:10px;color:#ffcf86;font-family:var(--display);margin-top:19px}.level-medal{width:31px;height:35px;display:grid;place-items:center;background:#f6b859;color:#103e37;font-size:1.1rem;box-shadow:0 3px 0 #ac7530;border-radius:11px}
.steps{gap:24px}.step{background:#e9f3e7;padding:25px 24px;border:1px solid #cadfc9;border-radius:24px;box-shadow:0 5px 0 #d4e6cf}.step-number{font-family:var(--display);font-size:1rem;font-weight:700;color:#658570}.step>svg{top:23px;right:23px;width:27px;height:27px;color:#2a8965}.step h3{font-size:1.35rem;letter-spacing:-.04em}.step p{font-size:1rem}.dex-section{background:#103e37}.large-card{border-color:#f8bb58;border-width:4px;border-radius:25px;box-shadow:0 7px 0 #a57431,0 18px 25px #062c2a}.large-card .card-index{background:#f5df9c;border-bottom:1px solid #dfc279;letter-spacing:.025em}.card-index svg{padding:3px;width:26px;height:26px;border-radius:50%;background:#f5bd5b;color:#8d5c1a}.large-card .watch-photo{background-color:#f3f1ea}.large-card-copy{background:#fff9e9}.large-card h3{font-family:var(--display);font-size:1.35rem;font-weight:700}.card-status{border-radius:20px;font-weight:600;background:#c9e7bf}.large-card.unseen{border-color:#729f8a;box-shadow:0 7px 0 #376b54,0 18px 25px #062c2a}.unseen .card-index{background:#cedbcc;border-bottom-color:#b8ccba}.unseen .card-index svg{background:#b5cbb8;color:#4c7660}.unseen .large-card-copy{background:#dce7dc}.dex-section h2,.crew-copy h2,.section-heading h2{letter-spacing:-.06em}
.team-quest{background:#cce8bd;border:2px solid #9cc894;border-radius:30px;box-shadow:0 6px 0 #bfd9af}.team-quest h3{font-size:2.1rem;font-weight:700}.team-meter .done{background:#dc9b37}.top-catch{border-width:2px;border-radius:23px;box-shadow:0 5px 0 #d4e2cd,0 14px 20px #173d2c12}.top-catch-tabs button{border-radius:22px}.top-catch-tabs button[aria-pressed=true]{background:#247c5c}.friends-preview{border:2px solid #a6d0ac;border-radius:23px;background:#f6fff0}.friends-preview h4{font-family:var(--display);font-weight:700}.launch-section{background:#f5b65d}.launch-copy h2{font-family:var(--display);font-weight:700}.faq-list summary{font-family:var(--display);font-weight:600}
@keyframes pin-breathe{0%,100%{box-shadow:0 4px 0 #bd872d,0 0 0 8px #ffde9866,0 0 0 15px #ffde982e}50%{box-shadow:0 4px 0 #bd872d,0 0 0 12px #ffde9855,0 0 0 22px #ffde9810}}
@keyframes radar-pulse{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.2);opacity:0}}
@keyframes reticle-turn{to{transform:rotate(360deg)}}
@keyframes card-catch{0%{transform:scale(.7) rotate(-8deg);opacity:.2}65%{transform:scale(1.03) rotate(2deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes xp-bounce{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes sparkle-pop{0%{transform:scale(0);opacity:0}55%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:.8}}
@media(max-width:1050px){.hero{gap:25px}.tag-one{right:-5px}.tag-two{left:-6px;padding:10px 12px}.floating-tag strong{font-size:1rem}.tag-two strong{font-size:.75rem}.hero h1{font-size:5rem}.large-card h3{font-size:1.15rem}.steps{gap:18px}.step{padding:23px 20px}.step h3{font-size:1.15rem}.step>svg{right:18px}}
@media(max-width:760px){.hero{gap:22px;padding-top:35px}.hero h1{font-size:clamp(3.75rem,14vw,6rem)}.hero .eyebrow{margin-bottom:23px}.hero-demo{margin-top:5px;padding:34px 16px 0}.tag-one{right:6px;top:2px;padding:10px 12px}.tag-two{left:3px;bottom:127px;padding:9px 12px}.orbit-one{border-width:17px}.phone{max-width:355px}.steps{gap:18px}.step{padding:23px}.step h3{font-size:1.3rem;margin:14px 0 10px}.step>svg{right:23px}.large-card{border-width:3px;border-radius:19px}.large-card h3{font-size:1rem}.large-card .card-index{padding:10px 12px}.card-index svg{width:21px;height:21px}.team-quest{padding:25px}.team-quest h3{font-size:2rem}.floating-tag strong{font-size:1rem}.tag-two strong{font-size:.75rem}.demo-caption{font-size:.75rem}.crew-visual{padding-left:3px;padding-right:5px}}
@media(max-width:380px){.hero h1{font-size:3.6rem}.hero-demo{padding-left:7px;padding-right:7px}.phone{padding:19px 12px 13px;border-width:6px;border-radius:34px}.discovery-map{height:294px}.floating-tag{font-size:.5625rem;gap:7px;padding:8px 9px}.floating-tag svg{width:24px;height:24px}.floating-tag strong{font-size:.9rem}.tag-two strong{font-size:.6875rem}.tag-two{left:-1px;bottom:121px}.badge-outline{width:30px;height:34px;font-size:1rem}.map-quest{gap:8px;padding:10px 8px}.map-quest strong{font-size:.75rem}.map-quest div>span{font-size:.6875rem}.map-quest-count{font-size:.875rem}.pin-one{left:12%}.pin-two{right:9%}.pin-new{left:53%;width:67px;height:67px}.mini-card .watch-photo{height:77px}.rarity-tag{font-size:.5625rem}.phone-title{font-size:1.7rem}.level-pill{font-size:.6875rem;padding:6px 8px}.xp-label{font-size:.6875rem}}
.tag-two{position:static;display:inline-flex;margin-top:28px;transform:rotate(-4deg)}
.map-district,.map-mode,.map-north,.map-legend,.floating-tag,.mini-card-head,.rarity-tag,.new-pin-label,.map-quest div>span,.preview-label{font-size:.75rem}
.mini-card h4{font-size:.875rem}.mini-status{font-size:.75rem}.quest-topline,.sample-label,.type-label,.phone-nav button{font-size:.75rem}
@media(max-width:760px){.tag-two{margin-top:24px}.hero-demo{margin-top:0}.floating-tag{font-size:.6875rem}.map-mode{font-size:.6875rem}.map-district,.map-north{font-size:.6875rem}.map-legend{font-size:.6875rem}.rarity-tag{font-size:.6875rem}}
@media(max-width:380px){.floating-tag{font-size:.6875rem}.floating-tag strong{font-size:.875rem}.tag-two strong{font-size:.8125rem}.new-pin-label{font-size:.6875rem}}
@media(max-width:760px){.hero h1{overflow-wrap:anywhere}.hero h1 br:first-child{display:initial}.hero h1 em{margin-left:0}.map-mode,.map-district,.map-north,.map-legend,.rarity-tag,.floating-tag,.new-pin-label{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.pin-new,.player-range,.scan-ring span,.reveal,.reward,.catch-burst i{animation:none!important}.watch-pin,.mini-card{transition:none}.watch-pin:hover,.mini-card:hover{transform:none}}