.gameplay-hero{position:relative;overflow:hidden;background:#b7edf0;border-bottom:1px solid #8acfc4}
.gameplay-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 24.95%,rgba(7,63,45,.09) 25% 25.05%,transparent 25.1% 49.95%,rgba(7,63,45,.09) 50% 50.05%,transparent 50.1% 74.95%,rgba(7,63,45,.09) 75% 75.05%,transparent 75.1%)}
.gameplay-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:65px;min-height:690px;padding-block:75px}
.gameplay-hero-copy{position:relative;z-index:2;padding:20px 0}
.gameplay-hero-copy .eyebrow{color:#216d52}
.gameplay-hero-copy h1{max-width:750px;margin-top:24px;font-size:clamp(61px,6.5vw,99px);font-weight:900;line-height:1.08;letter-spacing:-.085em;text-wrap:balance}
html[lang="en"] .gameplay-hero-copy h1{font-size:clamp(58px,6vw,90px);letter-spacing:-.07em}
.gameplay-hero-copy p{max-width:560px;margin-top:29px;color:#235c47;font-size:20px;font-weight:650;line-height:1.68}
.gameplay-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:33px}
.gameplay-scroll-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;border-bottom:2px solid #0b583d;font-size:16px;font-weight:850}
.gameplay-scroll-link:hover{color:#1b8751}
.gameplay-scroll-link span{font-size:23px;line-height:1}
.gameplay-hero-art{position:relative;height:min(580px,43vw);min-height:490px;margin:0;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);background:#55be5d;box-shadow:0 23px 35px rgba(3,71,44,.18)}
.gameplay-hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.03)}
.gameplay-hero-house{position:absolute;right:-8%;bottom:2%;width:91%;height:73%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 18px 12px rgba(8,63,37,.32))}
.gameplay-hero-art figcaption{position:absolute;z-index:2;right:18px;bottom:18px;max-width:70%;padding:8px 11px;background:rgba(250,253,242,.97);color:#174832;font-size:14px;font-weight:750;text-align:right;line-height:1.4}

.gameplay-field{padding:112px 0 124px;background:#f5f8eb}
.gameplay-section-intro{display:grid;grid-template-columns:1.1fr .75fr;gap:40px 75px;align-items:end;margin-bottom:50px}
.gameplay-section-intro .eyebrow{grid-column:1/-1}
.gameplay-section-intro h2{max-width:790px;font-size:clamp(48px,5.1vw,78px);font-weight:900;line-height:1.08;letter-spacing:-.065em}
.gameplay-section-intro p{max-width:420px;color:#4b6653;font-size:19px;font-weight:600}
.gameplay-field-note{max-width:850px;margin-top:27px;color:#4b6653;font-size:16px}

.gameplay-route{padding:116px 0 125px;background:#fffdf1}
.gameplay-route-head{display:grid;grid-template-columns:.53fr 1fr;align-items:end;gap:52px;margin-bottom:51px}
.gameplay-route-head .eyebrow{align-self:start;margin-top:18px}
.gameplay-route-head h2{max-width:880px;font-size:clamp(46px,5vw,76px);font-weight:900;line-height:1.1;letter-spacing:-.065em;white-space:pre-line}
.gameplay-steps{padding:0;margin:0;list-style:none;border-top:2px solid #174832}
.gameplay-step{display:grid;grid-template-columns:130px minmax(0,1fr) 118px;align-items:center;gap:30px;min-height:172px;padding:20px 13px;border-bottom:1px solid #c5d6bb}
.gameplay-step-number{align-self:start;padding-top:9px;color:#277b3c;font-size:clamp(51px,5vw,76px);font-weight:900;line-height:1;letter-spacing:-.09em;font-variant-numeric:tabular-nums}
.gameplay-step-copy h3{font-size:clamp(25px,2.5vw,35px);font-weight:900;letter-spacing:-.055em}
.gameplay-step-copy p{max-width:740px;margin-top:11px;color:#496250;font-size:17px;line-height:1.72}
.gameplay-step img{width:100px;height:105px;object-fit:contain;justify-self:center;filter:drop-shadow(0 8px 7px rgba(9,76,42,.12))}
.gameplay-art-caption{margin-top:17px;color:#405e47;font-size:14px}

.gameplay-care{padding:110px 0;background:#c8ed89}
.gameplay-care-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}
.gameplay-care .eyebrow{color:#1c6b3a}
.gameplay-care h2{max-width:780px;margin-top:24px;font-size:clamp(49px,5.5vw,84px);font-weight:900;line-height:1.07;letter-spacing:-.07em}
.gameplay-care p{max-width:560px;margin-top:26px;color:#315b35;font-size:19px;font-weight:650;line-height:1.72}
.gameplay-care-art{position:relative;min-height:365px;border:2px solid #164e31;background:#e8f8c8;overflow:hidden}
.gameplay-care-art::before{content:"";position:absolute;width:320px;height:320px;left:50%;top:17px;transform:translateX(-50%);border-radius:50%;background:#f2d34b}
.gameplay-care-art img{position:absolute;z-index:1;object-fit:contain;filter:drop-shadow(0 16px 8px rgba(8,75,34,.22))}
.gameplay-care-water{width:190px;height:190px;left:16%;top:16%;transform:rotate(-13deg)}
.gameplay-care-fertilizer{width:170px;height:170px;right:14%;top:35%;transform:rotate(11deg)}
.gameplay-care-art span{position:absolute;z-index:2;left:19px;bottom:17px;max-width:80%;font-size:14px;font-weight:800;color:#234f31}

.gameplay-community{padding:112px 0 118px;background:#e4f5e8}
.gameplay-community .eyebrow{color:#17603a}
.gameplay-community-heading h2{max-width:850px;margin-top:20px;font-size:clamp(48px,5.1vw,78px);font-weight:900;line-height:1.09;letter-spacing:-.065em}
.gameplay-community-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:22px;margin-top:50px}
.gameplay-house,.gameplay-friends{position:relative;display:flex;align-items:end;min-height:470px;overflow:hidden;border:2px solid #124b33}
.gameplay-house{background:#dff2a6}
.gameplay-house::before{content:"";position:absolute;right:5%;top:0;width:63%;aspect-ratio:1;background:#f2d34b;border-radius:50%}
.gameplay-house img{position:absolute;z-index:1;right:-2%;bottom:-5%;width:69%;height:96%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 18px 7px rgba(10,76,34,.18))}
.gameplay-house div{position:relative;z-index:2;width:39%;padding:0 0 36px 31px}
.gameplay-friends{background:#b8edf0;flex-direction:column;justify-content:space-between;align-items:stretch;padding:30px}
.gameplay-friends img{align-self:center;width:min(60%,230px);height:260px;object-fit:contain;filter:drop-shadow(0 13px 7px rgba(7,73,59,.15))}
.gameplay-friends div{position:relative;z-index:1}
.gameplay-community h3{font-size:clamp(28px,2.6vw,38px);font-weight:900;letter-spacing:-.055em;line-height:1.12}
.gameplay-community article p{margin-top:13px;font-size:16px;font-weight:650;line-height:1.62}
.gameplay-community .gameplay-art-caption{margin-top:18px}

.gameplay-inventory{padding:107px 0;background:#0b5138;color:#f5fbf1}
.gameplay-inventory-grid{display:grid;grid-template-columns:.65fr 1fr;gap:87px;align-items:center}
.gameplay-inventory-art{display:grid;place-items:center;min-height:355px;border:2px solid #9ed0a5;background:radial-gradient(circle,#d9f5b2 0 38%,#267c50 39% 100%)}
.gameplay-inventory-art img{width:min(74%,300px);height:auto;filter:drop-shadow(0 20px 14px rgba(0,44,27,.28))}
.gameplay-inventory .eyebrow{color:#c3e886}
.gameplay-inventory h2{max-width:730px;margin-top:20px;font-size:clamp(48px,5.3vw,80px);font-weight:900;letter-spacing:-.065em}
.gameplay-inventory p{max-width:720px;margin-top:23px;color:#d8ecdc;font-size:19px;font-weight:600}
.gameplay-ledger-link{display:inline-flex;align-items:center;gap:28px;min-height:50px;margin-top:27px;border-bottom:3px solid #f2d34b;color:#f2d34b;font-size:18px;font-weight:900}
.gameplay-ledger-link:hover{color:white;border-color:white}
.gameplay-ledger-link span{font-size:23px}

.gameplay-closing{padding:107px 0 114px;background:#fbf8e9}
.gameplay-closing-grid{display:grid;grid-template-columns:1fr .5fr;gap:60px;align-items:end}
.gameplay-closing h2{max-width:780px;margin-top:21px;font-size:clamp(49px,5.2vw,82px);font-weight:900;letter-spacing:-.07em}
.gameplay-closing p{max-width:720px;margin-top:23px;color:#546954;font-size:19px}
.gameplay-closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:7px}
.gameplay-game-link{display:inline-flex;align-items:center;gap:20px;min-height:45px;border-bottom:2px solid #0b5138;color:#0b5138;font-size:17px;font-weight:900}
.gameplay-game-link span{font-size:22px}

@media(max-width:900px){
  .gameplay-hero-grid{gap:35px;min-height:610px}
  .gameplay-hero-copy h1{font-size:clamp(55px,7vw,80px)}
  .gameplay-hero-art{min-height:450px}
  .gameplay-care-grid{gap:35px}
  .gameplay-community-grid{grid-template-columns:1fr 1fr}
  .gameplay-house img{width:76%}
  .gameplay-house div{width:55%}
}
@media(max-width:700px){
  .gameplay-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:27px;min-height:0;padding-block:52px 0}
  .gameplay-hero-copy{padding:0}
  .gameplay-hero-copy h1{max-width:600px;margin-top:18px;font-size:clamp(47px,11vw,70px)}
  html[lang="en"] .gameplay-hero-copy h1{font-size:clamp(43px,10.3vw,65px)}
  .gameplay-hero-copy p{margin-top:19px;font-size:17px}
  .gameplay-hero-actions{gap:13px;margin-top:22px}
  .gameplay-scroll-link{font-size:15px}
  .gameplay-hero-art{width:calc(100% + 36px);height:360px;min-height:0;margin-left:-18px;clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}
  .gameplay-hero-house{right:-5%;bottom:-10%;width:75%;height:80%}
  .gameplay-field,.gameplay-route,.gameplay-community{padding:79px 0 87px}
  .gameplay-section-intro{display:block;margin-bottom:34px}
  .gameplay-section-intro h2{margin-top:15px;font-size:clamp(42px,10vw,61px)}
  .gameplay-section-intro p{margin-top:18px;font-size:17px}
  .gameplay-art-caption{font-size:16px}
  .gameplay-route-head{display:block;margin-bottom:30px}
  .gameplay-route-head .eyebrow,.gameplay-closing .eyebrow{font-size:16px}
  .gameplay-route-head h2{margin-top:17px;font-size:clamp(42px,9.5vw,61px)}
  .gameplay-step{grid-template-columns:65px minmax(0,1fr) 75px;gap:16px;min-height:150px}
  .gameplay-step-number{font-size:51px}
  .gameplay-step-copy h3{font-size:25px}
  .gameplay-step-copy p{font-size:16px}
  .gameplay-step img{width:69px;height:75px}
  .gameplay-care{padding:79px 0}
  .gameplay-care-grid{grid-template-columns:1fr;gap:31px}
  .gameplay-care h2{margin-top:17px;font-size:clamp(43px,10vw,63px)}
  .gameplay-care p{margin-top:19px;font-size:17px}
  .gameplay-care-art{min-height:315px}
  .gameplay-community-heading h2{margin-top:17px;font-size:clamp(43px,10vw,63px)}
  .gameplay-community-grid{grid-template-columns:1fr;margin-top:33px}
  .gameplay-house{display:grid;grid-template-rows:300px auto;min-height:0}
  .gameplay-house img{position:relative;grid-row:1;justify-self:center;right:auto;bottom:auto;width:95%;height:300px;object-position:center bottom}
  .gameplay-house div{grid-row:2;width:100%;padding:10px 23px 25px}
  .gameplay-friends{min-height:420px}
  .gameplay-friends img{height:240px}
  .gameplay-inventory{padding:80px 0}
  .gameplay-inventory-grid{grid-template-columns:1fr;gap:32px}
  .gameplay-inventory-art{min-height:280px}
  .gameplay-inventory h2{margin-top:18px;font-size:clamp(42px,10vw,62px)}
  .gameplay-inventory p{margin-top:19px;font-size:17px}
  .gameplay-closing{padding:80px 0 90px}
  .gameplay-closing-grid{grid-template-columns:1fr;gap:28px}
  .gameplay-closing h2{margin-top:17px;font-size:clamp(43px,10vw,63px)}
  .gameplay-closing p{margin-top:17px;font-size:17px}
}
@media(max-width:420px){
  .gameplay-hero-copy h1{font-size:47px}
  html[lang="en"] .gameplay-hero-copy h1{font-size:44px}
  .gameplay-hero-art{height:290px}
  .gameplay-hero-art figcaption{right:10px;bottom:10px;font-size:14px}
  .gameplay-step{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:0;padding:23px 0}
  .gameplay-step-number{font-size:43px}
  .gameplay-step img{display:none}
  .gameplay-step-copy h3{font-size:22px}
  .gameplay-care-art{min-height:285px}
  .gameplay-care-water{left:10%;width:150px;height:150px}
  .gameplay-care-fertilizer{right:8%;width:140px;height:140px}
  .gameplay-house img{width:95%}
  .gameplay-house div{padding:10px 20px 22px}
  .gameplay-community h3{font-size:27px}
  .gameplay-friends{min-height:390px;padding:22px}
  .gameplay-friends img{height:220px}
  .gameplay-ledger-link{font-size:16px}
}
@media(max-width:600px){
  .gameplay-hero-art{height:340px}
  .gameplay-hero-house{right:-3%;bottom:72px;width:80%;height:auto;object-fit:contain}
  .gameplay-hero-art figcaption{left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;min-height:70px;max-width:none;padding:11px 17px;border-top:2px solid #174832;background:#fafdf2;font-size:16px}
  .gameplay-care-art{min-height:360px}
  .gameplay-care-art span{left:0;right:0;bottom:0;display:flex;align-items:center;min-height:80px;max-width:none;padding:12px 18px;border-top:2px solid #164e31;background:#e8f8c8;font-size:16px;line-height:1.45}
  .gameplay-art-caption{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .gameplay-hero *, .gameplay-field *, .gameplay-route *, .gameplay-care *, .gameplay-community *, .gameplay-inventory *, .gameplay-closing *{animation:none!important;transition:none!important}
}