:root{--paper:#f7f3e8;--ink:#213b2c;--green:#28543a;--muted:#586454;--line:#d8ddcc;--yellow:#f8ce63}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #b27112;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{padding:26px 44px;display:flex;justify-content:space-between;align-items:center;gap:24px}header a,footer nav a{text-decoration:none}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px}nav a:hover,nav a[aria-current]{text-decoration:underline}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;line-height:1.2}.brand img{border-radius:11px}.brand span{font-size:11px;font-weight:400;max-width:60px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:64px 44px 80px;align-items:center}.eyebrow,.number{font-size:11px;letter-spacing:2px;font-weight:700}.game-logo{width:245px;height:auto;display:block;margin:24px 0 16px}h1,h2,h3{line-height:1.07;letter-spacing:-2px;margin:20px 0;font-family:Georgia,'Times New Roman',serif;font-weight:500}h1{font-size:clamp(43px,4.5vw,64px)}h2{font-size:clamp(38px,4vw,56px)}h3{font-size:30px;letter-spacing:-1px}.lead{font-size:18px;color:var(--muted);max-width:470px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:32px 0 20px}.button{display:inline-block;background:var(--green);border-radius:99px;color:#fff;padding:14px 25px;text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#193c28}.text-link{font-size:14px;font-weight:700}.small,.note{font-size:12px;color:var(--muted)}.hero-art{position:relative;min-width:0}.picnic{width:100%;height:620px;object-fit:cover;border-radius:200px 200px 28px 28px;display:block}.basket{position:absolute;width:58%;height:auto;bottom:65px;left:21%;filter:drop-shadow(0 18px 15px #1e331b60)}.art-label{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:2px;font-weight:700;color:#213b2c;background:#f7f3e8d9;padding:9px}.intro{border-top:1px solid var(--line);margin:0 44px;padding:72px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.intro .eyebrow{grid-column:1/-1}.intro>p:last-child{align-self:center;color:var(--muted);max-width:460px}.modes{padding:20px 44px 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.modes article{border-top:1px solid var(--line);padding-top:24px}.modes img{display:block;width:75%;height:140px;object-fit:contain;margin:30px auto}.modes p{color:var(--muted);max-width:440px}.garden{background:#e6edda;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 80px;margin:0 44px}.garden-image{text-align:center}.garden-image img{display:block;width:100%;max-width:265px;height:auto;border-radius:24px;box-shadow:0 20px 45px #243f2520;transform:rotate(-3deg);margin:auto}.garden p{max-width:420px}.garden .note{margin:25px 0}.closing{padding:90px 24px;text-align:center;max-width:650px;margin:auto}.closing p{color:var(--muted)}.closing .button{margin-top:15px}footer{border-top:1px solid var(--line);padding:40px 44px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer p{font-size:13px;margin-right:auto}footer small{width:100%;font-size:11px;color:var(--muted)}footer nav{gap:20px}.document{max-width:790px;margin:auto;padding:65px 30px 100px}.document h1{margin-bottom:35px}.document h2{font-size:32px;letter-spacing:-1px;margin-top:45px}.document h3{font-size:26px;margin-top:40px;letter-spacing:-.6px}.document p{color:#425340}.document .button{color:white;margin:15px 0}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}@media(max-width:760px){header{padding:20px;align-items:flex-start;gap:16px;flex-wrap:wrap}.brand span{display:none}header nav{gap:22px}.hero{padding:25px 22px 50px;grid-template-columns:1fr;gap:35px}.hero-copy{max-width:540px}.game-logo{width:210px}.picnic{height:460px;max-width:480px;margin:auto}.hero-art{max-width:480px;width:100%;margin:auto}.basket{width:52%;left:24%;bottom:55px}.intro{margin:0 22px;padding-top:45px;grid-template-columns:1fr}.intro h2{margin-bottom:5px}.modes{padding:0 22px 50px;grid-template-columns:1fr;gap:28px}.modes img{max-width:320px;margin:18px auto}.garden{margin:0 15px;padding:35px 25px;grid-template-columns:1fr;gap:30px}.garden-image{order:2}.garden-image img{max-width:230px;transform:none}.closing{padding:60px 22px}footer{padding:30px 22px;align-items:flex-start}footer p{width:100%;margin:0}footer nav{flex-wrap:wrap}.document{padding:40px 22px 70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reading pages: comfortable measure, distinct metadata, and clear hierarchy. */
.document { max-width: 740px; }
.document h1 { font-size: clamp(34px, 5vw, 52px); letter-spacing: -1.4px; line-height: 1.14; margin: 16px 0 24px; }
.document h2 { font-family: Arial, Helvetica, sans-serif; font-size: 23px; line-height: 1.3; letter-spacing: -.5px; font-weight: 700; margin: 32px 0 12px; }
.document p { line-height: 1.8; margin: 0 0 18px; overflow-wrap: anywhere; }
.legal-meta { border-bottom: 1px solid var(--line); padding-bottom: 10px; margin-bottom: 30px; }
.legal-meta p:first-child { font-size: 13px; color: var(--muted); line-height: 1.9; }
.legal-meta strong { font-weight: 500; }
.legal-meta p:last-child { font-size: 14px; }
header nav a, footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 760px) {
  header { padding: 16px 22px 12px; align-items: center; gap: 12px; }
  .brand { font-size: 18px; }
  .brand img { width: 36px; height: 36px; border-radius: 10px; }
  header nav { gap: 16px; }
  .hero { padding-top: 20px; gap: 26px; }
  .hero .eyebrow { font-size: 10px; letter-spacing: 1.4px; }
  .game-logo { width: 175px; margin: 16px 0; }
  .hero h1 { font-size: clamp(34px, 6.6vw, 46px); letter-spacing: -1.2px; line-height: 1.12; margin: 16px 0; }
  .lead { font-size: 16px; line-height: 1.7; }
  .actions { gap: 18px; margin: 24px 0 14px; }
  .button { min-height: 48px; padding: 13px 23px; }
  .picnic { height: auto; aspect-ratio: 1.08; border-radius: 100px 100px 22px 22px; }
  .basket { width: 46%; left: 27%; bottom: 45px; }
  .art-label { font-size: 9px; letter-spacing: 1.3px; bottom: 18px; }
  h2 { font-size: 35px; letter-spacing: -1px; line-height: 1.14; }
  h3 { font-size: 27px; line-height: 1.2; }
  .modes img { height: auto; max-height: 110px; width: 80%; }
  .modes p, .garden p, .intro > p:last-child, .closing p { font-size: 15px; }
  .document { padding: 30px 22px 48px; }
  .document .eyebrow { font-size: 10px; letter-spacing: 1.5px; }
  .document h1 { font-size: clamp(32px, 6vw, 40px); letter-spacing: -1px; margin: 14px 0 20px; }
  .document h2 { font-size: 21px; margin-top: 28px; }
  .document p { font-size: 15px; line-height: 1.8; margin-bottom: 16px; }
  .legal-meta { margin-bottom: 24px; }
  .legal-meta p:first-child { font-size: 12px; }
  .legal-meta p:last-child { font-size: 14px; }
  footer { gap: 12px; padding: 26px 22px; }
  footer nav { gap: 4px 22px; width: 100%; }
}
@media (max-width: 480px) {
  header { display: block; padding: 14px 20px 0; border-bottom: 1px solid var(--line); }
  header .brand { width: fit-content; }
  header nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px; }
  header nav a { justify-content: center; font-size: 13px; text-decoration: none; border-bottom: 2px solid transparent; padding: 6px 0; }
  header nav a[aria-current] { border-color: var(--green); font-weight: 700; }
  .hero { padding: 24px 20px 36px; }
  .hero h1 { font-size: 35px; }
  .hero .lead { font-size: 15px; }
  .hero .actions { gap: 10px 20px; }
  .intro { margin: 0 20px; padding-top: 32px; }
  .modes { padding: 0 20px 36px; }
  .garden { border-radius: 20px; padding: 28px 22px; }
  .closing { padding: 44px 20px; }
  .document { padding: 26px 20px 44px; }
  .document h1 { font-size: 34px; }
  .document .button { max-width: 100%; font-size: 13px; padding-inline: 20px; }
}