.landing{--paper:#f6ecd9;--paper-deep:#efe2c8;--field:#dfe3c6;--line:#6e543738;--tape:#e8d6aac7;color:var(--village-ink);font:16px/1.65 var(--font-body);background:var(--paper);min-height:100svh;overflow-x:clip}body:has(>.landing):before{display:none}body:has(.landing):before{display:none}.landing a:focus-visible,.landing button:focus-visible{outline:3px solid var(--village-focus);outline-offset:3px}.landing h1,.landing h2,.landing h3{color:var(--village-ink);font-family:var(--font-heading);font-weight:700}.landing a{color:var(--village-selected-ink)}.landing-hero{background:var(--field);padding-bottom:56px;position:relative}.landing-hero-edge{width:100%;height:40px;fill:var(--paper);position:absolute;bottom:-1px;left:0;right:0}.landing-bar{max-width:1080px;padding:max(18px,env(safe-area-inset-top)) 24px 0;box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.landing-brand{font:700 21px/1.3 var(--font-heading);align-items:center;gap:10px;display:flex}.landing-brand .game-logo{width:42px;height:42px}.landing-bar nav{gap:22px;display:flex}.landing-bar nav a{font-size:15px;font-weight:700;text-decoration:none}@media (hover:hover){.landing-bar nav a:hover{text-underline-offset:4px;text-decoration:underline}}.landing-hero-inner{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:48px;max-width:1080px;margin:0 auto;padding:40px 24px 0;display:grid}.landing h1{letter-spacing:-.015em;max-width:13ch;margin:0 0 18px;font-size:clamp(34px,4.4vw,52px);line-height:1.06}.landing-lede{color:#5d4c3a;max-width:470px;margin:0 0 26px;font-size:18px}.landing-note{color:var(--village-muted);margin:14px 0 0;font-size:14px}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-actions form{display:contents}.landing-play,.landing-google{box-sizing:border-box;min-height:50px;font:700 16px/1 var(--font-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;display:inline-flex}.landing-play{background:var(--village-action);color:var(--village-on-action);border:1px solid var(--village-action-border);min-width:170px;box-shadow:0 2px 0 var(--village-action-border)}@media (hover:hover){.landing-play:hover{background:var(--village-action-hover)}}.landing-play:active{box-shadow:none;transform:translateY(1px)}.landing-google{color:var(--village-ink);border:1px solid var(--line);background:#fbf6ea}@media (hover:hover){.landing-google:hover{background:#fff}}.landing-latest{background:#fbf6eab3;border-radius:0 8px 8px 0;flex-direction:column;margin-top:26px;padding:10px 14px 10px 17px;text-decoration:none;display:inline-flex;box-shadow:inset 3px 0 #567648;color:var(--village-ink)!important}.landing-latest span{color:var(--village-muted);font-size:13px}.landing-latest strong{font:700 17px/1.3 var(--font-heading)}@media (hover:hover){.landing-latest:hover strong{text-underline-offset:3px;text-decoration:underline}}.landing-hero-art{justify-self:center;width:290px;padding:10px 0 20px;position:relative}.landing-phone{margin:0;transform:rotate(2.2deg)}.landing-phone img{background:#3f3328;border:6px solid #3f3328;border-radius:26px;width:100%;height:auto;display:block;box-shadow:0 18px 40px #3e301e38}.landing-sticker{z-index:1;filter:drop-shadow(0 4px 6px #3e301e2e);width:118px;height:auto;position:absolute}.landing-sticker-pumpkin{bottom:36px;left:-62px;transform:rotate(-10deg)}.landing-sticker-fish{width:112px;top:70px;right:-56px;transform:rotate(14deg)}.landing-screens{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:56px 24px 0}.landing h2{margin:0 0 26px;font-size:clamp(26px,2.8vw,32px);line-height:1.2}.landing-screen-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;max-width:900px;display:grid}.landing-snap{border:1px solid var(--line);background:#fffaf0;margin:0;padding:10px 10px 14px;position:relative;box-shadow:0 6px 18px #3e301e1a}.landing-snap:before{content:"";background:var(--tape);width:84px;height:24px;margin-left:-42px;position:absolute;top:-11px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 1px #3e301e14}.landing-snap:first-child{transform:rotate(-2deg)}.landing-snap:nth-child(2){margin-top:26px;transform:rotate(1.4deg)}.landing-snap:nth-child(2):before{left:40%;transform:rotate(4deg)}.landing-snap:nth-child(3){margin-top:8px;transform:rotate(-.8deg)}.landing-snap img{border:1px solid var(--line);width:100%;height:auto;display:block}.landing-snap figcaption{font:italic 15px/1.45 var(--font-caslon-italic),var(--font-heading);color:#5d4c3a;margin-top:10px}.landing-contents{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:72px 24px 0}.landing-contents ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 56px;max-width:920px;margin:0;padding:0;list-style:none;display:grid}.landing-contents li{border-top:1px dashed var(--line);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;padding:16px 0;display:grid}.landing-contents li img{object-fit:contain;width:56px;height:56px}.landing-contents h3{margin:2px 0;font-size:19px}.landing-contents p{color:var(--village-muted);margin:0;font-size:15px}.landing-closing{color:#fbf4e6;background:#4b5f3f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin:80px 0 0;padding:44px max(24px,50% - 516px);display:flex}.landing-closing h2{color:#fbf4e6;margin:0 0 4px}.landing-closing p{color:#fbf4e6d1;margin:0}.landing-closing .landing-play{color:#3e5233;background:#fbf4e6;border-color:#fbf4e6;box-shadow:0 2px #0003}@media (hover:hover){.landing-closing .landing-play:hover{background:#fff}}.landing-closing .landing-google{color:#fbf4e6;background:0 0;border-color:#fbf4e673}@media (hover:hover){.landing-closing .landing-google:hover{background:#ffffff14}}.landing-footer{padding:18px max(24px,calc((100% - 1032px) / 2)) max(22px,env(safe-area-inset-bottom));color:#fbf4e6bf;background:#4b5f3f;border-top:1px solid #fbf4e62e;flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.landing-footer a{color:#fbf4e6e6}@media (max-width:900px){.landing-hero-inner{grid-template-columns:1fr;gap:36px}.landing-hero-art{width:250px}}@media (max-width:600px){.landing-bar,.landing-hero-inner,.landing-screens,.landing-contents{padding-left:20px;padding-right:20px}.landing-brand{gap:8px;font-size:19px}.landing-brand .game-logo{width:34px;height:34px}.landing-bar nav{gap:16px}.landing-bar nav a{font-size:14px}.landing-hero{padding-bottom:44px}.landing-hero-inner{flex-direction:column;gap:0;padding-top:18px;display:flex}.landing-hero-art{order:-1;width:190px;margin:0 auto 18px;padding:8px 0 0}.landing-phone{border-radius:24px 24px 0 0;height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.landing-phone img{box-shadow:none;border-width:5px;border-radius:22px}.landing-sticker{width:76px}.landing-sticker-pumpkin{bottom:12px;left:-52px}.landing-sticker-fish{width:72px;top:30px;right:-50px}.landing h1{max-width:none;margin-bottom:12px;font-size:31px}.landing-lede{margin-bottom:20px;font-size:16px}.landing-actions{flex-direction:column;align-items:stretch;gap:6px}.landing-play{width:100%}.landing-google{text-underline-offset:4px;min-height:44px;color:var(--village-selected-ink);background:0 0;border:0;font-size:15px;text-decoration:underline}.landing-note{text-align:center;margin-top:6px;font-size:13px}.landing-latest{margin-top:20px;display:flex}.landing-screens{padding-top:44px}.landing h2{margin-bottom:16px;font-size:25px}.landing-screen-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;margin:0 -20px;padding:16px 20px 18px;display:flex;overflow-x:auto}.landing-screen-row::-webkit-scrollbar{display:none}.landing-snap{scroll-snap-align:center;flex:0 0 56%;padding:8px 8px 10px;margin-top:0!important}.landing-snap figcaption{font-size:14px}.landing-contents{padding-top:48px}.landing-contents ul{grid-template-columns:1fr}.landing-contents li{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px 0}.landing-contents li img{width:38px;height:38px}.landing-contents h3{font-size:18px}.landing-closing{flex-direction:column;align-items:stretch;gap:16px;margin-top:56px;padding:32px 20px 28px}.landing-closing h2{font-size:25px}.landing-closing .landing-google{color:#fbf4e6}.landing-footer{padding-left:20px;padding-right:20px}}@media (max-width:370px){.landing-brand,.landing-bar nav a{white-space:nowrap}.landing-bar nav a[href=\/updates]{display:none}.landing h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.landing-play:active{transform:none}}