:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#201a1f;--muted:#685f66;--paper:#fff8ed;--panel:#fff;--line:#2d252b;--mint:#8ed9bc;--berry:#f08aa2;--sun:#ffd166;--sky:#8ecae6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, #8ecae647, #fff8edeb), var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.pageShell{gap:24px;max-width:680px;min-height:100vh;margin:0 auto;padding:28px 18px 40px;display:grid}.hero,.shareIntro,.walkCard,.introFlow{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);background:var(--panel)}.hero,.shareIntro{padding:28px 22px}.hero h1,.walkCard h1,.shareIntro h2{letter-spacing:0;margin:0;line-height:1.04}.hero h1{font-size:clamp(42px,12vw,72px)}.shareIntro h2{font-size:30px}.lead{color:var(--muted);margin:14px 0 22px;font-size:18px;line-height:1.6}.eyebrow{color:#6a4c93;margin:0 0 10px;font-size:14px;font-weight:800}.muted,.shareIntro p{color:var(--muted);line-height:1.65}.storeButtons{gap:10px;display:grid}.storeButton{background:var(--ink);color:#fff;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-weight:800;text-decoration:none;display:flex}.storeButtonDisabled{color:#595057;background:#dad2d8}.introFlow{gap:0;display:grid;overflow:hidden}.introFlow div{gap:4px;padding:18px;display:grid}.introFlow div+div{border-top:3px solid var(--line)}.introFlow strong{font-size:20px}.introFlow span{color:var(--muted)}.walkCard{background:linear-gradient(135deg, #ffd1668c, #f08aa233), var(--panel);padding:26px 22px}.characterSnapshot{align-items:center;gap:14px;margin-bottom:18px;display:flex}.characterSnapshot p{margin:0;font-size:16px;font-weight:800}.characterFrame{border:3px solid var(--line);background:#ffffffd1;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.characterFrame img{height:72px;image-rendering:pixelated;object-fit:contain;width:72px}.walkCard h1{font-size:clamp(44px,14vw,82px)}.walkStats{gap:10px;margin-top:18px;display:grid}.walkStats span{border:2px solid var(--line);background:#ffffffd1;padding:12px;font-weight:800}.textLink{margin-top:18px;font-weight:800;text-decoration:underline;display:inline-flex}@media (min-width:640px){.storeButtons,.introFlow{grid-template-columns:repeat(2,minmax(0,1fr))}.introFlow{grid-template-columns:repeat(3,minmax(0,1fr))}.introFlow div+div{border-left:3px solid var(--line);border-top:0}}
