:root { --ink:#17322b; --muted:#668077; --paper:#f7f5ef; --card:#fffdf8; --green:#0a5c4d; --lime:#c6ed79; --orange:#ffb357; --line:#e7e5dc; }
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif}.app-shell{max-width:760px;margin:auto;padding:25px 22px 100px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);border-radius:50%;width:28px;height:28px;margin-right:7px}.profile-button{border:0;background:var(--green);color:white;width:36px;height:36px;border-radius:50%;font-weight:800}.hero{padding:50px 0 28px}.eyebrow{font-size:.71rem;font-weight:800;color:#5e786f;letter-spacing:.12em;margin:0 0 9px}.hero h1{font-size:clamp(2.6rem,8vw,4.3rem);letter-spacing:-.075em;line-height:.94;max-width:620px;margin:0}.lede{font-size:1.05rem;line-height:1.5;color:var(--muted);max-width:480px;margin:20px 0}.primary-button{background:var(--green);border:0;color:white;padding:15px 18px;border-radius:15px;font-size:1rem;font-weight:750;box-shadow:0 8px 22px #0a5c4d2b}.primary-button span{margin-left:8px;font-size:1.2em}.location-status{font-size:.8rem;color:var(--muted);margin:12px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stats div{background:var(--card);padding:18px 12px}.stats strong{display:block;font-size:1.35rem;letter-spacing:-.05em}.stats span{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:44px 0 16px}.section-heading h2{font-size:1.65rem;letter-spacing:-.055em;margin:0}.text-button{border:0;background:none;color:var(--green);font-weight:800;font-size:.9rem}.quest-list{display:grid;gap:12px}.quest{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px}.quest-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6f4da;font-size:1.4rem}.quest h3{font-size:1rem;letter-spacing:-.03em;margin:0 0 4px}.quest p{font-size:.82rem;color:var(--muted);margin:0}.checkin{border:1px solid var(--green);border-radius:10px;background:white;color:var(--green);font-weight:800;padding:8px 10px}.checkin.done{background:var(--green);color:#fff}.map-card{height:215px;border-radius:22px;overflow:hidden;position:relative;background:#dfead1;margin-top:32px;border:1px solid #cad7ba}.map-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#f7f0dd 48% 54%,transparent 55%),linear-gradient(#f7f0dd 47%,transparent 48% 54%,#f7f0dd 55%);background-size:85px 65px;opacity:.85}.map-route{position:absolute;height:11px;background:#fff5d9;border:2px solid #e2c987;border-radius:99px;transform:rotate(-23deg)}.route-one{width:130%;left:-15%;top:47%}.route-two{width:80%;left:20%;top:27%;transform:rotate(46deg)}.map-dot{position:absolute;border-radius:50%;width:20px;height:20px;border:4px solid white;box-shadow:0 2px 6px #17322b55}.dot-one{left:18%;top:60%;background:var(--orange)}.dot-two{left:56%;top:34%;background:var(--green)}.dot-three{right:15%;bottom:20%;background:#a979ef}.map-caption{position:absolute;left:14px;right:14px;bottom:14px;background:#fffdf8e8;backdrop-filter:blur(8px);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}.map-caption strong,.map-caption small{display:block}.map-caption small{color:var(--muted);font-size:.75rem;margin-top:2px}.compass{font-size:1.4rem;background:var(--lime);height:34px;width:34px;border-radius:10px;display:grid;place-items:center}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:7vw;padding:14px;background:#fffdf8ed;border-top:1px solid var(--line);backdrop-filter:blur(8px)}nav button,nav a{border:0;background:none;color:var(--muted);font-weight:750;text-decoration:none;font:inherit;cursor:pointer}nav button.active,nav a.active{color:var(--green)}@media(max-width:420px){.app-shell{padding-left:16px;padding-right:16px}.stats div{padding:15px 9px}.quest{grid-template-columns:42px 1fr}.checkin{grid-column:2;justify-self:start}.hero{padding-top:40px}}
.landmark-panel{margin-top:34px;background:#113f36;color:#f8fbf2;padding:21px;border-radius:20px}.landmark-panel .eyebrow{color:#a9d9bf}.landmark-panel h2{font-size:1.55rem;letter-spacing:-.05em;margin:0}.landmark-panel>p{color:#d1e2d8;font-size:.88rem;line-height:1.4}.landmark-list{display:grid;gap:9px;margin-top:15px}.landmark{background:#ffffff12;border:1px solid #ffffff24;border-radius:13px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.landmark strong,.landmark small{display:block}.landmark small{margin-top:3px;color:#c1d9cd;font-size:.76rem}.claim{border:0;border-radius:9px;background:var(--lime);color:#17322b;font-weight:850;padding:8px 10px;white-space:nowrap}.claim:disabled{opacity:.55}
.history-panel{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:21px}.history-panel .eyebrow{color:#5e786f}.history-panel h2{font-size:1.45rem;letter-spacing:-.05em;margin:0}.history-panel>p{color:var(--muted);font-size:.88rem;line-height:1.4;margin:9px 0 0}.route-list{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:9px}.route-list li{background:#f4f7f2;border:1px solid #dde5dc;border-radius:13px;padding:12px}.route-list strong,.route-list small{display:block}.route-list small{margin-top:3px;color:var(--muted);font-size:.76rem}.route-empty{color:var(--muted)}
.menu{position:fixed;z-index:10;right:14px;top:14px;width:min(340px,calc(100vw - 28px));background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 60px #17322b33;transform:translateY(-130%);transition:transform .2s ease}.menu.open{transform:translateY(0)}.menu h2{letter-spacing:-.055em;margin:0 0 22px}.close-menu{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:1.7rem;color:var(--muted)}.menu-item{display:block;text-align:left;width:100%;border:0;border-top:1px solid var(--line);padding:15px 2px;background:transparent;font-size:1rem;font-weight:750;color:var(--ink)}.menu-item.subtle{color:var(--muted)}.leaderboard-page{margin-top:42px}.leaderboard-note{color:var(--muted);font-size:.9rem}.leaderboard-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px;counter-reset:rank}.leaderboard-list li{counter-increment:rank;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px}.leaderboard-list li::before{content:counter(rank);font-weight:800;color:var(--muted)}.leaderboard-list .you{border-color:#8bbd50;background:#f0fadb}.leaderboard-list small{color:var(--muted)}.dialog-backdrop{position:fixed;z-index:20;inset:0;background:#17322b88;display:grid;place-items:center;padding:20px}.dialog-backdrop[hidden]{display:none}.sign-in-card{width:min(430px,100%);background:var(--card);border-radius:22px;padding:28px;box-shadow:0 24px 70px #10251f66}.sign-in-card h2{font-size:2rem;letter-spacing:-.06em;margin:9px 0}.sign-in-card p{color:var(--muted);line-height:1.45}.sign-in-card label{display:block;font-size:.85rem;font-weight:750;margin:20px 0 7px}.sign-in-card input{width:100%;padding:13px;border-radius:11px;border:1px solid #b7c6bd;background:white;font:inherit;margin-bottom:14px}.sign-in-card small{display:block;color:var(--muted);line-height:1.4;margin-top:14px}