@font-face { font-family: "Newsreader"; src: url(/assets/fonts/newsreader-normal-300-700.woff2) format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(/assets/fonts/newsreader-italic-300-700.woff2) format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Albert Sans"; src: url(/assets/fonts/albert-sans-normal-300-700.woff2) format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url(/assets/fonts/dm-mono-normal-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url(/assets/fonts/dm-mono-normal-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
  :root {
    --bg: #fdfdfb;
    --ink: #1b1a17;
    --soft: #6d6a63;
    --line: #e8e6e0;
    --red: #c8201a;
    --f-display: "Newsreader", Georgia, serif;
    --f-body: "Albert Sans", system-ui, sans-serif;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; background: var(--bg); color: var(--ink); }
  body { font: 400 1rem/1.55 var(--f-body); min-height: 100vh; overflow-x: hidden; }

  .lb-head { max-width: 640px; margin: 0 auto; padding: 14vh 20px 6vh; text-align: center; }
  .lb-head h1 { font: 400 clamp(2.6rem, 7vw, 4.6rem)/1 var(--f-display); margin: 0 0 .4em; letter-spacing: -.01em; }
  .lb-head h1 em { color: var(--red); }
  .lb-head p { color: var(--soft); margin: 0; }

  /* Pockets of information: small, scattered, quiet until opened */
  .lb-field {
    position: relative; max-width: 1100px; margin: 0 auto; padding: 0 20px 18vh;
    display: grid; grid-template-columns: repeat(12, 1fr); gap: 7vh 20px;
  }
  .pk {
    grid-column: span 4; align-self: start;
    border: 1px solid var(--line); border-radius: 14px; background: #fff;
    padding: 16px 18px; transition: border-color .4s, box-shadow .4s, transform .4s, opacity .28s;
  }
  .pk:nth-child(1) { grid-column: 2 / span 3; }
  .pk:nth-child(2) { grid-column: 7 / span 3; margin-top: 8vh; }
  .pk:nth-child(3) { grid-column: 10 / span 3; margin-top: -2vh; }
  .pk:nth-child(4) { grid-column: 1 / span 3; margin-top: 4vh; }
  .pk:nth-child(5) { grid-column: 5 / span 3; margin-top: 12vh; }
  .pk:nth-child(6) { grid-column: 9 / span 3; margin-top: 6vh; }

  /* Perches: things on the page the insects can land on */
  .pk { position: relative; z-index: 1; }
  .pk:nth-child(-n+3) { grid-row: 1; }
  .pk:nth-child(n+4):nth-child(-n+6) { grid-row: 2; }
  .perch { align-self: start; pointer-events: none; z-index: 0; filter: drop-shadow(0 6px 8px rgba(40,30,10,.13)); }
  .perch svg { display: block; width: 100%; height: auto; }
  .perch--daisy  { grid-row: 1; grid-column: 5 / span 2; width: 120px; justify-self: center; margin-top: 2vh; }
  .perch--cosmos { grid-row: 3; grid-column: 2 / span 2; width: 128px; justify-self: center; transform: rotate(14deg); }
  .perch--leaf   { grid-row: 2; grid-column: 8 / span 1; width: 190px; justify-self: center; margin-top: 2vh; transform: rotate(-24deg); }
  .perch--twig   { grid-row: 3; grid-column: 6 / span 4; width: 270px; justify-self: center; margin-top: 2vh; transform: rotate(-6deg); }
  .perch--clover { grid-row: 2; grid-column: 4 / span 1; width: 84px; justify-self: center; margin-top: 22vh; transform: rotate(-18deg); }
  .perch--daisy2 { grid-row: 3; grid-column: 11 / span 2; width: 96px; justify-self: center; transform: rotate(30deg); }

  .friends {
    margin-top: 22px; border: 1px solid var(--ink); background: var(--ink); color: #fff; cursor: pointer;
    font: 500 .95rem/1 var(--f-body); padding: 12px 20px; border-radius: 999px; transition: background .25s, color .25s;
  }
  .friends:hover { background: #fff; color: var(--ink); }
  .friends[aria-pressed="true"] { background: #fff; color: var(--ink); }
  .friends:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
  .pk.is-swapping { opacity: 0; transform: translateY(6px); }
  .pk summary { list-style: none; cursor: pointer; }
  .pk summary::-webkit-details-marker { display: none; }
  .pk__k { display: block; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .pk__t { display: block; font: 400 1.45rem/1.15 var(--f-display); margin-top: 4px; }
  .pk__t::after { content: " +"; color: var(--red); font-family: var(--f-body); font-size: .9em; }
  .pk[open] .pk__t::after { content: " –"; }
  .pk p { margin: 10px 0 0; color: #3d3b36; font-size: .95rem; }
  .pk:hover, .pk[open] { border-color: #d9d5cc; box-shadow: 0 10px 30px -18px rgba(0,0,0,.25); }
  /* The ladybird is sitting on this one */
  .pk.is-visited { border-color: rgba(200,32,26,.35); box-shadow: 0 0 0 4px rgba(200,32,26,.06); }




  /* Lower sections */
  .sec { position: relative; padding: 4vh 20px 16vh; }
  .sec__in { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }
  .sec__in--narrow { max-width: 780px; text-align: center; }
  .sec__k { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); margin: 0 0 8px; }
  .sec h2 { font: 400 clamp(2rem, 4.6vw, 3.2rem)/1.05 var(--f-display); margin: 0 0 28px; letter-spacing: -.01em; }
  .sec h2 em { color: var(--red); }
  .sec__lede { color: var(--soft); max-width: 560px; margin: -12px auto 32px; }
  .sec--who .sec__in, .sec--tips .sec__in { text-align: left; }

  .who-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .who { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px 20px; display: flex; flex-direction: column; transition: border-color .4s, box-shadow .4s; }
  .who__pic { width: 120px; height: 120px; margin: 0 auto 8px; display: block; }
  .who h3 { font: 400 1.5rem/1.1 var(--f-display); margin: 0; }
  .who__latin { font-style: italic; color: var(--soft); font-size: .85rem; margin: 2px 0 12px; }
  .who dl { margin: 0 0 12px; display: grid; gap: 6px; }
  .who dl div { display: grid; grid-template-columns: 84px 1fr; gap: 8px; font-size: .88rem; border-top: 1px solid var(--line); padding-top: 6px; }
  .who dt { color: var(--soft); }
  .who dd { margin: 0; }
  .who > p:not(.who__latin) { font-size: .92rem; color: #3d3b36; margin: 0 0 16px; }
  .who__fly { margin-top: auto; align-self: flex-start; border: 1px solid var(--ink); background: #fff; color: var(--ink); border-radius: 999px; padding: 9px 16px; font: 500 .85rem/1 var(--f-body); cursor: pointer; transition: background .25s, color .25s; }
  .who__fly:hover, .who.is-lead .who__fly { background: var(--ink); color: #fff; }
  .who.is-lead { border-color: rgba(200,32,26,.35); }
  .who.is-lead .who__fly::before { content: "Following you"; }
  .who.is-lead .who__fly { font-size: 0; }
  .who.is-lead .who__fly::before { font-size: .85rem; }
  .who__fly:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

  .tl { display: grid; gap: 10px; text-align: left; }
  .tl-row { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 14px; padding: 6px 10px; border-radius: 12px; transition: background .4s; }
  .tl-row.is-lead { background: #f7e9e7; }
  .tl-name { font: 400 1.15rem/1 var(--f-display); }
  .tl-bar { display: grid; grid-template-columns: repeat(12, 1fr); gap: 4px; }
  .tl-m { height: 22px; border-radius: 6px; background: #efede7; }
  .tl-m.on { background: linear-gradient(180deg, #8cc153, #5f9e35); }
  .tl-row.is-lead .tl-m.on { background: linear-gradient(180deg, #e2503f, #b8221a); }
  .tl-head { padding-top: 0; padding-bottom: 0; }
  .tl-l { text-align: center; font-size: .72rem; letter-spacing: .1em; color: var(--soft); }

  .tip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 28px; }
  .tip { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; transition: border-color .4s, box-shadow .4s; }
  .tip:nth-child(3n+2) { margin-top: 4vh; }
  .tip__k { display: block; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .tip h3 { font: 400 1.4rem/1.15 var(--f-display); margin: 4px 0 8px; }
  .tip p { margin: 0; color: #3d3b36; font-size: .95rem; }
  .who.is-visited, .tip.is-visited { border-color: rgba(200,32,26,.35); box-shadow: 0 0 0 4px rgba(200,32,26,.06); }

  .sec--end { padding-bottom: 10vh; }
  .sec--end h2 { font-size: clamp(2.4rem, 6vw, 4rem); }
  .top-link { display: inline-block; color: var(--ink); border: 1px solid var(--ink); border-radius: 999px; padding: 12px 20px; text-decoration: none; font-weight: 500; transition: background .25s, color .25s; }
  .top-link:hover { background: var(--ink); color: #fff; }
  .top-link:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

  /* perches between and beside the lower sections */
  .perch--low { position: absolute; }
  .pl-1 { width: 110px; top: -40px; left: max(2%, calc(50% - 600px)); transform: rotate(-10deg); }
  .pl-2 { width: 230px; top: 10px; right: max(1%, calc(50% - 620px)); transform: rotate(-8deg); }
  .pl-3 { width: 120px; top: 34%; left: max(2%, calc(50% - 560px)); transform: rotate(20deg); }
  .pl-4 { width: 180px; top: 58%; right: max(1%, calc(50% - 580px)); transform: rotate(-150deg); }
  .pl-5 { width: 80px; top: -20px; right: max(4%, calc(50% - 520px)); transform: rotate(12deg); }
  .pl-6 { width: 100px; bottom: 6vh; left: max(3%, calc(50% - 480px)); transform: rotate(-24deg); }
  .pl-7 { width: 170px; top: 6vh; left: max(1%, calc(50% - 520px)); transform: rotate(-20deg); }
  .pl-8 { width: 116px; top: 2vh; right: max(3%, calc(50% - 480px)); transform: rotate(8deg); }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

  @media (max-width: 1000px) {
    .who-grid { grid-template-columns: repeat(2, 1fr); }
    .tip-grid { grid-template-columns: repeat(2, 1fr); }
    .tip:nth-child(3n+2) { margin-top: 0; }
    .tip:nth-child(even) { margin-top: 4vh; }
  }

  #bug-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 70; }

  @media (max-width: 800px) {
    .lb-field { grid-template-columns: 1fr; gap: 18px; }
    .pk, .pk:nth-child(n) { grid-column: auto; margin-top: 0; }
    .pk:nth-child(even) { margin-left: 12%; }
    .pk:nth-child(odd) { margin-right: 12%; }
    .lb-field .pk:nth-child(n) { grid-row: auto; }
    .perch { position: absolute; margin: 0 !important; }
    .perch--daisy  { width: 74px; top: 22px; right: -4px; }
    .perch--leaf   { width: 104px; top: 318px; left: -18px; }
    .perch--clover { width: 56px; top: 440px; right: 2px; }
    .perch--cosmos, .perch--twig, .perch--daisy2 { display: none; }
    .who-grid, .tip-grid { grid-template-columns: 1fr; }
    .tip:nth-child(n) { margin-top: 0; }
    .tl-row { grid-template-columns: 1fr; gap: 6px; }
    .tl-head .tl-name { display: none; }
    .tl-m { height: 16px; }
    .sec { padding-bottom: 10vh; }
    .perch--low { display: none; }
    .pl-1, .pl-5, .pl-8 { display: block; }
    .pl-1 { width: 70px; top: -26px; left: auto; right: 10px; }
    .pl-5 { width: 56px; top: -10px; right: 14px; }
    .pl-8 { width: 74px; top: -40px; right: 12px; }
  }

/* ===================== Standalone site additions ===================== */
:root { --card: #fff; --mono: "DM Mono", ui-monospace, monospace; }
.pk__k, .sec__k, .tip__k, .tl-l, .pick__l { font-family: var(--mono); letter-spacing: .1em; }
.pk, .who, .tip { background: var(--card); }
.skip { position: absolute; left: -9999px; top: 8px; background: var(--ink); color: var(--bg); padding: 10px 14px; border-radius: 8px; z-index: 100; }
.skip:focus { left: 8px; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

.site-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1180px; margin: 0 auto; padding: 18px 20px; position: relative; z-index: 5; }
.site-head__name { font: 400 1.5rem/1 var(--f-display); text-decoration: none; letter-spacing: -.01em; }
.site-head__name em { color: var(--red); }
.site-head nav { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.site-head nav a { text-decoration: none; font-size: .92rem; padding: 8px 12px; border-radius: 999px; }
.site-head nav a:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.site-head nav a[aria-current="page"] { background: var(--ink); color: var(--bg); }
.lb-head { padding-top: 8vh; max-width: 860px; }
.lb-head p { margin: 0 auto; max-width: 600px; }
.lb-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.lb-btns .friends { margin-top: 0; }
.lights { border: 1px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; font: 500 .95rem/1 var(--f-body); padding: 12px 20px; border-radius: 999px; }
.lights:hover { background: var(--ink); color: var(--bg); }

/* "From egg to wing" teaser */
.sec--lc { padding-top: 0; padding-bottom: 12vh; }
.lc-card { display: grid; grid-template-columns: 220px 1fr; gap: 28px; align-items: center; max-width: 860px; margin: 0 auto; text-decoration: none; color: inherit;
  background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 22px 30px 22px 22px; transition: box-shadow .3s, border-color .3s; }
.lc-card:hover { border-color: #d9d5cc; box-shadow: 0 16px 40px -26px rgba(0,0,0,.35); }
.lc-card canvas { width: 220px; height: 220px; background: radial-gradient(circle, #f7e4ea 0%, transparent 70%); border-radius: 50%; }
.lc-card__h { display: block; font: 400 clamp(2rem, 4vw, 2.8rem)/1.05 var(--f-display); margin: 4px 0 10px; }
.lc-card__p { display: block; color: var(--soft); }
.lc-card__go { display: inline-block; margin-top: 14px; font-weight: 600; color: var(--red); }

.who-grp { font: 400 1.6rem/1.1 var(--f-display); margin: 40px 0 6px; }
.who-grp:first-of-type { margin-top: 8px; }
.who-note { color: var(--soft); margin: 0 0 14px; max-width: 640px; }
.who-grid { margin-top: 14px; }
.tl-name { font-size: 1.05rem; }

/* bottom bar + chooser sheet */
.pick { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 40; display: flex; align-items: center; gap: 14px;
  padding: 9px 9px 9px 12px; background: color-mix(in srgb, var(--card) 94%, transparent); border: 1.5px solid var(--red); border-radius: 999px;
  box-shadow: 0 10px 30px -16px rgba(0,0,0,.3); backdrop-filter: blur(8px); transition: opacity .3s, transform .3s; max-width: calc(100vw - 24px); }
.pick.is-away { opacity: 0; pointer-events: none; transform: translate(-50%, 24px); }
.pick__now { width: 56px; height: 56px; }
.pick__txt { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.pick__l { font-size: .7rem; text-transform: uppercase; color: var(--soft); white-space: nowrap; }
.pick__name { font: 400 1.45rem/1.1 var(--f-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 44vw; }
.pick__open { border: 0; background: var(--ink); color: var(--bg); border-radius: 999px; padding: 16px 26px; font: 600 1.05rem/1 var(--f-body); cursor: pointer; white-space: nowrap;
  transition: background .2s, transform .2s; }
.pick__open::after { content: " ▴"; font-size: .8em; }
.pick__open:hover { background: var(--red); color: #fff; transform: translateY(-1px); }
.sheet { position: fixed; inset: 0; z-index: 80; background: rgba(20,18,14,.35); display: grid; place-items: end center; padding: 16px; }
.sheet[hidden] { display: none; }
html.sheet-open, html.sheet-open body { overflow: hidden; }
.sheet, .sheet__box { overscroll-behavior: contain; }
.sheet__box { background: var(--bg); color: var(--ink); width: min(1000px, 100%); max-height: min(82vh, 820px); overflow: auto; border-radius: 22px; padding: 22px 24px 28px;
  box-shadow: 0 30px 80px -30px rgba(0,0,0,.5); animation: sheet-in .28s cubic-bezier(.2,.8,.2,1); }
@keyframes sheet-in { from { transform: translateY(30px); opacity: 0; } }
.sheet__top { position: sticky; top: -22px; background: var(--bg); padding: 4px 0 12px; z-index: 1; }
.sheet__top h2 { font: 400 1.8rem/1 var(--f-display); margin: 0; }
.sheet__close { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); color: var(--ink); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.sheet__grp h3 { font-family: var(--mono); font-weight: 500; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin: 18px 0 8px; }
.sheet__note { margin: -4px 0 10px; color: var(--soft); font-size: .9rem; }
.sheet__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.sheet__grid button { display: grid; justify-items: center; text-align: center; gap: 2px; padding: 10px 8px 12px; border: 1px solid var(--line); border-radius: 16px;
  background: var(--card); color: var(--ink); cursor: pointer; font: inherit; transition: border-color .2s, background .2s; }
.sheet__grid button:hover { border-color: #cfcabe; }
.sheet__grid button[aria-pressed="true"] { border-color: rgba(200,32,26,.5); background: color-mix(in srgb, var(--red) 7%, var(--card)); }
.sheet__grid canvas { width: 64px; height: 64px; }
.sheet__n { font: 400 1.12rem/1.1 var(--f-display); }
.sheet__h { font-size: .76rem; color: var(--soft); line-height: 1.3; }

.site-foot { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; padding: 40px 20px 130px; text-align: center; color: var(--soft); border-top: 1px solid var(--line); }
.site-foot__name { font: 400 1.6rem/1 var(--f-display); color: var(--ink); margin: 0 0 10px; }
.site-foot__name em { color: var(--red); }
.site-foot nav { display: flex; gap: 18px; justify-content: center; margin: 14px 0; flex-wrap: wrap; }
.site-foot__by { font-size: .88rem; }

/* night: the page goes dark and your pointer becomes a lamp */
.lamp { position: fixed; inset: 0; pointer-events: none; z-index: 60; opacity: 0; transition: opacity .6s;
  background: radial-gradient(circle 260px at var(--lx, 50%) var(--ly, 40%), rgba(255,214,140,.2), rgba(255,214,140,.06) 45%, transparent 75%); }
html.night { --bg: #0d1520; --ink: #e8ecef; --soft: #9eaab5; --line: #233140; --card: #131e2a; --red: #ff7d6e; }
html.night body { background: var(--bg); color: var(--ink); }
html.night .lamp { opacity: 1; }
html.night .perch { filter: brightness(.7) saturate(.85) drop-shadow(0 6px 8px rgba(0,0,0,.3)); }
html.night .pk p, html.night .who > p:not(.who__latin), html.night .tip p { color: #c6cfd6; }
html.night .tl-m:not(.on) { background: #1d2a37; }
html.night .tl-row.is-lead { background: #2a1d22; }
html.night .friends { background: var(--ink); color: var(--bg); border-color: var(--ink); }
html.night .who__fly { background: transparent; color: var(--ink); border-color: var(--ink); }
body { transition: background-color .6s, color .6s; }

@media (max-width: 800px) {
  .site-head { flex-direction: column; align-items: flex-start; gap: 8px; }
  .lc-card { grid-template-columns: 1fr; text-align: center; padding: 18px; }
  .lc-card canvas { margin: 0 auto; width: 160px; height: 160px; }
  .pick { gap: 10px; padding: 7px 7px 7px 9px; bottom: 12px; }
  .pick__now { width: 46px; height: 46px; }
  .pick__name { max-width: 34vw; font-size: 1.25rem; }
  .pick__open { padding: 14px 20px; font-size: 1rem; }
}

/* ===================== Habitat pages ===================== */
.sheet__row { display: flex; justify-content: space-between; align-items: center; }
.sheet__tabs { display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap; }
.sheet__tabs button { border: 1px solid var(--line); background: var(--card); color: var(--ink); border-radius: 999px; padding: 9px 18px; font: 500 .95rem/1 var(--f-body); cursor: pointer; }
.sheet__tabs button:hover { border-color: #cfcabe; }
.sheet__tabs button[aria-selected="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.sheet__panel[hidden] { display: none; }
.sheet__panel > .sheet__note { margin: 14px 0 0; }
.sheet__box { min-height: min(60vh, 520px); }

/* pond: the page is water */
body.pond { --bg: #d7ebe8; --line: #bcd7d3; --soft: #55706d; background: linear-gradient(180deg, #e1f1ee 0%, #cfe6e3 45%, #c4dfdd 100%) fixed; }
body.pond .site-foot { border-top-color: #b4d2ce; }
body.pond .perch { filter: drop-shadow(0 5px 7px rgba(20,60,60,.2)); }
body.pond .pk, body.pond .who, body.pond .tip { background: rgba(255,255,255,.92); }
body.pond .tl-m:not(.on) { background: #c3dbd8; }

/* night page: always dark */
html.night body.nightpage { background: radial-gradient(1200px 700px at 70% -10%, #16233a 0%, #0d1520 60%) fixed, #0d1520; }

@media (max-width: 800px) {
  .site-head nav { gap: 2px; }
  .site-head nav a { padding: 7px 10px; font-size: .88rem; }
}

/* ===================== Photo gallery pop-up ===================== */
.gallery-btn { border: 1px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; font: 500 .95rem/1 var(--f-body); padding: 12px 20px; border-radius: 999px; }
.gallery-btn:hover { background: var(--ink); color: var(--bg); }
.gal { position: fixed; inset: 0; z-index: 80; background: rgba(20,18,14,.35); display: grid; place-items: end center; padding: 16px; overscroll-behavior: contain; }
.gal[hidden] { display: none; }
.gal__box { background: var(--bg); color: var(--ink); width: min(1000px, 100%); max-height: min(86vh, 900px); overflow: auto; border-radius: 22px; padding: 22px 24px 28px;
  box-shadow: 0 30px 80px -30px rgba(0,0,0,.5); animation: sheet-in .28s cubic-bezier(.2,.8,.2,1); overscroll-behavior: contain; }
.gal__box .sheet__note { margin: 8px 0 0; }
.gal__grp h3 { font: 400 1.35rem/1.1 var(--f-display); margin: 22px 0 8px; }
.gal__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.gal__thumb { padding: 0; border: 0; background: var(--line); border-radius: 12px; overflow: hidden; cursor: zoom-in; aspect-ratio: 4 / 3; }
.gal__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.gal__thumb:hover img { transform: scale(1.05); }
.gal__credits { margin: 22px 0 0; font-size: .82rem; color: var(--soft); }
.gal__view { position: fixed; inset: 0; z-index: 2; background: rgba(12,12,10,.9); display: grid; grid-template-columns: 64px 1fr 64px; align-items: center; padding: 16px 8px; }
.gal__view[hidden] { display: none; }
.gal__view figure { margin: 0; display: grid; justify-items: center; gap: 10px; min-width: 0; }
.gal__view img { max-width: 100%; max-height: calc(100vh - 120px); border-radius: 12px; box-shadow: 0 20px 60px -20px #000; }
.gal__view figcaption { color: #f1efe9; text-align: center; font-size: .88rem; }
.gal__name { display: block; font: 400 1.3rem/1.2 var(--f-display); }
.gal__by a { color: inherit; }
.gal__nav { width: 48px; height: 48px; justify-self: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.1); color: #fff; font-size: 1.7rem; line-height: 1; cursor: pointer; }
.gal__nav:hover { background: rgba(255,255,255,.25); }
.gal__back { position: absolute; top: 14px; right: 14px; }
@media (max-width: 800px) {
  .gal { padding: 10px; }
  .gal__box { padding: 18px 14px 22px; }
  .gal__view { grid-template-columns: 1fr; padding: 12px; }
  .gal__nav { position: absolute; bottom: 14px; }
  .gal__prev { left: 14px; } .gal__next { right: 14px; }
  .gal__view img { max-height: calc(100vh - 190px); }
}

/* ===================== Pond: more movement ===================== */
html.water { background: linear-gradient(180deg, #e1f1ee 0%, #cfe6e3 45%, #c4dfdd 100%) fixed; }
html.water body.pond { background: transparent; }
.water-fx { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: .5; filter: blur(9px); }
@keyframes pad-bob { 0%, 100% { translate: 0 0; rotate: 0deg; } 50% { translate: 3px 6px; rotate: 2.5deg; } }
body.pond .perch { animation: pad-bob 6s ease-in-out infinite; }
body.pond .perch:nth-of-type(2n) { animation-duration: 7.6s; animation-delay: -2.4s; }
body.pond .perch:nth-of-type(3n) { animation-duration: 5.2s; animation-delay: -1.1s; }
@media (prefers-reduced-motion: reduce) { body.pond .perch { animation: none; } }

/* ===================== Weather ===================== */
#wx-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 72; }
.wx { margin: 26px auto 0; max-width: 640px; }
.wx[hidden] { display: none; }
.lb-head .wx__now { margin: 0; font-size: .95rem; color: var(--ink); }
.wx__place { font-family: var(--mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); margin-right: 6px; }
.wx__txt { font-weight: 600; }
.lb-head .wx__mood { margin: 4px auto 12px; font: 400 1.25rem/1.25 var(--f-display); color: var(--ink); max-width: 560px; min-height: 1.25em; }
.wx__sky { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; align-items: center; }
.wx__l { font-family: var(--mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--red); margin-right: 4px; }
.wx__sky button { border: 1px solid var(--line); background: var(--card); color: var(--ink); border-radius: 999px; padding: 7px 13px; font: 500 .84rem/1 var(--f-body); cursor: pointer; }
.wx__sky button:hover { border-color: #cfcabe; }
.wx__sky button[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
/* a warm glow in the corner when the sun is out */
html.wx-sun:not(.night) body::before { content: ""; position: fixed; top: -22vmin; right: -22vmin; width: 70vmin; height: 70vmin; border-radius: 50%; pointer-events: none; z-index: 0;
  background: radial-gradient(circle, rgba(255,214,120,.5) 0%, rgba(255,214,120,.18) 40%, rgba(255,214,120,0) 70%); }
/* things on the page stir in a strong wind */
@keyframes wx-sway { 0%, 100% { rotate: -2.5deg; } 50% { rotate: 3deg; } }
html.wx-windy .perch { animation: wx-sway 1.1s ease-in-out infinite; }
html.wx-windy .perch:nth-of-type(2n) { animation-duration: 1.4s; animation-delay: -.5s; }
@media (prefers-reduced-motion: reduce) { html.wx-windy .perch { animation: none; } }

/* ===================== Seashore: a rock pool ===================== */
body.shore { --bg: #dcecec; --line: #bdd6d8; --soft: #50696c; }
html.water:has(body.shore) { background: linear-gradient(180deg, #e6f2f0 0%, #d2e8ea 40%, #c3dfe3 75%, #d9e2cf 100%) fixed; }
html.water body.shore { background: transparent; }
body.shore .site-foot { border-top-color: #b4d0d2; }
body.shore .perch { filter: drop-shadow(0 5px 7px rgba(20,50,60,.25)); }
body.shore .pk, body.shore .who, body.shore .tip { background: rgba(255,255,255,.92); }
body.shore .tl-m:not(.on) { background: #c2d9db; }
/* seaweed and anemones sway with the water; rocks and shells stay put */
@keyframes weed-sway { 0%, 100% { rotate: -2.5deg; translate: 0 0; } 50% { rotate: 3deg; translate: 4px 2px; } }
body.shore .perch[data-kind="wrack"], body.shore .perch[data-kind="kelp"] { animation: weed-sway 7s ease-in-out infinite; transform-origin: 4% 50%; }
body.shore .perch[data-kind="kelp"] { animation-duration: 9s; animation-delay: -3s; }
@keyframes anem-breathe { 0%, 100% { scale: 1; } 50% { scale: 1.06; } }
body.shore .perch[data-kind="anemone"] { animation: anem-breathe 5s ease-in-out infinite; }
/* the tide: every so often a thin sheet of foam slides in over the pool and drains away */
.tide { position: fixed; left: -5%; right: -5%; bottom: -30vh; height: 75vh; z-index: -1; pointer-events: none; opacity: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,.75) 5%, rgba(255,255,255,.32) 9%, rgba(214,236,238,.3) 30%, rgba(214,236,238,.42) 100%);
  border-radius: 46% 54% 0 0 / 9% 7% 0 0; animation: tide-in 19s ease-in-out infinite; }
@keyframes tide-in { 0%, 34% { transform: translateY(70vh); opacity: 0; } 42% { opacity: 1; } 60% { transform: translateY(8vh) skewX(-2deg); opacity: 1; } 88% { opacity: .5; } 100% { transform: translateY(70vh); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { body.shore .perch { animation: none; } .tide { display: none; } }
/* the newer sections close up the room the garden pages leave under the cards, and keep the low decorations clear of the next heading */
@media (min-width: 801px) {
  :is(body.shore, body.woodland, body.logpage, body.tight) .lb-field { padding-bottom: 5vh; row-gap: 4vh; }
  :is(body.shore, body.woodland, body.logpage, body.tight) :is(.perch--cosmos, .perch--twig, .perch--daisy2) { margin-top: -3vh; }
  :is(body.shore, body.woodland, body.logpage, body.tight) .sec--who { padding-top: 0; }
  :is(body.shore, body.woodland, body.logpage, body.tight) .pl-1 { top: -120px; }
  :is(body.shore, body.woodland, body.logpage, body.tight) .pl-2 { top: -90px; }
}

/* ===================== Woodland: the woodland floor ===================== */
body.woodland { --bg: #f3f4ea; --line: #dcdfcb; background: radial-gradient(900px 600px at 82% -8%, #fbf3cf 0%, transparent 60%), linear-gradient(180deg, #f7f7ef 0%, #eef0e2 55%, #e6ead6 100%) fixed; }
body.woodland .perch { filter: drop-shadow(0 5px 7px rgba(40,40,10,.2)); }
body.woodland .tl-m:not(.on) { background: #dfe2cf; }

/* phones: the section menu is one row you can swipe sideways (there are too many sections to wrap neatly) */
@media (max-width: 800px) {
  .site-head nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; max-width: 100%; width: 100%; scrollbar-width: none; -webkit-overflow-scrolling: touch; position: relative;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%); padding-right: 24px; }
  .site-head nav::-webkit-scrollbar { display: none; }
  .site-head nav a { flex: none; white-space: nowrap; }
}

/* ===================== Under a log: damp earth ===================== */
body.logpage { --bg: #efe7da; --line: #d9ccb8; --soft: #6a5e4e; background: radial-gradient(1000px 700px at 20% 0%, #f6efe2 0%, transparent 60%), linear-gradient(180deg, #f2eadc 0%, #e8dcc8 55%, #dccdb4 100%) fixed; }
body.logpage .perch { filter: drop-shadow(0 5px 7px rgba(50,34,14,.25)); }
body.logpage .tl-m:not(.on) { background: #dccfba; }

/* ===================== Spreading the decorations evenly (desktop) =====================
   They used to bunch in a third row under the cards. Now: two in the first row, three in the second, one below. */
@media (min-width: 801px) {
  .lb-field .perch--cosmos { grid-row: 1; grid-column: 11 / span 2; align-self: end; justify-self: center; margin-top: 0; margin-bottom: -7vh; }
  .lb-field .perch--daisy2 { grid-row: 2; grid-column: 12 / span 1; justify-self: start; align-self: start; margin-top: 15vh; }
  .lb-field .perch--daisy { grid-column: 5 / span 2; margin-top: 0; }
  .lb-field .perch--twig { grid-row: 3; grid-column: 5 / span 5; justify-self: center; margin-top: -2vh; }
  .lb-field .perch--clover { margin-top: 1vh; }
  :is(body.shore, body.woodland, body.logpage, body.tight) :is(.perch--cosmos, .perch--daisy2) { margin-top: 0; }
  :is(body.shore, body.woodland, body.logpage, body.tight) .perch--daisy2 { margin-top: 15vh; }
}

/* ===================== The top menu stays put as you scroll ===================== */
.site-head { position: sticky; top: 0; z-index: 60; background: color-mix(in srgb, var(--bg) 92%, transparent); box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--bg) 92%, transparent); clip-path: inset(0 -100vmax); padding-top: 12px; padding-bottom: 12px; }
@media (max-width: 800px) { .site-head { padding-top: 10px; padding-bottom: 8px; gap: 6px; } .site-head__name { font-size: 1.25rem; } }

/* ===================== Tiny World: the magnifying glass page ===================== */
body.tinypage { --bg: #f1ede4; --line: #ddd5c6; background: linear-gradient(180deg, #f6f3ec 0%, #ece6d9 100%) fixed; }
body.tinypage .pick, body.tinypage #bug-canvas { display: none; }
.tw-head h1 { max-width: 16ch; margin-left: auto; margin-right: auto; }
.tw-wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 22px; align-items: start; }
.tw-stage { position: relative; aspect-ratio: 16 / 10; border-radius: 22px; overflow: hidden; background: #6c5640; box-shadow: 0 30px 60px -34px rgba(40,26,10,.6), 0 0 0 1px rgba(60,40,20,.25); cursor: none; touch-action: pan-y; outline-offset: 4px; }
.tw-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.tw-lens { position: absolute; left: 0; top: 0; border-radius: 50%; touch-action: none; }
.tw-side { position: sticky; top: 84px; }
.tw-count { font: 500 .78rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin: 4px 0 10px; }
.tw-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 20px 22px 22px; min-height: 240px; }
.tw-card.is-new { animation: tw-pop .5s cubic-bezier(.2,.9,.3,1.3); }
@keyframes tw-pop { from { transform: scale(.94); box-shadow: 0 0 0 6px rgba(200,32,26,.25); } to { transform: none; box-shadow: 0 0 0 0 rgba(200,32,26,0); } }
.tw-card__k { font: 500 .72rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); margin: 0 0 10px; }
.tw-card__pic { display: block; width: 120px; height: 120px; margin: 0 auto 6px; }
.tw-card h2 { font: 400 1.7rem/1.1 var(--f-display); margin: 0; }
.tw-card__latin { font-style: italic; color: var(--soft); margin: 4px 0 8px; font-size: .92rem; }
.tw-card__size { font: 500 .78rem/1.3 var(--mono); letter-spacing: .04em; margin: 0 0 10px; }
.tw-card__blurb { margin: 0 0 10px; }
.tw-card__facts { margin: 0; padding: 0 0 0 1.1em; font-size: .93rem; color: var(--soft); display: grid; gap: 7px; }
.tw-touch { display: none; font-size: .85rem; color: var(--soft); margin: 10px 2px 0; }
@media (hover: none) { .tw-touch { display: block; } }
.tw-chips { max-width: 1240px; margin: 22px auto 0; padding: 0 20px; display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; }
.tw-chip { border: 1px dashed #cfc6b4; background: transparent; border-radius: 14px; padding: 8px 4px 10px; display: grid; justify-items: center; gap: 2px; font: 500 .82rem/1.2 var(--f-body); color: var(--soft); }
.tw-chip canvas { width: 54px; height: 54px; filter: brightness(0) opacity(.16); }
.tw-chip.is-found { border: 1px solid var(--line); background: #fff; color: var(--ink); cursor: pointer; }
.tw-chip.is-found canvas { filter: none; }
.tw-chip.is-found:hover { border-color: var(--red); }
.tw-done { text-align: center; margin: 22px 20px 0; font: 400 1.4rem/1.3 var(--f-display); }
.tw-done[hidden] { display: none; }
.tw-reset { margin-left: 10px; border: 1px solid var(--ink); background: transparent; border-radius: 999px; padding: 9px 16px; font: 500 .9rem/1 var(--f-body); cursor: pointer; vertical-align: middle; }
body.tinypage .sec--who { padding-top: 9vh; }
@media (max-width: 980px) {
  .tw-wrap { grid-template-columns: 1fr; }
  .tw-side { position: static; }
  .tw-card { min-height: 0; }
  .tw-chips { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 620px) {
  .tw-wrap { padding: 0 12px; }
  .tw-stage { aspect-ratio: 10 / 13; border-radius: 16px; }
  .tw-chips { padding: 0 12px; gap: 8px; }
}
.tw-hint { border: 1px solid var(--ink); background: var(--ink); color: #fff; cursor: pointer; font: 500 .95rem/1 var(--f-body); padding: 12px 20px; border-radius: 999px; transition: background .25s, color .25s; }
.tw-hint:hover { background: #fff; color: var(--ink); }
.tw-hint:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

/* ===================== Meadow ===================== */
body.meadow { --bg: #f4f6e6; --line: #dfe4c6; background: radial-gradient(900px 600px at 80% -8%, #fff3bf 0%, transparent 60%), linear-gradient(180deg, #f9f9ec 0%, #eef3d8 55%, #e3ecc6 100%) fixed; }
body.meadow .perch { filter: drop-shadow(0 5px 7px rgba(40,50,10,.2)); }
body.meadow .tl-m:not(.on) { background: #dfe5c8; }
@keyframes grass-sway { 0%, 100% { rotate: -3deg; } 50% { rotate: 3.5deg; } }
body.meadow .perch[data-kind="grass"] { animation: grass-sway 6s ease-in-out infinite; transform-origin: 50% 50%; }
/* ===================== River: flowing water ===================== */
body.river { --bg: #d6e9e6; --line: #b8d4d0; --soft: #53706c; }
html.water:has(body.river) { background: linear-gradient(180deg, #e2f0ec 0%, #cbe4e1 45%, #bcd9d8 100%) fixed; }
html.water body.river { background: transparent; }
body.river .site-foot { border-top-color: #b0cfcb; }
body.river .perch { filter: drop-shadow(0 5px 7px rgba(20,60,60,.22)); }
body.river .pk, body.river .who, body.river .tip { background: rgba(255,255,255,.92); }
body.river .tl-m:not(.on) { background: #c0d9d6; }
body.river .perch[data-kind="lilypad"], body.river .perch[data-kind="lilyflower"] { animation: pad-bob 6s ease-in-out infinite; }
body.river .perch[data-kind="reed"] { animation: grass-sway 7s ease-in-out infinite; transform-origin: 4% 50%; }
@media (prefers-reduced-motion: reduce) { body.meadow .perch, body.river .perch { animation: none; } }
body.river .perch[data-kind="pondweed"], body.river .perch[data-kind="crowfoot"] { animation: pad-bob 7s ease-in-out infinite; }
@media (min-width: 801px) { body.river .perch--daisy2 { width: 132px; } body.river .pl-5 { width: 112px; } }
/* pond: the reed mace lies along the bank, and the smaller plants get a bit more room */
@media (min-width: 801px) { body.pond .perch--clover { width: 120px; } body.pond .perch--twig { width: 300px; } }

/* ===================== A page per animal, and the A to Z ===================== */
.who__btns { margin: auto 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.who__btns .who__fly { margin-top: 0; }
.who__more { font-size: .86rem; color: var(--ink); text-underline-offset: 3px; }
.who__more:hover { color: var(--red); }
.crumbs { max-width: 1100px; margin: 18px auto 0; padding: 0 20px; font: 500 .74rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); display: flex; gap: 10px; align-items: center; }
.crumbs a { color: inherit; text-underline-offset: 3px; }
.ap-head { max-width: 1100px; margin: 0 auto; padding: 3vh 20px 5vh; display: grid; grid-template-columns: minmax(200px, 340px) 1fr; gap: 20px 48px; align-items: center; }
.ap-pic { width: 100%; height: auto; max-width: 340px; justify-self: center; }
.ap-intro h1 { font: 400 clamp(2.4rem, 6vw, 4.4rem)/1 var(--f-display); letter-spacing: -.02em; margin: 4px 0 6px; }
.ap-latin { font-style: italic; color: var(--soft); margin: 0 0 14px; }
.ap-blurb { font: 400 1.3rem/1.4 var(--f-display); margin: 0 0 18px; max-width: 34em; }
.ap-facts { margin: 0 0 16px; display: grid; gap: 6px; max-width: 34em; }
.ap-facts div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; border-top: 1px solid var(--line); padding-top: 7px; font-size: .95rem; }
.ap-facts dt { font: 500 .72rem/1.6 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
.ap-facts dd { margin: 0; }
.ap-note { font-size: .92rem; color: var(--soft); margin: 0; }
.ap-note a { color: inherit; }
.sec.ap-sec { padding: 2vh 20px 7vh; }
.ap-sec .sec__in { text-align: left; }
.ap-sec h2 { font: 400 clamp(1.8rem, 3.6vw, 2.6rem)/1.1 var(--f-display); margin: 4px 0 20px; }
.ap-grid .tip:nth-child(n) { margin-top: 0; }
.ap-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ap-photos figure { margin: 0; }
.ap-photos img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; border-radius: 14px; background: var(--line); }
.ap-photos figcaption { font-size: .76rem; color: var(--soft); margin-top: 6px; line-height: 1.4; }
.ap-photos figcaption a { color: inherit; }
.ap-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ap-two .tip:nth-child(n) { padding: 24px 26px; margin-top: 0; }
.ap-two .tip h2 { margin: 6px 0 10px; font-size: clamp(1.6rem, 3vw, 2.1rem); }
.ap-two .tip p { font-size: 1.02rem; }
.ap-mates { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.ap-mate { display: grid; justify-items: center; gap: 2px; padding: 10px 6px 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); color: var(--ink); text-decoration: none; font: 500 .88rem/1.2 var(--f-body); text-align: center; transition: border-color .25s, transform .25s; }
.ap-mate canvas { width: 64px; height: 64px; }
.ap-mate:hover { border-color: var(--red); transform: translateY(-2px); }
.ap-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; }
.ap-nav .top-link { padding: 10px 16px; font-size: .92rem; }
body.pond .ap-mate, body.shore .ap-mate, body.river .ap-mate { background: rgba(255,255,255,.92); }
.az { max-width: 1100px; margin: 0 auto; padding: 0 20px 6vh; }
.az-sec { margin: 0 0 5vh; }
.az-sec h2 { font: 400 1.9rem/1.1 var(--f-display); margin: 0 0 12px; }
.az-sec h2 a { color: inherit; text-decoration: none; }
.az-sec h2 a:hover { color: var(--red); }
@media (max-width: 800px) {
  .ap-head { grid-template-columns: 1fr; padding-top: 1vh; text-align: left; }
  .ap-pic { max-width: 200px; justify-self: start; }
  .ap-photos { grid-template-columns: 1fr; }
  .ap-two { grid-template-columns: 1fr; }
  .ap-mates { grid-template-columns: repeat(3, 1fr); }
}
body.tinypage.animalpage #bug-canvas { display: block; }
#who-h, [id^="az-"] { scroll-margin-top: 96px; }

/* ===================== Menu: habitats on their own row, things to do beside the name ===================== */
.site-head { flex-wrap: wrap; row-gap: 6px; }
.site-head nav.site-head__tools { order: 2; gap: 4px; flex-wrap: nowrap; width: auto; max-width: none; overflow: visible; mask-image: none; padding-right: 0; }
.site-head nav.site-head__tools a { border: 1px solid var(--line); padding: 7px 13px; font-weight: 500; }
.site-head nav.site-head__tools a[aria-current="page"] { border-color: var(--ink); }
.site-head nav.site-head__secs { order: 3; flex: 0 0 100%; justify-content: flex-start; gap: 2px; margin-left: -10px; }
.site-head nav.site-head__secs a { padding: 6px 10px; font-size: .88rem; }
@media (max-width: 800px) {
  .site-head { flex-direction: row; align-items: center; }
  .site-head nav.site-head__tools a { padding: 6px 9px; font-size: .8rem; }
  .site-head nav.site-head__secs { margin-left: 0; }
}
@media (max-width: 420px) { .site-head__name { font-size: 1.05rem; } .site-head nav.site-head__tools a { padding: 5px 7px; font-size: .76rem; } }
#who-h, [id^="az-"], [id^="sp-"] { scroll-margin-top: 120px; }

/* ===================== Seasons ===================== */
.season { max-width: 44em; margin: 14px auto 0; font-size: .95rem; color: var(--soft); }
.season-tag { align-self: flex-start; margin: 0 0 6px; font: 500 .66rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; padding: 5px 8px; border-radius: 999px; border: 1px solid var(--line); color: var(--soft); }
.season-tag.is-on { background: #e9f4dc; border-color: #c4dfa6; color: #3d6a1f; }
html.night .season-tag.is-on { background: #1f3320; border-color: #35592f; color: #a8d98a; }
.sheet [data-pick].is-away canvas { opacity: .45; }
.sheet__away { display: block; font: 500 .62rem/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--red); margin-top: 3px; }
.tl-l.is-now { color: var(--red); font-weight: 700; }
.ap-season { margin: 0 0 14px; font-size: .95rem; padding: 9px 13px; border-radius: 12px; border: 1px solid var(--line); background: var(--card); max-width: 34em; }
.ap-season.is-on { border-color: #c4dfa6; background: #eef6e4; color: #2f5516; }
html.night .ap-season.is-on { background: #1f3320; border-color: #35592f; color: #a8d98a; }
.ap-mate.is-away canvas, .sp-card.is-away canvas { opacity: .5; }

/* ===================== Spotter's list ===================== */
.seen-btn { border: 1px solid var(--ink); background: transparent; color: var(--ink); border-radius: 999px; padding: 9px 15px; font: 500 .86rem/1 var(--f-body); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.seen-btn:hover { background: color-mix(in srgb, var(--ink) 8%, transparent); }
.seen-btn[aria-pressed="true"] { background: #3d7a24; border-color: #3d7a24; color: #fff; }
.seen-btn[aria-pressed="true"]::before { content: "\2713\00a0"; }
.seen-btn.pop { animation: seen-pop .45s cubic-bezier(.2,.9,.3,1.4); }
@keyframes seen-pop { 0% { transform: scale(.9); } 60% { transform: scale(1.08); } 100% { transform: none; } }
.seen-btn:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.ap-seen { margin: 0 0 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: .88rem; }
.ap-seen a { color: var(--soft); text-underline-offset: 3px; }
.sp-total { max-width: 460px; margin: 22px auto 0; display: grid; gap: 8px; }
.sp-total__n { font: 400 1.5rem/1 var(--f-display); }
.sp-bar { display: block; height: 10px; border-radius: 999px; background: var(--line); overflow: hidden; }
.sp-bar i { display: block; height: 100%; width: calc(var(--done, 0) * 100%); background: linear-gradient(90deg, #8cc153, #3d7a24); border-radius: 999px; transition: width .5s; }
.sp-badges { max-width: 1100px; margin: 5vh auto 0; padding: 0 20px; }
.sp-badges h2 { font: 400 1.9rem/1.1 var(--f-display); margin: 0 0 14px; }
.sp-badge-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 14px 8px; }
.sp-badge { display: grid; justify-items: center; text-align: center; gap: 3px; font-size: .84rem; color: var(--soft); }
.sp-badge b { color: var(--ink); font-weight: 500; line-height: 1.2; }
.sp-badge small { font: 500 .62rem/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.sp-badge__m { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: #e9e6de; border: 3px solid #d2cec3; box-shadow: inset 0 0 0 3px #f6f4ee; }
.sp-badge__m canvas { width: 54px; height: 54px; filter: grayscale(1) opacity(.35); }
.sp-badge.is-won .sp-badge__m { background: radial-gradient(circle at 35% 30%, #fff6c8, #f1c84a 60%, #c8962a); border-color: #b9851e; box-shadow: inset 0 0 0 3px #fff3bd, 0 6px 14px -6px rgba(140,96,10,.7); }
.sp-badge.is-won .sp-badge__m canvas { filter: none; }
.sp-badge.is-won b::after { content: " \2713"; color: #3d7a24; }
.sp-list { margin-top: 6vh; }
.sp-n { font: 500 .78rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); margin-left: 8px; vertical-align: middle; }
.sp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; }
.sp-card { display: grid; justify-items: center; gap: 6px; padding: 10px 8px 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); text-align: center; }
.sp-card a { display: grid; justify-items: center; gap: 2px; color: var(--ink); text-decoration: none; font: 500 .88rem/1.2 var(--f-body); }
.sp-card canvas { width: 64px; height: 64px; }
.sp-card .seen-btn { padding: 7px 12px; font-size: .78rem; }
.sp-card.is-seen { border-color: #a9cf8a; background: #f1f8e9; }
.sp-card__d { font: 500 .62rem/1 var(--mono); letter-spacing: .06em; color: #3d6a1f; min-height: .7em; }
.sp-tools { display: flex; gap: 10px; flex-wrap: wrap; margin: 4vh 0 0; }
.sp-tools .top-link { background: transparent; cursor: pointer; font: 500 .92rem/1 var(--f-body); padding: 11px 18px; }
@media print { .site-head, .site-foot, .pick, #bug-canvas, #wx-canvas, .sp-tools, .sp-badges, .seen-btn { display: none !important; } .sp-card.is-seen { border: 2px solid #000; } .sp-card.is-seen span::after { content: " \2713"; } .sp-grid { grid-template-columns: repeat(6, 1fr); } }

/* ===================== Who am I? ===================== */
body.quizpage .pick { display: none; }
.qz { max-width: 980px; margin: 0 auto; padding: 0 20px 8vh; }
.qz-status { font: 500 .78rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin: 0 0 12px; text-align: center; }
.qz-main { display: grid; grid-template-columns: minmax(0, 400px) 1fr; gap: 28px; align-items: start; }
.qz-frame { aspect-ratio: 1; border-radius: 22px; background: radial-gradient(circle at 50% 40%, #fff, #eeeae0); border: 1px solid var(--line); display: grid; place-items: center; }
.qz-pic { width: 86%; height: 86%; transition: filter .6s; }
.qz-pic.is-hidden { filter: brightness(0) opacity(.86); }
.qz-opts { display: grid; gap: 8px; }
.qz-opt { text-align: left; border: 1px solid var(--line); background: var(--card); color: var(--ink); border-radius: 14px; padding: 14px 16px; font: 500 1.02rem/1.2 var(--f-body); cursor: pointer; transition: border-color .2s, background .2s; }
.qz-opt:hover:not(:disabled) { border-color: var(--ink); }
.qz-opt:disabled { cursor: default; opacity: .6; }
.qz-opt.is-right { background: #e9f4dc; border-color: #7ab04a; opacity: 1; }
.qz-opt.is-right::after { content: " \2713"; color: #3d7a24; }
.qz-opt.is-wrong { background: #f9e4e1; border-color: #d98a80; opacity: 1; }
.qz-opt:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.qz-clues p { margin: 10px 0 0; padding: 10px 14px; border-left: 3px solid var(--red); background: var(--card); border-radius: 0 10px 10px 0; font-size: .95rem; }
.qz-btns { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 0; }
.qz-btns--mid { justify-content: center; }
.qz-btns .top-link { background: transparent; cursor: pointer; font: 500 .92rem/1 var(--f-body); padding: 11px 18px; }
.qz-btns .top-link:disabled { opacity: .45; cursor: default; }
.qz-go { border: 1px solid var(--ink); background: var(--ink); color: #fff; cursor: pointer; font: 500 .95rem/1 var(--f-body); padding: 12px 20px; border-radius: 999px; }
.qz-go:hover { background: #fff; color: var(--ink); }
.qz-go:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.qz-after { margin-top: 14px; }
.qz-after p { margin: 0 0 8px; }
.qz-verdict { font: 400 1.4rem/1.2 var(--f-display); color: var(--ink) !important; }
.qz-after a { color: var(--ink); text-underline-offset: 3px; font-size: .92rem; }
.qz-end { text-align: center; padding: 2vh 0 0; }
.qz-score { font: 400 clamp(3rem, 9vw, 5.4rem)/1 var(--f-display); margin: 6px 0 8px; }
.qz-title { font: 400 1.7rem/1.2 var(--f-display); color: var(--red); margin: 0 0 6px; }
.qz-best { color: var(--soft); margin: 0 0 18px; }
.qz-end[hidden], .qz-play[hidden], .qz-after[hidden], .qz-next[hidden], .qz-clue[hidden] { display: none; }
@media (max-width: 800px) { .qz-main { grid-template-columns: 1fr; gap: 16px; } .qz-frame { max-width: 300px; margin: 0 auto; width: 100%; } }
/* the site name, a size up now the menu has its own row */
.site-head__name { font-size: 2rem; }
@media (max-width: 800px) { .site-head__name { font-size: 1.5rem; } }
@media (max-width: 420px) { .site-head__name { font-size: 1.22rem; } }
.lb-head .season { margin: 26px auto 0; max-width: 40em; font-size: .93rem; line-height: 1.5; padding-top: 16px; border-top: 1px solid var(--line); }
.site-head nav.site-head__secs a { font-size: 1.02rem; padding: 7px 12px; }
@media (max-width: 800px) { .site-head nav.site-head__secs a { font-size: .96rem; padding: 7px 10px; } }

/* ---------- moorland, farmland and town ---------- */
body.moor { --bg: #efeee6; --line: #d9d6c6; background: radial-gradient(900px 600px at 82% -8%, #f1e3f2 0%, transparent 60%), linear-gradient(180deg, #f4f3ec 0%, #e9e6da 55%, #dfdccb 100%) fixed; }
body.moor .perch { filter: drop-shadow(0 5px 7px rgba(50,40,50,.22)); }
body.moor .tl-m:not(.on) { background: #dcd9c9; }
body.moor .perch[data-kind="grass"], body.moor .perch[data-kind="fern"] { animation: grass-sway 6s ease-in-out infinite; transform-origin: 12% 50%; }
body.moor .perch[data-kind="grass"] { transform-origin: 50% 50%; }
body.farmland { --bg: #f6f1e0; --line: #e4dcc0; background: radial-gradient(900px 600px at 80% -8%, #ffeeb4 0%, transparent 60%), linear-gradient(180deg, #faf6e8 0%, #f1e9cf 55%, #e8dfbd 100%) fixed; }
body.farmland .perch { filter: drop-shadow(0 5px 7px rgba(70,50,10,.2)); }
body.farmland .tl-m:not(.on) { background: #e6dec2; }
body.farmland .perch[data-kind="wheat"] { animation: grass-sway 6s ease-in-out infinite; transform-origin: 4% 50%; }
body.town { --bg: #ebebe8; --line: #d6d6d1; background: #ebebe8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='280' viewBox='0 0 440 280'%3E%3Crect x='0' y='0' width='220' height='140' fill='%23efefec' stroke='%23cdcdc7' stroke-width='2.5'/%3E%3Crect x='3' y='3' width='214' height='134' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.2'/%3E%3Crect x='220' y='0' width='220' height='140' fill='%23e8e8e4' stroke='%23cdcdc7' stroke-width='2.5'/%3E%3Crect x='223' y='3' width='214' height='134' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.2'/%3E%3Crect x='-110' y='140' width='220' height='140' fill='%23ebebe7' stroke='%23cdcdc7' stroke-width='2.5'/%3E%3Crect x='-107' y='143' width='214' height='134' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.2'/%3E%3Crect x='110' y='140' width='220' height='140' fill='%23f2f2ef' stroke='%23cdcdc7' stroke-width='2.5'/%3E%3Crect x='113' y='143' width='214' height='134' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.2'/%3E%3Crect x='330' y='140' width='220' height='140' fill='%23e5e5e1' stroke='%23cdcdc7' stroke-width='2.5'/%3E%3Crect x='333' y='143' width='214' height='134' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.2'/%3E%3Ccircle cx='142' cy='42' r='1.0' fill='%23000' opacity='0.05'/%3E%3Ccircle cx='236' cy='102' r='0.5' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='16' cy='121' r='0.5' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='187' cy='232' r='0.6' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='276' cy='265' r='0.9' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='430' cy='13' r='1.1' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='63' cy='33' r='0.7' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='80' cy='163' r='0.9' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='241' cy='18' r='0.5' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='299' cy='120' r='0.7' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='199' cy='84' r='1.1' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='107' cy='161' r='0.9' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='321' cy='81' r='1.2' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='184' cy='212' r='0.6' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='17' cy='187' r='1.0' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='385' cy='88' r='1.0' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='255' cy='128' r='1.1' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='209' cy='186' r='0.5' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='285' cy='278' r='1.1' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='170' cy='187' r='0.5' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='74' cy='33' r='0.5' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='57' cy='69' r='0.8' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='35' cy='126' r='0.9' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='360' cy='242' r='0.7' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='158' cy='248' r='1.2' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='78' cy='65' r='0.7' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='259' cy='74' r='0.5' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='162' cy='159' r='1.2' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='227' cy='173' r='1.0' fill='%23000' opacity='0.05'/%3E%3Ccircle cx='396' cy='218' r='1.1' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='173' cy='112' r='0.6' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='27' cy='19' r='0.6' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='150' cy='15' r='0.5' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='45' cy='102' r='0.5' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='270' cy='42' r='0.7' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='160' cy='34' r='1.1' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='205' cy='135' r='0.6' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='151' cy='74' r='1.1' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='10' cy='266' r='0.9' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='239' cy='8' r='0.9' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='380' cy='195' r='0.7' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='73' cy='216' r='0.9' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='145' cy='62' r='1.1' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='375' cy='226' r='1.1' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='100' cy='145' r='0.7' fill='%23000' opacity='0.05'/%3E%3Ccircle cx='12' cy='78' r='0.7' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='421' cy='125' r='1.2' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='420' cy='102' r='0.7' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='87' cy='57' r='0.9' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='370' cy='134' r='1.0' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='37' cy='185' r='1.1' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='330' cy='134' r='0.6' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='146' cy='224' r='1.2' fill='%23000' opacity='0.07'/%3E%3Ccircle cx='177' cy='265' r='1.0' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='56' cy='42' r='1.1' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='64' cy='231' r='1.2' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='154' cy='154' r='0.6' fill='%23000' opacity='0.05'/%3E%3Ccircle cx='427' cy='182' r='0.9' fill='%23000' opacity='0.11'/%3E%3Ccircle cx='191' cy='244' r='1.1' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='111' cy='82' r='0.7' fill='%23000' opacity='0.09'/%3E%3Ccircle cx='114' cy='117' r='0.6' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='156' cy='128' r='0.9' fill='%23000' opacity='0.10'/%3E%3Ccircle cx='185' cy='257' r='0.9' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='230' cy='5' r='0.8' fill='%23000' opacity='0.06'/%3E%3Ccircle cx='2' cy='224' r='0.6' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='319' cy='156' r='0.7' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='244' cy='220' r='0.6' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='109' cy='78' r='1.0' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='247' cy='213' r='1.1' fill='%23000' opacity='0.08'/%3E%3Ccircle cx='270' cy='142' r='0.9' fill='%23000' opacity='0.09'/%3E%3C/svg%3E") 0 0 / 440px 280px; }
body.town .perch { filter: drop-shadow(0 4px 6px rgba(30,30,40,.22)); }
body.town .tl-m:not(.on) { background: #dcdcd8; }
@media (prefers-reduced-motion: reduce) { body.moor .perch, body.farmland .perch { animation: none; } }
@media (min-width: 801px) { body.town .perch--daisy { width: 136px; } body.farmland .perch--leaf { width: 210px; } body.moor .perch--daisy { width: 132px; } }

/* ---------- front page ---------- */
body.front .lb-head { padding-bottom: 4vh; }
.fp-go { display: inline-block; padding: 11px 22px; border-radius: 999px; background: var(--ink); color: #fff; font: 600 .98rem/1 var(--f-body); text-decoration: none; }
.fp-go--quiet { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.fp-go:hover { background: var(--red); color: #fff; box-shadow: none; }
.fp { max-width: 1140px; margin: 0 auto; padding: 2vh 20px 5vh; }
.fp h2 { font: 400 clamp(1.8rem, 4vw, 2.5rem)/1.1 var(--f-display); margin: 0 0 18px; text-align: center; }
.fp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.fp-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 4px; padding: 16px 18px 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--card, #fff); color: var(--ink); text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s; }
.fp-card:hover, .fp-card:focus-visible { transform: translateY(-3px); border-color: var(--red); box-shadow: 0 10px 24px rgba(30,25,15,.08); }
.fp-card__pics { display: flex; justify-content: center; align-items: center; gap: 2px; padding: 10px 6px; margin-bottom: 8px; border-radius: 12px; background: #f6f5f0; }
.fp-card__pics canvas { width: 30%; max-width: 78px; height: auto; aspect-ratio: 1; }
.fp-card__n { font: 400 1.6rem/1.1 var(--f-display); }
.fp-card__t { color: var(--soft); font-size: .95rem; line-height: 1.4; }
.fp-card__c { margin-top: 4px; font: 500 .74rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--red); }
.fp-card--pond .fp-card__pics, .fp-card--river .fp-card__pics, .fp-card--shore .fp-card__pics { background: #dcecea; }
.fp-card--night .fp-card__pics { background: #18243a; }
.fp-card--wood .fp-card__pics, .fp-card--meadow .fp-card__pics { background: #edf1dc; }
.fp-card--log .fp-card__pics, .fp-card--tiny .fp-card__pics { background: #eee5d4; }
.fp-card--moor .fp-card__pics { background: #ece6ea; }
.fp-card--farm .fp-card__pics { background: #f4ecd0; }
.fp-card--town .fp-card__pics { background: #e9e9e6; }
.fp-do { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.fp-doc { display: grid; gap: 6px; padding: 18px 20px; border-radius: 16px; background: var(--ink); color: #fff; text-decoration: none; transition: transform .18s, background .18s; }
.fp-doc b { font: 400 1.5rem/1.1 var(--f-display); }
.fp-doc span { font-size: .93rem; line-height: 1.4; opacity: .82; }
.fp-doc:hover, .fp-doc:focus-visible { transform: translateY(-3px); background: var(--red); }
@media (max-width: 560px) { .fp-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .fp-card { padding: 10px 12px 14px; } .fp-card__n { font-size: 1.25rem; } .fp-card__t { font-size: .84rem; } }

.site-foot__brand { margin: 14px 0 4px; font: 400 1.15rem/1.2 var(--f-display); color: var(--ink); }
.site-foot__brand b { font-weight: 400; font-style: italic; color: var(--red); }

/* decorations sit a few pixels over the edge on phones: never let that make the page scroll sideways */
html, body { overflow-x: clip; }

.ap-credit { margin: 14px 0 0; font-size: .82rem; color: var(--soft); }
.pv { max-width: 720px; margin: 0 auto; padding: 0 20px 8vh; }
.pv h2 { font: 400 1.6rem/1.15 var(--f-display); margin: 1.6em 0 .4em; }
.pv p, .pv li { color: var(--ink); line-height: 1.6; }
.pv ul { padding-left: 1.2em; }
.pv a { color: var(--red); }

/* ---------- African savanna ---------- */
body.savanna { --bg: #f5ead2; --line: #e2d2ac; --soft: #6e5e44; background: radial-gradient(1000px 640px at 80% -8%, #ffe4a0 0%, transparent 62%), linear-gradient(180deg, #faf1dc 0%, #f1e2bd 55%, #e8d4a2 100%) fixed; }
body.savanna .perch { filter: drop-shadow(0 6px 8px rgba(70,44,10,.26)); }
body.savanna .tl-m:not(.on) { background: #e4d4ae; }
body.savanna .perch[data-kind="drygrass"] { animation: grass-sway 6s ease-in-out infinite; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: reduce) { body.savanna .perch { animation: none; } }
@media (min-width: 801px) { body.savanna .perch--daisy { width: 170px; } body.savanna .perch--cosmos { width: 150px; } body.savanna .perch--daisy2 { width: 130px; } body.savanna .pl-1 { width: 150px; } }
.fp-more { margin-top: 5vh; }
.fp-more p { text-align: center; color: var(--soft); max-width: 560px; margin: -8px auto 18px; }
.fp-more .fp-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
@media (min-width: 801px) { .site-head nav.site-head__secs a { font-size: .97rem; padding: 7px 9px; } body.savanna .pl-1 { top: -170px; } }
.fp-card--savanna .fp-card__pics { background: #f3e4bc; }

/* ---------- more of Africa: river, rainforest, desert, and the Africa page ---------- */
body.afriver { --bg: #dfe3c8; --line: #c4cca6; --soft: #5a6a48; }
html.water:has(body.afriver) { background: linear-gradient(180deg, #e9ead0 0%, #d6dcba 45%, #c3cfa6 100%) fixed; }
html.water body.afriver { background: transparent; }
body.afriver .site-foot { border-top-color: #b4cfb8; }
body.afriver .perch { filter: drop-shadow(0 5px 7px rgba(20,60,40,.22)); }
body.afriver .pk, body.afriver .who, body.afriver .tip, body.afriver .ap-mate { background: rgba(255,255,255,.92); }
body.afriver .tl-m:not(.on) { background: #c4d8c2; }
body.afriver .perch[data-kind="papyrus"] { animation: grass-sway 7s ease-in-out infinite; transform-origin: 50% 50%; }
body.rainforest { --bg: #e6efdc; --line: #c8dab8; --soft: #4e6444; background: radial-gradient(900px 600px at 78% -10%, #f4f6c2 0%, transparent 58%), linear-gradient(180deg, #edf4e2 0%, #dcebcd 55%, #cde0ba 100%) fixed; }
body.rainforest .perch { filter: drop-shadow(0 6px 8px rgba(20,50,10,.28)); }
body.rainforest .tl-m:not(.on) { background: #cfdfc0; }
body.rainforest .perch[data-kind="palm"], body.rainforest .perch[data-kind="fern"], body.rainforest .perch[data-kind="bigleaf"] { animation: grass-sway 7s ease-in-out infinite; transform-origin: 6% 50%; }
body.desert { --bg: #f7e6c6; --line: #e6d0a2; --soft: #70593a; background: radial-gradient(1000px 640px at 80% -8%, #fff0b4 0%, transparent 62%), linear-gradient(180deg, #fbefd6 0%, #f4dfb4 55%, #ecd09a 100%) fixed; }
body.desert .perch { filter: drop-shadow(0 6px 8px rgba(90,56,10,.26)); }
body.desert .tl-m:not(.on) { background: #e8d4a8; }
body.desert .perch[data-kind="drygrass"] { animation: grass-sway 6s ease-in-out infinite; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: reduce) { body.afriver .perch, body.rainforest .perch, body.desert .perch { animation: none; } }
@media (min-width: 801px) { body.afriver .perch--daisy { width: 150px; } body.afriver .perch--leaf { width: 250px; } body.afriver .perch--daisy2 { width: 120px; } body.rainforest .perch--daisy { width: 132px; } body.rainforest .perch--leaf { width: 220px; } body.desert .perch--daisy { width: 150px; } body.desert .perch--daisy2 { width: 120px; } }
.fp-card--afriver .fp-card__pics { background: #dbe0c2; }
.fp-card--rainforest .fp-card__pics { background: #dcebcd; }
.fp-card--desert .fp-card__pics { background: #f4dfb4; }
.fp-more .fp-all { text-align: center; margin: 18px 0 0; }
.fp-more .fp-all a { color: var(--red); font-weight: 600; }

/* ---------- areas: the menu's way back, and the home page's section per area ---------- */
.site-head nav.site-head__secs a.site-head__back { border: 1px solid var(--line); font-weight: 600; margin-right: 6px; background: color-mix(in srgb, var(--bg) 70%, #fff); }
.site-head nav.site-head__secs a.site-head__back:hover { border-color: var(--red); color: var(--red); }
.fp-area { padding-top: 5vh; }
.fp-area + .fp-area { border-top: 1px solid var(--line); margin-top: 3vh; }
.fp-area h2 { margin-bottom: 6px; }
.fp-area__t { text-align: center; color: var(--soft); max-width: 600px; margin: 0 auto 20px; }
.fp-area__t b { color: var(--red); font-weight: 600; white-space: nowrap; }
.fp-area .fp-all { text-align: center; margin: 16px 0 0; }
.fp-area .fp-all a { color: var(--red); font-weight: 600; }
#areas-h { scroll-margin-top: 110px; }
.fp-grid--areas { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.fp-card--area { padding: 20px 22px 22px; }
.fp-card--area .fp-card__pics { padding: 16px 8px; }
.fp-card--area .fp-card__pics canvas { width: 23%; max-width: 86px; }
.fp-card--area .fp-card__n { font-size: 2rem; }
.fp-card--area .fp-card__t { font-size: 1rem; }
.fp-card--area .fp-card__c { margin-top: 8px; font-size: .78rem; }
@media (max-width: 560px) { .fp-grid--areas { grid-template-columns: 1fr; } .fp-card--area .fp-card__n { font-size: 1.7rem; } }
.sheet__else { margin: 18px 4px 4px; }
.sheet__else a { color: var(--red); font-weight: 600; }

/* ---------- play area: a marked box to bring your animal into, with buttons for tricks ---------- */
.play { padding: 2vh 20px 10vh; }
.play__box { position: relative; max-width: 980px; min-height: 500px; margin: 0 auto; padding: 26px 24px 170px; text-align: center; border: 2px dashed var(--line); border-radius: 28px; background: rgba(255,255,255,.34); transition: border-color .3s, background .3s; }
.play__box.is-in { border-color: var(--red); background: rgba(255,255,255,.5); }
.play__box h2 { font: 400 clamp(1.5rem, 3.2vw, 2.2rem)/1.1 var(--f-display); margin: 0 0 8px; }
.play__box h2 .lead-name { color: var(--red); font-style: italic; }
.play__ctl { position: absolute; left: 0; right: 0; bottom: 20px; display: grid; gap: 10px; padding: 0 16px; }
.play__hint { color: var(--soft); margin: 0 0 2px; }
.play__l { align-self: center; font: 500 .72rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soft); margin-right: 2px; }
.play__foods button { border-color: var(--line); padding: 9px 16px; font-size: .9rem; }
.play__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.play__btns button { border: 1px solid var(--ink); background: #fff; color: var(--ink); border-radius: 999px; padding: 11px 20px; font: 500 .95rem/1 var(--f-body); cursor: pointer; transition: background .2s, color .2s, opacity .2s; }
.play__btns button:not(:disabled):hover { background: var(--ink); color: #fff; }
.play__btns button:disabled { opacity: .38; cursor: default; }
.play__food { position: absolute; width: 38px; height: 38px; margin: -19px 0 0 -19px; filter: drop-shadow(0 4px 4px rgba(40,25,5,.28)); transition: transform .2s; }
.play__food svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.night .play__box { background: rgba(255,255,255,.05); } html.night .play__btns button { background: transparent; color: var(--ink); border-color: var(--ink); }
@media (prefers-reduced-motion: reduce) { .play { display: none; } }
@media (max-width: 800px) { .play__box { min-height: 520px; padding: 20px 14px 250px; border-radius: 20px; } .play__hint { font-size: .92rem; } .play__ctl { bottom: 14px; padding: 0 10px; } .play__btns { gap: 8px; } .play__btns button { padding: 10px 15px; font-size: .9rem; } }

/* ---------- ground textures (start) ---------- */
/* Each land page has a faint repeating ground laid over its colour wash: small inline SVG tiles made by scratchpad grounds.py. */
body.meadow { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cpath d='M144.8 179.1 Q144.4 168.6 143.7 158.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M201.6 253.8 Q204.0 248.4 198.5 243.0' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.28'/%3E%3Cpath d='M203.0 190.5 Q205.9 183.2 202.1 175.8' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.29'/%3E%3Cpath d='M20.2 11.4 Q22.6 1.2 23.1 -8.9' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M20.2 331.4 Q22.6 321.2 23.1 311.1' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M340.2 11.4 Q342.6 1.2 343.1 -8.9' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M340.2 331.4 Q342.6 321.2 343.1 311.1' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M62.5 74.8 Q56.0 69.6 53.9 64.4' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M-0.8 -1.4 Q2.3 -11.0 5.0 -20.6' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M-0.8 318.6 Q2.3 309.0 5.0 299.4' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M319.2 -1.4 Q322.3 -11.0 325.0 -20.6' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M319.2 318.6 Q322.3 309.0 325.0 299.4' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M9.5 180.2 Q11.2 175.4 3.6 170.6' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M329.5 180.2 Q331.2 175.4 323.6 170.6' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M271.1 0.2 Q276.6 -5.1 277.9 -10.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M271.1 320.2 Q276.6 314.9 277.9 309.7' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M134.3 181.2 Q134.2 175.2 137.3 169.2' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.21'/%3E%3Cpath d='M-11.5 242.6 Q-13.8 237.2 -15.5 231.9' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.20'/%3E%3Cpath d='M308.5 242.6 Q306.2 237.2 304.5 231.9' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.20'/%3E%3Cpath d='M155.8 218.3 Q154.7 212.1 155.9 206.0' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M126.4 -3.2 Q124.0 -7.5 131.2 -11.9' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.34'/%3E%3Cpath d='M126.4 316.8 Q124.0 312.5 131.2 308.1' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.34'/%3E%3Cpath d='M59.9 -1.3 Q58.0 -9.9 61.8 -18.5' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.34'/%3E%3Cpath d='M59.9 318.7 Q58.0 310.1 61.8 301.5' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.34'/%3E%3Cpath d='M82.6 247.3 Q77.8 240.6 78.7 233.9' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.21'/%3E%3Cpath d='M203.7 5.0 Q204.8 -2.1 206.2 -9.3' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M203.7 325.0 Q204.8 317.9 206.2 310.7' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M183.9 277.3 Q178.5 271.9 178.2 266.5' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M60.7 236.6 Q57.4 226.9 52.0 217.2' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M134.9 33.2 Q136.9 29.1 141.2 24.9' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M134.7 289.5 Q134.7 281.6 135.1 273.7' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.22'/%3E%3Cpath d='M209.1 197.1 Q202.7 192.1 204.9 187.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M131.7 79.7 Q126.5 74.7 128.5 69.6' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.21'/%3E%3Cpath d='M144.1 105.9 Q148.6 96.5 144.7 87.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.28'/%3E%3Cpath d='M151.9 114.4 Q150.1 108.9 143.6 103.5' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M102.0 -0.2 Q104.8 -5.6 102.8 -11.1' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M102.0 319.8 Q104.8 314.4 102.8 308.9' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M225.2 253.8 Q226.7 243.6 220.9 233.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M133.5 253.0 Q129.6 242.8 135.6 232.7' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M23.1 29.0 Q20.1 23.6 19.3 18.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M343.1 29.0 Q340.1 23.6 339.3 18.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M235.2 185.9 Q238.8 179.1 242.2 172.3' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M99.3 28.1 Q103.5 24.0 105.4 19.8' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M-25.5 81.9 Q-24.3 77.0 -28.2 72.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M294.5 81.9 Q295.7 77.0 291.8 72.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M109.6 -22.3 Q103.8 -29.8 103.9 -37.2' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.29'/%3E%3Cpath d='M109.6 297.7 Q103.8 290.2 103.9 282.8' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.29'/%3E%3Cpath d='M137.9 257.9 Q147.4 248.9 148.5 239.8' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M67.2 43.1 Q75.4 37.0 74.6 31.0' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M88.6 54.1 Q85.0 46.8 83.8 39.5' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M166.4 215.1 Q174.0 206.8 175.0 198.6' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M89.0 194.4 Q89.2 185.8 83.5 177.1' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M6.1 43.5 Q-2.2 37.4 -3.4 31.3' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M326.1 43.5 Q317.8 37.4 316.6 31.3' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M15.0 201.3 Q18.3 193.8 17.8 186.2' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M335.0 201.3 Q338.3 193.8 337.8 186.2' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M63.8 152.0 Q55.3 147.3 56.1 142.6' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M72.5 249.1 Q80.2 242.5 82.1 235.8' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M290.0 27.9 Q290.2 17.8 296.5 7.7' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M283.9 2.2 Q287.2 -6.0 287.5 -14.1' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M283.9 322.2 Q287.2 314.0 287.5 305.9' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M65.6 231.0 Q71.5 221.3 69.5 211.6' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M-6.2 -7.2 Q-0.8 -14.8 0.3 -22.3' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M-6.2 312.8 Q-0.8 305.2 0.3 297.7' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M313.8 -7.2 Q319.2 -14.8 320.3 -22.3' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M313.8 312.8 Q319.2 305.2 320.3 297.7' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.24'/%3E%3Cpath d='M5.0 161.5 Q3.7 156.4 2.7 151.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M325.0 161.5 Q323.7 156.4 322.7 151.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.31'/%3E%3Cpath d='M9.1 258.9 Q13.2 254.0 13.5 249.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M329.1 258.9 Q333.2 254.0 333.5 249.1' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M293.1 150.6 Q298.9 141.3 304.8 132.0' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M-16.3 27.5 Q-15.4 21.2 -15.8 14.9' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M303.7 27.5 Q304.6 21.2 304.2 14.9' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M52.6 164.5 Q52.8 154.7 45.6 144.9' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M195.0 97.4 Q192.4 91.6 195.8 85.8' stroke='%234f8a2c' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.28'/%3E%3Cpath d='M171.5 161.0 Q165.2 154.2 160.9 147.4' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M256.3 180.1 Q258.0 172.5 260.5 164.8' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M-25.3 256.1 Q-28.6 249.2 -30.5 242.2' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.22'/%3E%3Cpath d='M294.7 256.1 Q291.4 249.2 289.5 242.2' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.22'/%3E%3Cpath d='M261.0 288.2 Q254.3 280.6 257.1 273.0' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.26'/%3E%3Cpath d='M83.3 224.7 Q78.6 216.0 70.1 207.4' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.23'/%3E%3Cpath d='M103.1 113.7 Q99.7 106.3 93.9 98.9' stroke='%235c9632' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M229.7 224.4 Q224.5 216.4 216.9 208.3' stroke='%2386b84a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3Cpath d='M172.2 276.4 Q170.2 268.9 165.9 261.3' stroke='%236aa23a' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.32'/%3E%3C/svg%3E") 0 0 / 320px 320px, radial-gradient(900px 600px at 80% -8%, #fff3bf 0%, transparent 60%), linear-gradient(180deg, #f9f9ec 0%, #eef3d8 55%, #e3ecc6 100%) fixed; }
body.woodland { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg transform='translate%28351.4 -19.5%29 rotate%28321%29 scale%280.74%29' opacity='0.23'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28351.4 360.5%29 rotate%28321%29 scale%280.74%29' opacity='0.23'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28144.1 136.1%29 rotate%28261%29 scale%280.82%29' opacity='0.22'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23b8792e'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28172.9 9.4%29 rotate%2831%29 scale%281.02%29' opacity='0.20'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%238a7a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28172.9 389.4%29 rotate%2831%29 scale%281.02%29' opacity='0.20'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%238a7a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28238.5 163.9%29 rotate%28277%29 scale%280.79%29' opacity='0.26'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23b8792e'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28250.0 236.0%29 rotate%28349%29 scale%280.86%29' opacity='0.30'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23c79a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28106.9 -9.6%29 rotate%28206%29 scale%281.07%29' opacity='0.27'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28106.9 370.4%29 rotate%28206%29 scale%281.07%29' opacity='0.27'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28224.4 170.0%29 rotate%28231%29 scale%280.78%29' opacity='0.25'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28255.9 197.6%29 rotate%28210%29 scale%280.74%29' opacity='0.20'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%238a7a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28104.7 217.7%29 rotate%28295%29 scale%280.85%29' opacity='0.29'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23c79a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28206.0 339.9%29 rotate%28164%29 scale%280.80%29' opacity='0.21'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28297.8 268.7%29 rotate%28298%29 scale%280.81%29' opacity='0.21'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28283.2 38.1%29 rotate%28138%29 scale%280.90%29' opacity='0.21'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23b8792e'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28158.2 8.9%29 rotate%28291%29 scale%281.01%29' opacity='0.28'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28158.2 388.9%29 rotate%28291%29 scale%281.01%29' opacity='0.28'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28-19.4 204.7%29 rotate%28356%29 scale%281.04%29' opacity='0.20'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23c79a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28360.6 204.7%29 rotate%28356%29 scale%281.04%29' opacity='0.20'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23c79a3a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28299.5 186.4%29 rotate%2813%29 scale%280.82%29' opacity='0.22'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28354.8 -18.8%29 rotate%2878%29 scale%280.75%29' opacity='0.26'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28354.8 361.2%29 rotate%2878%29 scale%280.75%29' opacity='0.26'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%23a85a26'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28262.4 212.0%29 rotate%2886%29 scale%280.75%29' opacity='0.29'%3E%3Cpath d='M0 -13 C7 -8 8 4 0 13 C-8 4 -7 -8 0 -13Z' fill='%239a6a2a'/%3E%3Cpath d='M0 -12 L0 16' stroke='%235a3a16' stroke-width='.8'/%3E%3C/g%3E%3Cpath transform='translate%28169.0 130.3%29 rotate%28321%29' d='M0 0 L22 0 M12 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28340.2 261.3%29 rotate%28149%29' d='M0 0 L20 0 M11 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28315.3 243.0%29 rotate%2886%29' d='M0 0 L16 0 M9 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28155.7 293.2%29 rotate%28201%29' d='M0 0 L19 0 M10 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28314.1 41.2%29 rotate%28227%29' d='M0 0 L16 0 M9 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28212.6 317.4%29 rotate%2889%29' d='M0 0 L23 0 M13 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%2829.9 213.6%29 rotate%28195%29' d='M0 0 L15 0 M8 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3Cpath transform='translate%28409.9 213.6%29 rotate%28195%29' d='M0 0 L15 0 M8 0 l5 -4' stroke='%236e4f33' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='.22'/%3E%3C/svg%3E") 0 0 / 380px 380px, radial-gradient(900px 600px at 82% -8%, #fbf3cf 0%, transparent 60%), linear-gradient(180deg, #f7f7ef 0%, #eef0e2 55%, #e6ead6 100%) fixed; }
body.moor { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cpath d='M231.9 31.1 L237.2 19.9 M231.9 31.1 L220.8 21.2 M231.9 31.1 L230.4 17.7 M231.9 31.1 L240.4 23.9 M231.9 31.1 L239.2 18.7 M231.9 31.1 L240.1 23.9 M231.9 31.1 L223.8 20.2 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M307.0 16.8 L303.1 7.1 M307.0 16.8 L312.0 4.0 M307.0 16.8 L308.4 4.4 M307.0 16.8 L308.1 8.7 M307.0 16.8 L307.4 7.4 M307.0 16.8 L305.8 8.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M307.0 356.8 L303.1 347.1 M307.0 356.8 L312.0 344.0 M307.0 356.8 L308.4 344.4 M307.0 356.8 L308.1 348.7 M307.0 356.8 L307.4 347.4 M307.0 356.8 L305.8 348.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M223.0 309.5 L218.1 300.4 M223.0 309.5 L223.6 295.7 M223.0 309.5 L216.8 304.2 M223.0 309.5 L232.4 300.3 M223.0 309.5 L219.8 300.4 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M220.8 102.6 L225.1 92.1 M220.8 102.6 L214.7 91.9 M220.8 102.6 L212.7 94.9 M220.8 102.6 L221.6 94.6 M220.8 102.6 L223.1 94.3 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M220.9 116.0 L213.8 106.3 M220.9 116.0 L223.8 103.7 M220.9 116.0 L226.3 107.6 M220.9 116.0 L213.9 109.9 M220.9 116.0 L226.5 109.0 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M38.1 56.4 L43.6 50.5 M38.1 56.4 L33.4 45.4 M38.1 56.4 L28.5 47.2 M38.1 56.4 L36.3 46.3 M38.1 56.4 L30.3 43.8 M38.1 56.4 L28.0 47.0 M38.1 56.4 L43.2 43.1 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M238.4 118.0 L240.9 104.3 M238.4 118.0 L239.5 104.3 M238.4 118.0 L243.8 105.1 M238.4 118.0 L242.1 103.8 M238.4 118.0 L240.4 104.0 M238.4 118.0 L232.3 104.6 M238.4 118.0 L231.2 104.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.30'/%3E%3Cpath d='M281.3 121.4 L290.0 109.8 M281.3 121.4 L288.0 112.2 M281.3 121.4 L273.5 113.5 M281.3 121.4 L284.4 106.9 M281.3 121.4 L284.5 109.8 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.38'/%3E%3Cpath d='M29.3 221.2 L37.6 210.9 M29.3 221.2 L25.7 210.6 M29.3 221.2 L30.9 209.8 M29.3 221.2 L35.7 214.8 M29.3 221.2 L26.0 207.1 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M67.2 53.8 L59.5 42.4 M67.2 53.8 L72.4 45.3 M67.2 53.8 L63.3 46.7 M67.2 53.8 L59.6 44.7 M67.2 53.8 L73.8 47.5 M67.2 53.8 L74.3 44.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.38'/%3E%3Cpath d='M183.8 226.6 L179.2 218.0 M183.8 226.6 L186.3 218.6 M183.8 226.6 L191.2 215.2 M183.8 226.6 L193.7 217.0 M183.8 226.6 L185.4 215.5 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.39'/%3E%3Cpath d='M182.3 216.2 L182.2 205.1 M182.3 216.2 L178.2 208.0 M182.3 216.2 L188.2 205.7 M182.3 216.2 L185.5 207.0 M182.3 216.2 L181.9 207.1 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.28'/%3E%3Cpath d='M51.6 45.8 L57.7 36.3 M51.6 45.8 L45.6 40.3 M51.6 45.8 L55.2 38.3 M51.6 45.8 L54.5 34.1 M51.6 45.8 L55.4 36.8 M51.6 45.8 L56.7 37.7 M51.6 45.8 L57.2 36.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.39'/%3E%3Cpath d='M249.9 166.3 L247.8 155.0 M249.9 166.3 L250.1 154.4 M249.9 166.3 L254.3 155.7 M249.9 166.3 L245.5 152.9 M249.9 166.3 L246.6 153.6 M249.9 166.3 L242.9 157.9 M249.9 166.3 L241.6 154.2 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.33'/%3E%3Cpath d='M293.8 137.8 L299.6 129.9 M293.8 137.8 L288.6 128.1 M293.8 137.8 L303.1 128.8 M293.8 137.8 L288.6 130.9 M293.8 137.8 L293.8 129.4 M293.8 137.8 L289.7 130.1 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.28'/%3E%3Cpath d='M293.8 301.1 L295.2 291.5 M293.8 301.1 L303.2 293.3 M293.8 301.1 L301.9 289.5 M293.8 301.1 L291.9 292.9 M293.8 301.1 L295.1 287.8 M293.8 301.1 L298.7 289.6 M293.8 301.1 L291.5 287.7 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.27'/%3E%3Cpath d='M157.9 117.1 L158.6 102.2 M157.9 117.1 L161.9 103.3 M157.9 117.1 L162.2 108.8 M157.9 117.1 L158.6 105.8 M157.9 117.1 L167.5 108.0 M157.9 117.1 L162.8 106.6 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M121.1 221.2 L122.3 206.5 M121.1 221.2 L129.8 210.7 M121.1 221.2 L127.1 209.6 M121.1 221.2 L113.4 211.9 M121.1 221.2 L112.1 213.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.37'/%3E%3Cpath d='M58.8 238.9 L59.9 229.0 M58.8 238.9 L67.5 231.4 M58.8 238.9 L51.9 228.6 M58.8 238.9 L58.1 227.3 M58.8 238.9 L58.0 229.9 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.29'/%3E%3Cpath d='M40.5 204.5 L40.4 191.8 M40.5 204.5 L47.3 196.4 M40.5 204.5 L32.6 192.1 M40.5 204.5 L36.7 197.0 M40.5 204.5 L46.7 196.5 ' stroke='%239a8a52' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.34'/%3E%3Cg opacity='0.21'%3E%3Ccircle cx='251.0' cy='256.7' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='245.8' cy='268.8' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='238.0' cy='256.4' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='236.4' cy='267.0' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='248.5' cy='260.4' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='246.9' cy='258.8' r='1.8' fill='%238e4aa2'/%3E%3Ccircle cx='241.1' cy='260.1' r='2.0' fill='%23c07ad0'/%3E%3Ccircle cx='243.5' cy='259.0' r='2.2' fill='%23c07ad0'/%3E%3Ccircle cx='238.0' cy='266.6' r='1.7' fill='%23c07ad0'/%3E%3C/g%3E%3Cg opacity='0.25'%3E%3Ccircle cx='113.9' cy='107.2' r='1.8' fill='%238e4aa2'/%3E%3Ccircle cx='99.2' cy='97.9' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='105.4' cy='102.0' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='105.5' cy='94.2' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='114.4' cy='99.2' r='1.9' fill='%238e4aa2'/%3E%3Ccircle cx='107.8' cy='98.4' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='101.4' cy='99.2' r='1.6' fill='%23a85fb8'/%3E%3Ccircle cx='103.9' cy='104.5' r='1.8' fill='%23c07ad0'/%3E%3Ccircle cx='113.2' cy='104.5' r='1.8' fill='%23a85fb8'/%3E%3C/g%3E%3Cg opacity='0.28'%3E%3Ccircle cx='-13.9' cy='43.9' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='-10.9' cy='44.8' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='-8.4' cy='45.7' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='-14.6' cy='41.4' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='-4.7' cy='39.1' r='1.9' fill='%238e4aa2'/%3E%3Ccircle cx='-5.1' cy='50.0' r='1.6' fill='%23c07ad0'/%3E%3Ccircle cx='-19.9' cy='40.4' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='-15.2' cy='41.4' r='1.9' fill='%23c07ad0'/%3E%3Ccircle cx='-9.7' cy='45.6' r='1.7' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.28'%3E%3Ccircle cx='326.1' cy='43.9' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='329.1' cy='44.8' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='331.6' cy='45.7' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='325.4' cy='41.4' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='335.3' cy='39.1' r='1.9' fill='%238e4aa2'/%3E%3Ccircle cx='334.9' cy='50.0' r='1.6' fill='%23c07ad0'/%3E%3Ccircle cx='320.1' cy='40.4' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='324.8' cy='41.4' r='1.9' fill='%23c07ad0'/%3E%3Ccircle cx='330.3' cy='45.6' r='1.7' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='12.3' cy='110.6' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='9.7' cy='113.8' r='1.6' fill='%23a85fb8'/%3E%3Ccircle cx='16.0' cy='103.1' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='18.5' cy='111.8' r='2.1' fill='%23c07ad0'/%3E%3Ccircle cx='13.7' cy='107.5' r='1.7' fill='%238e4aa2'/%3E%3Ccircle cx='7.1' cy='110.8' r='1.3' fill='%23c07ad0'/%3E%3Ccircle cx='8.7' cy='108.4' r='1.9' fill='%238e4aa2'/%3E%3Ccircle cx='14.1' cy='109.7' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='24.1' cy='112.0' r='2.1' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.29'%3E%3Ccircle cx='172.4' cy='127.6' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='174.1' cy='116.1' r='1.9' fill='%23c07ad0'/%3E%3Ccircle cx='169.2' cy='127.0' r='1.8' fill='%23c07ad0'/%3E%3Ccircle cx='167.9' cy='119.1' r='2.0' fill='%238e4aa2'/%3E%3Ccircle cx='169.8' cy='119.5' r='2.0' fill='%23a85fb8'/%3E%3Ccircle cx='168.4' cy='126.8' r='1.9' fill='%238e4aa2'/%3E%3Ccircle cx='179.1' cy='127.7' r='1.3' fill='%23a85fb8'/%3E%3Ccircle cx='175.7' cy='124.6' r='1.6' fill='%23c07ad0'/%3E%3Ccircle cx='163.0' cy='122.5' r='1.4' fill='%23a85fb8'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='-3.9' cy='-8.1' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='-7.0' cy='2.3' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='-5.7' cy='3.2' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='-10.2' cy='-6.6' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='-5.1' cy='-7.1' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='-2.1' cy='-1.5' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='-2.0' cy='-7.6' r='2.0' fill='%23c07ad0'/%3E%3Ccircle cx='-1.7' cy='-1.0' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='-11.9' cy='-0.2' r='2.1' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='-3.9' cy='331.9' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='-7.0' cy='342.3' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='-5.7' cy='343.2' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='-10.2' cy='333.4' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='-5.1' cy='332.9' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='-2.1' cy='338.5' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='-2.0' cy='332.4' r='2.0' fill='%23c07ad0'/%3E%3Ccircle cx='-1.7' cy='339.0' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='-11.9' cy='339.8' r='2.1' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='336.1' cy='-8.1' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='333.0' cy='2.3' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='334.3' cy='3.2' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='329.8' cy='-6.6' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='334.9' cy='-7.1' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='337.9' cy='-1.5' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='338.0' cy='-7.6' r='2.0' fill='%23c07ad0'/%3E%3Ccircle cx='338.3' cy='-1.0' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='328.1' cy='-0.2' r='2.1' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='336.1' cy='331.9' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='333.0' cy='342.3' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='334.3' cy='343.2' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='329.8' cy='333.4' r='1.6' fill='%238e4aa2'/%3E%3Ccircle cx='334.9' cy='332.9' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='337.9' cy='338.5' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='338.0' cy='332.4' r='2.0' fill='%23c07ad0'/%3E%3Ccircle cx='338.3' cy='339.0' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='328.1' cy='339.8' r='2.1' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='17.0' cy='72.5' r='1.7' fill='%238e4aa2'/%3E%3Ccircle cx='18.6' cy='75.7' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='8.9' cy='65.4' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='7.8' cy='66.0' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='13.2' cy='74.8' r='1.8' fill='%238e4aa2'/%3E%3Ccircle cx='4.4' cy='76.9' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='11.1' cy='68.1' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='18.3' cy='65.5' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='16.7' cy='71.0' r='1.9' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.24'%3E%3Ccircle cx='357.0' cy='72.5' r='1.7' fill='%238e4aa2'/%3E%3Ccircle cx='358.6' cy='75.7' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='348.9' cy='65.4' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='347.8' cy='66.0' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='353.2' cy='74.8' r='1.8' fill='%238e4aa2'/%3E%3Ccircle cx='344.4' cy='76.9' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='351.1' cy='68.1' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='358.3' cy='65.5' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='356.7' cy='71.0' r='1.9' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.26'%3E%3Ccircle cx='62.6' cy='115.1' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='67.2' cy='105.7' r='1.5' fill='%238e4aa2'/%3E%3Ccircle cx='57.8' cy='113.4' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='63.1' cy='107.2' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='58.4' cy='109.3' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='56.2' cy='114.4' r='1.4' fill='%23a85fb8'/%3E%3Ccircle cx='63.4' cy='111.3' r='1.8' fill='%23c07ad0'/%3E%3Ccircle cx='57.4' cy='109.8' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='64.3' cy='106.0' r='1.9' fill='%23c07ad0'/%3E%3C/g%3E%3Cg opacity='0.22'%3E%3Ccircle cx='136.6' cy='116.9' r='1.6' fill='%23a85fb8'/%3E%3Ccircle cx='144.5' cy='104.7' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='131.1' cy='113.7' r='1.3' fill='%23c07ad0'/%3E%3Ccircle cx='145.5' cy='105.5' r='1.7' fill='%23a85fb8'/%3E%3Ccircle cx='143.0' cy='108.1' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='144.7' cy='116.4' r='1.4' fill='%23c07ad0'/%3E%3Ccircle cx='141.9' cy='116.2' r='1.7' fill='%23c07ad0'/%3E%3Ccircle cx='132.9' cy='109.1' r='2.2' fill='%23c07ad0'/%3E%3Ccircle cx='147.6' cy='108.4' r='1.9' fill='%23c07ad0'/%3E%3C/g%3E%3Cg opacity='0.26'%3E%3Ccircle cx='267.8' cy='66.7' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='259.2' cy='68.7' r='2.1' fill='%238e4aa2'/%3E%3Ccircle cx='261.7' cy='65.4' r='1.8' fill='%23a85fb8'/%3E%3Ccircle cx='256.4' cy='68.4' r='1.8' fill='%23c07ad0'/%3E%3Ccircle cx='263.0' cy='64.0' r='1.6' fill='%23c07ad0'/%3E%3Ccircle cx='258.8' cy='62.0' r='1.9' fill='%23a85fb8'/%3E%3Ccircle cx='252.9' cy='70.0' r='1.4' fill='%238e4aa2'/%3E%3Ccircle cx='265.8' cy='68.4' r='1.8' fill='%23c07ad0'/%3E%3Ccircle cx='256.6' cy='63.7' r='1.9' fill='%238e4aa2'/%3E%3C/g%3E%3Cg opacity='0.25'%3E%3Ccircle cx='257.7' cy='151.3' r='1.6' fill='%23c07ad0'/%3E%3Ccircle cx='254.8' cy='142.6' r='2.0' fill='%23a85fb8'/%3E%3Ccircle cx='266.7' cy='149.5' r='1.3' fill='%23c07ad0'/%3E%3Ccircle cx='256.1' cy='143.6' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='255.5' cy='146.1' r='1.5' fill='%23a85fb8'/%3E%3Ccircle cx='264.5' cy='139.9' r='1.5' fill='%23c07ad0'/%3E%3Ccircle cx='258.0' cy='148.0' r='2.1' fill='%23a85fb8'/%3E%3Ccircle cx='252.3' cy='153.0' r='1.6' fill='%23a85fb8'/%3E%3Ccircle cx='252.3' cy='151.8' r='1.5' fill='%23c07ad0'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 340px 340px, radial-gradient(900px 600px at 82% -8%, #f1e3f2 0%, transparent 60%), linear-gradient(180deg, #f4f3ec 0%, #e9e6da 55%, #dfdccb 100%) fixed; }
body.farmland { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Ccircle cx='13' cy='237' r='0.7' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='228' cy='270' r='1.0' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='7' cy='147' r='0.9' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='186' cy='257' r='1.0' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='289' cy='279' r='0.9' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='174' cy='169' r='1.3' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='172' cy='196' r='0.9' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='21' cy='320' r='1.4' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='302' cy='178' r='0.7' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='199' cy='317' r='1.2' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='212' cy='268' r='1.4' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='180' cy='238' r='0.8' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='265' cy='17' r='1.1' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='63' cy='206' r='1.5' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='39' cy='168' r='1.3' fill='%238a6a34' opacity='0.20'/%3E%3Ccircle cx='243' cy='14' r='1.5' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='28' cy='43' r='0.7' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='52' cy='275' r='0.7' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='151' cy='13' r='0.6' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='332' cy='42' r='1.3' fill='%238a6a34' opacity='0.20'/%3E%3Ccircle cx='307' cy='301' r='0.9' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='169' cy='319' r='1.2' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='291' cy='131' r='1.2' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='70' cy='318' r='1.0' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='196' cy='89' r='1.1' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='111' cy='118' r='0.8' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='281' cy='240' r='1.5' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='326' cy='75' r='0.8' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='130' cy='336' r='0.8' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='21' cy='9' r='1.1' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='174' cy='311' r='1.4' fill='%238a6a34' opacity='0.20'/%3E%3Ccircle cx='197' cy='90' r='0.7' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='53' cy='2' r='1.2' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='212' cy='68' r='1.0' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='128' cy='112' r='0.8' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='196' cy='235' r='0.8' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='91' cy='238' r='0.8' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='25' cy='239' r='0.7' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='248' cy='162' r='1.2' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='227' cy='102' r='1.0' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='310' cy='256' r='1.1' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='207' cy='246' r='1.1' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='73' cy='316' r='1.2' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='206' cy='8' r='0.7' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='238' cy='307' r='1.4' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='335' cy='208' r='1.3' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='87' cy='165' r='1.0' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='116' cy='151' r='0.8' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='273' cy='122' r='0.9' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='237' cy='152' r='0.9' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='80' cy='157' r='0.9' fill='%238a6a34' opacity='0.20'/%3E%3Ccircle cx='82' cy='202' r='1.1' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='62' cy='301' r='1.3' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='61' cy='319' r='1.1' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='308' cy='89' r='1.0' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='63' cy='87' r='1.4' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='175' cy='45' r='1.3' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='258' cy='87' r='0.7' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='134' cy='128' r='1.0' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='160' cy='220' r='0.7' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='165' cy='278' r='0.9' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='70' cy='238' r='1.2' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='163' cy='323' r='0.9' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='113' cy='15' r='1.4' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='63' cy='214' r='0.8' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='141' cy='20' r='1.2' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='304' cy='316' r='1.2' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='263' cy='13' r='0.7' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='25' cy='297' r='1.2' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='223' cy='76' r='0.9' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='269' cy='213' r='0.9' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='140' cy='213' r='1.4' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='156' cy='201' r='0.8' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='283' cy='165' r='0.6' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='53' cy='11' r='1.1' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='38' cy='151' r='1.0' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='214' cy='85' r='1.2' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='178' cy='79' r='1.3' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='106' cy='35' r='0.7' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='178' cy='25' r='0.7' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='231' cy='69' r='1.2' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='314' cy='275' r='1.5' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='301' cy='109' r='0.9' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='8' cy='246' r='0.7' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='20' cy='145' r='0.8' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='101' cy='121' r='0.9' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='219' cy='103' r='0.8' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='120' cy='270' r='0.8' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='112' cy='194' r='0.9' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='121' cy='327' r='1.4' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='147' cy='59' r='1.2' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='88' cy='213' r='0.7' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='98' cy='271' r='1.2' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='149' cy='188' r='1.0' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='282' cy='271' r='0.9' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='315' cy='7' r='1.3' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='65' cy='119' r='1.2' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='176' cy='174' r='1.4' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='92' cy='215' r='1.1' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='246' cy='3' r='1.5' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='21' cy='242' r='0.7' fill='%238a6a34' opacity='0.20'/%3E%3Ccircle cx='154' cy='254' r='0.8' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='10' cy='272' r='0.8' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='150' cy='171' r='0.6' fill='%238a6a34' opacity='0.12'/%3E%3Ccircle cx='130' cy='185' r='1.2' fill='%238a6a34' opacity='0.11'/%3E%3Ccircle cx='280' cy='122' r='1.5' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='152' cy='122' r='0.7' fill='%238a6a34' opacity='0.19'/%3E%3Ccircle cx='201' cy='257' r='0.7' fill='%238a6a34' opacity='0.15'/%3E%3Ccircle cx='97' cy='92' r='1.0' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='156' cy='237' r='1.5' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='272' cy='324' r='1.5' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='285' cy='237' r='0.6' fill='%238a6a34' opacity='0.18'/%3E%3Ccircle cx='305' cy='305' r='0.9' fill='%238a6a34' opacity='0.17'/%3E%3Ccircle cx='281' cy='151' r='1.2' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='313' cy='178' r='0.8' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='200' cy='128' r='0.9' fill='%238a6a34' opacity='0.16'/%3E%3Ccircle cx='109' cy='166' r='0.7' fill='%238a6a34' opacity='0.13'/%3E%3Ccircle cx='39' cy='164' r='0.9' fill='%238a6a34' opacity='0.14'/%3E%3Ccircle cx='10' cy='337' r='0.8' fill='%238a6a34' opacity='0.10'/%3E%3Ccircle cx='199' cy='13' r='1.1' fill='%238a6a34' opacity='0.19'/%3E%3Cg transform='translate%2820 161%29 rotate%2822%29 scale%280.96%29' opacity='0.47'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28284 81%29 rotate%2870%29 scale%280.96%29' opacity='0.41'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2845 20%29 rotate%28268%29 scale%281.08%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28237 259%29 rotate%28290%29 scale%280.94%29' opacity='0.32'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28145 118%29 rotate%2828%29 scale%281.20%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28-6 85%29 rotate%2817%29 scale%280.76%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28334 85%29 rotate%2817%29 scale%280.76%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28272 275%29 rotate%28344%29 scale%281.21%29' opacity='0.34'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28154 267%29 rotate%28256%29 scale%280.91%29' opacity='0.33'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28111 307%29 rotate%28110%29 scale%281.14%29' opacity='0.43'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28254 212%29 rotate%28259%29 scale%280.82%29' opacity='0.36'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28285 229%29 rotate%28350%29 scale%281.14%29' opacity='0.32'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28294 120%29 rotate%28169%29 scale%280.76%29' opacity='0.41'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28142 193%29 rotate%28349%29 scale%281.18%29' opacity='0.41'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2830 286%29 rotate%2858%29 scale%281.17%29' opacity='0.37'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28208 16%29 rotate%28181%29 scale%281.00%29' opacity='0.40'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2832 100%29 rotate%28219%29 scale%280.79%29' opacity='0.37'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28248 174%29 rotate%2848%29 scale%280.86%29' opacity='0.38'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28253 9%29 rotate%28285%29 scale%280.81%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28253 349%29 rotate%28285%29 scale%280.81%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2882 6%29 rotate%284%29 scale%280.81%29' opacity='0.36'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2882 346%29 rotate%284%29 scale%280.81%29' opacity='0.36'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28111 110%29 rotate%28329%29 scale%280.93%29' opacity='0.39'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28163 60%29 rotate%28148%29 scale%280.77%29' opacity='0.45'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28186 40%29 rotate%28264%29 scale%280.76%29' opacity='0.39'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28217 151%29 rotate%28293%29 scale%281.04%29' opacity='0.32'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2877 297%29 rotate%28108%29 scale%281.24%29' opacity='0.42'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28-3 288%29 rotate%2879%29 scale%280.79%29' opacity='0.37'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28337 288%29 rotate%2879%29 scale%280.79%29' opacity='0.37'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28302 320%29 rotate%2829%29 scale%281.05%29' opacity='0.43'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28122 44%29 rotate%28323%29 scale%280.99%29' opacity='0.35'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28182 157%29 rotate%28347%29 scale%281.09%29' opacity='0.43'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%285 192%29 rotate%28115%29 scale%280.76%29' opacity='0.34'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28345 192%29 rotate%28115%29 scale%280.76%29' opacity='0.34'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28175 128%29 rotate%28253%29 scale%281.03%29' opacity='0.44'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2873 155%29 rotate%28335%29 scale%281.17%29' opacity='0.35'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28326 51%29 rotate%28187%29 scale%281.17%29' opacity='0.42'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28105 228%29 rotate%28250%29 scale%281.17%29' opacity='0.41'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28154 11%29 rotate%28205%29 scale%281.23%29' opacity='0.33'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28154 351%29 rotate%28205%29 scale%281.23%29' opacity='0.33'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%235c9632'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%235c9632'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2825 42%29 rotate%28247%29 scale%280.89%29' opacity='0.42'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28-13 235%29 rotate%28137%29 scale%280.75%29' opacity='0.46'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28327 235%29 rotate%28137%29 scale%280.75%29' opacity='0.46'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2877 198%29 rotate%2843%29 scale%280.83%29' opacity='0.33'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%28226 95%29 rotate%2818%29 scale%281.18%29' opacity='0.36'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%237ab04a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%237ab04a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2867 90%29 rotate%28284%29 scale%280.81%29' opacity='0.41'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cg transform='translate%2840 206%29 rotate%2858%29 scale%280.89%29' opacity='0.37'%3E%3Cpath d='M0 0 C-2 -3 -7 -4 -9 -1 C-6 1 -2 1 0 0Z' fill='%236aa23a'/%3E%3Cpath d='M0 0 C2 -3 7 -4 9 -1 C6 1 2 1 0 0Z' fill='%236aa23a'/%3E%3Ccircle r='1' fill='%234f8a2c'/%3E%3C/g%3E%3Cpath transform='translate%28186 73%29 rotate%2875%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28292 91%29 rotate%28150%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28214 226%29 rotate%2843%29' d='M0 0 L8 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28-1 117%29 rotate%2884%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28339 117%29 rotate%2884%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28136 311%29 rotate%2872%29' d='M0 0 L8 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%2894 33%29 rotate%2823%29' d='M0 0 L8 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%2815 155%29 rotate%28176%29' d='M0 0 L10 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28154 199%29 rotate%286%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28125 113%29 rotate%28154%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28145 177%29 rotate%28102%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28298 13%29 rotate%2862%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28198 315%29 rotate%28105%29' d='M0 0 L6 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28311 145%29 rotate%2889%29' d='M0 0 L9 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28130 301%29 rotate%280%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%287 261%29 rotate%28100%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28347 261%29 rotate%28100%29' d='M0 0 L7 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%280 143%29 rotate%28169%29' d='M0 0 L6 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3Cpath transform='translate%28340 143%29 rotate%28169%29' d='M0 0 L6 0' stroke='%23c9a64a' stroke-width='1.3' stroke-linecap='round' opacity='.34'/%3E%3C/svg%3E") 0 0 / 340px 340px, radial-gradient(900px 600px at 80% -8%, #ffeeb4 0%, transparent 60%), linear-gradient(180deg, #faf6e8 0%, #f1e9cf 55%, #e8dfbd 100%) fixed; }
body.logpage { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Ccircle cx='185' cy='267' r='1.3' fill='%233e2a18' opacity='0.16'/%3E%3Ccircle cx='215' cy='108' r='1.3' fill='%235a4026' opacity='0.20'/%3E%3Ccircle cx='11' cy='51' r='2.1' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='264' cy='17' r='0.8' fill='%235a4026' opacity='0.15'/%3E%3Ccircle cx='69' cy='41' r='1.4' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='153' cy='121' r='2.0' fill='%237a5a36' opacity='0.13'/%3E%3Ccircle cx='27' cy='203' r='1.3' fill='%237a5a36' opacity='0.22'/%3E%3Ccircle cx='197' cy='47' r='0.8' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='69' cy='103' r='2.0' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='24' cy='226' r='0.8' fill='%235a4026' opacity='0.19'/%3E%3Ccircle cx='275' cy='164' r='1.1' fill='%235a4026' opacity='0.15'/%3E%3Ccircle cx='42' cy='277' r='1.0' fill='%233e2a18' opacity='0.14'/%3E%3Ccircle cx='110' cy='57' r='1.0' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='52' cy='60' r='1.1' fill='%233e2a18' opacity='0.18'/%3E%3Ccircle cx='20' cy='113' r='1.1' fill='%233e2a18' opacity='0.15'/%3E%3Ccircle cx='245' cy='179' r='2.0' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='272' cy='187' r='1.4' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='65' cy='100' r='1.8' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='97' cy='123' r='0.8' fill='%235a4026' opacity='0.13'/%3E%3Ccircle cx='169' cy='217' r='1.5' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='57' cy='238' r='1.5' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='277' cy='201' r='1.5' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='166' cy='223' r='0.8' fill='%233e2a18' opacity='0.16'/%3E%3Ccircle cx='129' cy='255' r='1.8' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='139' cy='44' r='1.7' fill='%237a5a36' opacity='0.18'/%3E%3Ccircle cx='65' cy='241' r='0.8' fill='%237a5a36' opacity='0.15'/%3E%3Ccircle cx='227' cy='151' r='2.1' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='24' cy='114' r='1.5' fill='%235a4026' opacity='0.18'/%3E%3Ccircle cx='11' cy='9' r='1.2' fill='%233e2a18' opacity='0.18'/%3E%3Ccircle cx='200' cy='143' r='1.4' fill='%237a5a36' opacity='0.16'/%3E%3Ccircle cx='121' cy='123' r='1.8' fill='%233e2a18' opacity='0.22'/%3E%3Ccircle cx='123' cy='276' r='1.0' fill='%233e2a18' opacity='0.17'/%3E%3Ccircle cx='18' cy='76' r='1.0' fill='%233e2a18' opacity='0.15'/%3E%3Ccircle cx='63' cy='36' r='1.4' fill='%233e2a18' opacity='0.15'/%3E%3Ccircle cx='12' cy='199' r='1.7' fill='%237a5a36' opacity='0.12'/%3E%3Ccircle cx='121' cy='91' r='1.2' fill='%233e2a18' opacity='0.19'/%3E%3Ccircle cx='136' cy='128' r='1.5' fill='%233e2a18' opacity='0.18'/%3E%3Ccircle cx='53' cy='31' r='1.4' fill='%237a5a36' opacity='0.13'/%3E%3Ccircle cx='52' cy='84' r='0.8' fill='%235a4026' opacity='0.17'/%3E%3Ccircle cx='261' cy='121' r='1.3' fill='%233e2a18' opacity='0.11'/%3E%3Ccircle cx='243' cy='240' r='1.7' fill='%235a4026' opacity='0.16'/%3E%3Ccircle cx='109' cy='109' r='1.1' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='60' cy='37' r='1.6' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='52' cy='241' r='2.0' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='286' cy='195' r='0.8' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='154' cy='191' r='1.8' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='76' cy='46' r='1.4' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='278' cy='200' r='1.3' fill='%233e2a18' opacity='0.22'/%3E%3Ccircle cx='297' cy='180' r='0.8' fill='%233e2a18' opacity='0.13'/%3E%3Ccircle cx='293' cy='212' r='1.8' fill='%235a4026' opacity='0.11'/%3E%3Ccircle cx='108' cy='294' r='2.1' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='136' cy='268' r='0.8' fill='%237a5a36' opacity='0.15'/%3E%3Ccircle cx='108' cy='266' r='0.8' fill='%237a5a36' opacity='0.11'/%3E%3Ccircle cx='111' cy='55' r='1.0' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='41' cy='100' r='0.9' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='214' cy='37' r='1.2' fill='%237a5a36' opacity='0.20'/%3E%3Ccircle cx='184' cy='89' r='0.9' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='184' cy='136' r='1.2' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='251' cy='229' r='1.4' fill='%233e2a18' opacity='0.14'/%3E%3Ccircle cx='208' cy='78' r='1.3' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='220' cy='46' r='0.8' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='172' cy='258' r='2.1' fill='%235a4026' opacity='0.20'/%3E%3Ccircle cx='168' cy='265' r='1.6' fill='%237a5a36' opacity='0.18'/%3E%3Ccircle cx='254' cy='265' r='1.0' fill='%235a4026' opacity='0.22'/%3E%3Ccircle cx='40' cy='35' r='2.0' fill='%237a5a36' opacity='0.15'/%3E%3Ccircle cx='163' cy='182' r='1.0' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='116' cy='110' r='2.1' fill='%233e2a18' opacity='0.17'/%3E%3Ccircle cx='161' cy='49' r='1.8' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='243' cy='280' r='1.6' fill='%237a5a36' opacity='0.18'/%3E%3Ccircle cx='103' cy='172' r='1.4' fill='%235a4026' opacity='0.17'/%3E%3Ccircle cx='237' cy='262' r='1.7' fill='%235a4026' opacity='0.15'/%3E%3Ccircle cx='115' cy='76' r='0.9' fill='%237a5a36' opacity='0.19'/%3E%3Ccircle cx='177' cy='33' r='1.0' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='7' cy='223' r='1.4' fill='%233e2a18' opacity='0.11'/%3E%3Ccircle cx='49' cy='56' r='1.7' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='182' cy='228' r='1.8' fill='%233e2a18' opacity='0.16'/%3E%3Ccircle cx='229' cy='240' r='1.8' fill='%235a4026' opacity='0.22'/%3E%3Ccircle cx='35' cy='78' r='0.8' fill='%235a4026' opacity='0.17'/%3E%3Ccircle cx='184' cy='188' r='1.6' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='28' cy='157' r='2.1' fill='%233e2a18' opacity='0.11'/%3E%3Ccircle cx='120' cy='298' r='1.2' fill='%233e2a18' opacity='0.13'/%3E%3Ccircle cx='57' cy='59' r='1.0' fill='%235a4026' opacity='0.11'/%3E%3Ccircle cx='108' cy='193' r='2.0' fill='%233e2a18' opacity='0.13'/%3E%3Ccircle cx='35' cy='58' r='1.6' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='133' cy='232' r='0.9' fill='%235a4026' opacity='0.15'/%3E%3Ccircle cx='11' cy='21' r='2.0' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='20' cy='72' r='1.7' fill='%233e2a18' opacity='0.10'/%3E%3Ccircle cx='182' cy='68' r='1.7' fill='%233e2a18' opacity='0.10'/%3E%3Ccircle cx='281' cy='156' r='1.9' fill='%235a4026' opacity='0.16'/%3E%3Ccircle cx='118' cy='191' r='1.4' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='178' cy='283' r='1.1' fill='%233e2a18' opacity='0.10'/%3E%3Ccircle cx='249' cy='133' r='1.4' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='287' cy='248' r='1.0' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='84' cy='4' r='2.1' fill='%233e2a18' opacity='0.14'/%3E%3Ccircle cx='206' cy='149' r='1.5' fill='%235a4026' opacity='0.15'/%3E%3Ccircle cx='75' cy='290' r='0.9' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='242' cy='141' r='1.8' fill='%233e2a18' opacity='0.21'/%3E%3Ccircle cx='64' cy='240' r='1.4' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='292' cy='228' r='1.0' fill='%235a4026' opacity='0.13'/%3E%3Ccircle cx='284' cy='16' r='1.5' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='21' cy='297' r='2.0' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='99' cy='164' r='1.8' fill='%235a4026' opacity='0.19'/%3E%3Ccircle cx='284' cy='165' r='1.4' fill='%237a5a36' opacity='0.10'/%3E%3Ccircle cx='240' cy='162' r='1.5' fill='%237a5a36' opacity='0.11'/%3E%3Ccircle cx='90' cy='39' r='1.8' fill='%235a4026' opacity='0.22'/%3E%3Ccircle cx='115' cy='156' r='1.1' fill='%235a4026' opacity='0.16'/%3E%3Ccircle cx='237' cy='200' r='0.7' fill='%235a4026' opacity='0.18'/%3E%3Ccircle cx='224' cy='115' r='1.2' fill='%235a4026' opacity='0.11'/%3E%3Ccircle cx='246' cy='183' r='0.9' fill='%233e2a18' opacity='0.13'/%3E%3Ccircle cx='93' cy='272' r='2.0' fill='%233e2a18' opacity='0.13'/%3E%3Ccircle cx='14' cy='286' r='1.5' fill='%233e2a18' opacity='0.19'/%3E%3Ccircle cx='20' cy='195' r='0.8' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='50' cy='286' r='0.9' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='35' cy='11' r='2.0' fill='%233e2a18' opacity='0.12'/%3E%3Ccircle cx='222' cy='293' r='0.8' fill='%237a5a36' opacity='0.22'/%3E%3Ccircle cx='74' cy='37' r='1.0' fill='%237a5a36' opacity='0.22'/%3E%3Ccircle cx='291' cy='248' r='1.0' fill='%235a4026' opacity='0.20'/%3E%3Ccircle cx='237' cy='104' r='1.6' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='256' cy='52' r='1.1' fill='%233e2a18' opacity='0.17'/%3E%3Ccircle cx='50' cy='203' r='1.7' fill='%237a5a36' opacity='0.18'/%3E%3Ccircle cx='80' cy='65' r='0.9' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='146' cy='223' r='1.2' fill='%237a5a36' opacity='0.21'/%3E%3Ccircle cx='143' cy='193' r='0.8' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='241' cy='241' r='1.1' fill='%235a4026' opacity='0.19'/%3E%3Ccircle cx='229' cy='25' r='0.9' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='154' cy='34' r='1.8' fill='%237a5a36' opacity='0.14'/%3E%3Ccircle cx='285' cy='52' r='1.4' fill='%233e2a18' opacity='0.17'/%3E%3Ccircle cx='134' cy='26' r='2.0' fill='%235a4026' opacity='0.21'/%3E%3Ccircle cx='269' cy='199' r='1.3' fill='%235a4026' opacity='0.20'/%3E%3Ccircle cx='240' cy='286' r='1.7' fill='%233e2a18' opacity='0.11'/%3E%3Ccircle cx='264' cy='54' r='1.4' fill='%235a4026' opacity='0.12'/%3E%3Ccircle cx='6' cy='277' r='0.8' fill='%237a5a36' opacity='0.11'/%3E%3Ccircle cx='243' cy='158' r='1.4' fill='%237a5a36' opacity='0.19'/%3E%3Ccircle cx='294' cy='296' r='1.1' fill='%233e2a18' opacity='0.10'/%3E%3Ccircle cx='67' cy='29' r='1.3' fill='%233e2a18' opacity='0.20'/%3E%3Ccircle cx='78' cy='133' r='0.9' fill='%235a4026' opacity='0.20'/%3E%3Ccircle cx='47' cy='94' r='1.5' fill='%237a5a36' opacity='0.13'/%3E%3Ccircle cx='290' cy='287' r='2.0' fill='%235a4026' opacity='0.18'/%3E%3Ccircle cx='212' cy='218' r='0.7' fill='%237a5a36' opacity='0.17'/%3E%3Ccircle cx='173' cy='181' r='2.0' fill='%233e2a18' opacity='0.16'/%3E%3Ccircle cx='46' cy='142' r='1.0' fill='%233e2a18' opacity='0.15'/%3E%3Ccircle cx='2' cy='114' r='1.2' fill='%233e2a18' opacity='0.17'/%3E%3Ccircle cx='115' cy='221' r='1.8' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='40' cy='254' r='1.6' fill='%237a5a36' opacity='0.16'/%3E%3Ccircle cx='142' cy='176' r='1.6' fill='%237a5a36' opacity='0.10'/%3E%3Ccircle cx='287' cy='56' r='0.7' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='128' cy='106' r='1.8' fill='%237a5a36' opacity='0.16'/%3E%3Ccircle cx='224' cy='194' r='1.5' fill='%235a4026' opacity='0.16'/%3E%3Ccircle cx='296' cy='46' r='1.6' fill='%235a4026' opacity='0.14'/%3E%3Ccircle cx='179' cy='287' r='1.7' fill='%237a5a36' opacity='0.11'/%3E%3Crect transform='translate%28-13.5 71.2%29 rotate%2822%29' x='-3.7' y='-2.3' width='7.5' height='4.5' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28286.5 71.2%29 rotate%2822%29' x='-3.7' y='-2.3' width='7.5' height='4.5' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%285.4 241.8%29 rotate%2816%29' x='-4.8' y='-1.8' width='9.7' height='3.5' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28305.4 241.8%29 rotate%2816%29' x='-4.8' y='-1.8' width='9.7' height='3.5' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28186.8 192.5%29 rotate%2888%29' x='-3.8' y='-1.5' width='7.6' height='3.0' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28255.0 239.8%29 rotate%284%29' x='-5.6' y='-2.0' width='11.1' height='4.0' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28239.9 239.8%29 rotate%28170%29' x='-4.0' y='-2.3' width='7.9' height='4.6' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%2865.0 207.8%29 rotate%2872%29' x='-5.7' y='-1.9' width='11.4' height='3.8' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%2894.1 256.8%29 rotate%2811%29' x='-5.2' y='-2.3' width='10.3' height='4.6' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28202.4 246.7%29 rotate%28153%29' x='-4.1' y='-1.5' width='8.1' height='3.1' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%2857.6 140.0%29 rotate%28103%29' x='-4.4' y='-2.4' width='8.7' height='4.8' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28182.6 176.7%29 rotate%28147%29' x='-4.9' y='-2.4' width='9.7' height='4.8' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%2889.5 154.1%29 rotate%2845%29' x='-6.1' y='-2.0' width='12.3' height='4.0' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3Crect transform='translate%28144.4 210.9%29 rotate%28113%29' x='-3.7' y='-2.1' width='7.4' height='4.3' rx='1.6' fill='%236e4f33' opacity='.2'/%3E%3C/svg%3E") 0 0 / 300px 300px, radial-gradient(1000px 700px at 20% 0%, #f6efe2 0%, transparent 60%), linear-gradient(180deg, #f2eadc 0%, #e8dcc8 55%, #dccdb4 100%) fixed; }
body.savanna { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Ccircle cx='178' cy='200' r='1.2' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='116' cy='250' r='1.0' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='146' cy='119' r='0.7' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='322' cy='248' r='1.1' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='156' cy='52' r='1.2' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='105' cy='353' r='0.9' fill='%239a7a3e' opacity='0.22'/%3E%3Ccircle cx='222' cy='274' r='1.1' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='257' cy='93' r='0.9' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='21' cy='132' r='0.6' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='306' cy='359' r='0.9' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='125' cy='23' r='0.8' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='222' cy='11' r='1.0' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='143' cy='49' r='0.9' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='247' cy='234' r='1.1' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='344' cy='133' r='0.8' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='329' cy='57' r='1.2' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='307' cy='168' r='1.0' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='256' cy='290' r='0.7' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='266' cy='86' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='205' cy='148' r='1.0' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='89' cy='38' r='0.9' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='323' cy='344' r='1.1' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='215' cy='56' r='0.9' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='179' cy='27' r='0.8' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='168' cy='335' r='1.1' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='261' cy='191' r='0.7' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='48' cy='186' r='0.9' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='72' cy='47' r='1.1' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='19' cy='124' r='1.0' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='280' cy='314' r='1.0' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='169' cy='104' r='0.7' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='234' cy='222' r='1.4' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='112' cy='250' r='1.3' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='340' cy='150' r='0.7' fill='%239a7a3e' opacity='0.17'/%3E%3Ccircle cx='281' cy='177' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='37' cy='242' r='0.9' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='182' cy='101' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='164' cy='102' r='1.1' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='32' cy='165' r='0.7' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='16' cy='300' r='1.0' fill='%239a7a3e' opacity='0.17'/%3E%3Ccircle cx='193' cy='100' r='1.0' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='128' cy='215' r='1.1' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='222' cy='283' r='1.2' fill='%239a7a3e' opacity='0.12'/%3E%3Ccircle cx='180' cy='61' r='1.3' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='159' cy='220' r='1.0' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='329' cy='20' r='0.6' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='51' cy='134' r='1.1' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='349' cy='118' r='1.4' fill='%239a7a3e' opacity='0.22'/%3E%3Ccircle cx='197' cy='290' r='0.7' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='159' cy='122' r='1.3' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='32' cy='10' r='1.2' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='229' cy='31' r='1.3' fill='%239a7a3e' opacity='0.22'/%3E%3Ccircle cx='133' cy='286' r='1.3' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='171' cy='359' r='1.4' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='198' cy='7' r='1.3' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='203' cy='83' r='0.7' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='250' cy='215' r='1.3' fill='%239a7a3e' opacity='0.12'/%3E%3Ccircle cx='2' cy='37' r='0.8' fill='%239a7a3e' opacity='0.12'/%3E%3Ccircle cx='87' cy='75' r='1.3' fill='%239a7a3e' opacity='0.17'/%3E%3Ccircle cx='72' cy='182' r='0.7' fill='%239a7a3e' opacity='0.22'/%3E%3Ccircle cx='33' cy='86' r='1.1' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='236' cy='49' r='1.1' fill='%239a7a3e' opacity='0.19'/%3E%3Ccircle cx='336' cy='230' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='252' cy='321' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='173' cy='80' r='0.8' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='323' cy='51' r='1.1' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='90' cy='127' r='1.3' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='140' cy='118' r='1.0' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='312' cy='229' r='1.3' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='293' cy='9' r='0.7' fill='%239a7a3e' opacity='0.17'/%3E%3Ccircle cx='71' cy='131' r='1.0' fill='%239a7a3e' opacity='0.17'/%3E%3Ccircle cx='276' cy='278' r='0.8' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='170' cy='160' r='1.2' fill='%239a7a3e' opacity='0.19'/%3E%3Ccircle cx='255' cy='138' r='0.7' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='91' cy='112' r='0.7' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='160' cy='346' r='1.1' fill='%239a7a3e' opacity='0.15'/%3E%3Ccircle cx='342' cy='70' r='1.1' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='344' cy='328' r='1.3' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='163' cy='179' r='1.3' fill='%239a7a3e' opacity='0.18'/%3E%3Ccircle cx='89' cy='326' r='0.9' fill='%239a7a3e' opacity='0.19'/%3E%3Ccircle cx='339' cy='278' r='0.7' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='163' cy='359' r='0.9' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='42' cy='359' r='0.9' fill='%239a7a3e' opacity='0.12'/%3E%3Ccircle cx='181' cy='345' r='0.8' fill='%239a7a3e' opacity='0.21'/%3E%3Ccircle cx='359' cy='74' r='0.8' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='36' cy='0' r='0.8' fill='%239a7a3e' opacity='0.20'/%3E%3Ccircle cx='156' cy='148' r='1.1' fill='%239a7a3e' opacity='0.13'/%3E%3Ccircle cx='280' cy='90' r='1.0' fill='%239a7a3e' opacity='0.14'/%3E%3Ccircle cx='93' cy='53' r='0.9' fill='%239a7a3e' opacity='0.16'/%3E%3Ccircle cx='35' cy='300' r='0.9' fill='%239a7a3e' opacity='0.19'/%3E%3Cpath d='M68.4 15.3 L64.8 1.6 M68.4 15.3 L57.7 3.7 M68.4 15.3 L66.8 2.2 M68.4 15.3 L75.1 4.6 M68.4 15.3 L72.8 3.5 M68.4 15.3 L64.3 4.4 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M68.4 375.3 L64.8 361.6 M68.4 375.3 L57.7 363.7 M68.4 375.3 L66.8 362.2 M68.4 375.3 L75.1 364.6 M68.4 375.3 L72.8 363.5 M68.4 375.3 L64.3 364.4 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M244.1 20.6 L244.7 7.7 M244.1 20.6 L252.8 8.2 M244.1 20.6 L241.4 9.4 M244.1 20.6 L241.0 5.7 M244.1 20.6 L239.2 13.0 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M70.7 332.3 L69.6 322.3 M70.7 332.3 L66.9 321.9 M70.7 332.3 L71.6 319.3 M70.7 332.3 L70.4 319.0 M70.7 332.3 L78.0 321.8 M70.7 332.3 L73.7 319.6 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.44'/%3E%3Cpath d='M266.9 203.2 L264.4 192.2 M266.9 203.2 L264.0 195.7 M266.9 203.2 L259.1 191.8 M266.9 203.2 L264.9 194.4 M266.9 203.2 L257.2 193.5 M266.9 203.2 L257.9 190.6 M266.9 203.2 L267.3 194.7 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.42'/%3E%3Cpath d='M115.1 223.9 L117.9 211.6 M115.1 223.9 L121.6 217.1 M115.1 223.9 L115.5 211.3 M115.1 223.9 L114.8 212.1 M115.1 223.9 L107.4 218.5 M115.1 223.9 L123.3 217.4 M115.1 223.9 L121.6 219.0 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.38'/%3E%3Cpath d='M1.7 307.7 L-0.4 298.7 M1.7 307.7 L-0.6 293.7 M1.7 307.7 L1.6 295.3 M1.7 307.7 L-5.9 299.0 M1.7 307.7 L-10.4 298.7 M1.7 307.7 L7.9 294.4 M1.7 307.7 L8.6 293.5 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.49'/%3E%3Cpath d='M361.7 307.7 L359.6 298.7 M361.7 307.7 L359.4 293.7 M361.7 307.7 L361.6 295.3 M361.7 307.7 L354.1 299.0 M361.7 307.7 L349.6 298.7 M361.7 307.7 L367.9 294.4 M361.7 307.7 L368.6 293.5 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.49'/%3E%3Cpath d='M286.9 167.0 L286.9 155.0 M286.9 167.0 L297.4 158.6 M286.9 167.0 L292.7 158.8 M286.9 167.0 L287.2 153.2 M286.9 167.0 L292.4 153.5 M286.9 167.0 L279.9 161.7 M286.9 167.0 L293.4 157.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.42'/%3E%3Cpath d='M79.4 157.7 L73.5 148.6 M79.4 157.7 L72.4 146.2 M79.4 157.7 L74.3 142.7 M79.4 157.7 L76.1 149.4 M79.4 157.7 L75.9 144.7 M79.4 157.7 L85.0 151.5 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.50'/%3E%3Cpath d='M132.9 19.0 L133.3 8.6 M132.9 19.0 L145.4 10.3 M132.9 19.0 L133.5 3.6 M132.9 19.0 L126.9 13.5 M132.9 19.0 L130.2 4.1 M132.9 19.0 L144.4 8.1 M132.9 19.0 L139.4 9.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M132.9 379.0 L133.3 368.6 M132.9 379.0 L145.4 370.3 M132.9 379.0 L133.5 363.6 M132.9 379.0 L126.9 373.5 M132.9 379.0 L130.2 364.1 M132.9 379.0 L144.4 368.1 M132.9 379.0 L139.4 369.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M277.1 272.1 L266.2 260.5 M277.1 272.1 L271.4 262.6 M277.1 272.1 L284.9 265.0 M277.1 272.1 L277.5 264.1 M277.1 272.1 L281.0 263.9 M277.1 272.1 L284.1 267.4 M277.1 272.1 L285.5 266.4 M277.1 272.1 L288.5 262.7 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.47'/%3E%3Cpath d='M5.7 116.5 L-3.6 105.0 M5.7 116.5 L-0.3 107.2 M5.7 116.5 L12.3 108.5 M5.7 116.5 L6.6 105.1 M5.7 116.5 L11.6 103.8 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M365.7 116.5 L356.4 105.0 M365.7 116.5 L359.7 107.2 M365.7 116.5 L372.3 108.5 M365.7 116.5 L366.6 105.1 M365.7 116.5 L371.6 103.8 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M289.4 79.3 L285.0 69.4 M289.4 79.3 L288.8 66.2 M289.4 79.3 L288.5 67.5 M289.4 79.3 L285.1 65.6 M289.4 79.3 L280.1 72.0 M289.4 79.3 L293.1 66.8 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.47'/%3E%3Cpath d='M6.0 41.5 L13.8 32.7 M6.0 41.5 L10.8 29.6 M6.0 41.5 L13.9 28.1 M6.0 41.5 L-0.0 32.2 M6.0 41.5 L14.0 35.2 M6.0 41.5 L0.1 28.1 M6.0 41.5 L1.5 29.6 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.48'/%3E%3Cpath d='M366.0 41.5 L373.8 32.7 M366.0 41.5 L370.8 29.6 M366.0 41.5 L373.9 28.1 M366.0 41.5 L360.0 32.2 M366.0 41.5 L374.0 35.2 M366.0 41.5 L360.1 28.1 M366.0 41.5 L361.5 29.6 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.48'/%3E%3Cpath d='M26.3 -5.6 L20.6 -12.2 M26.3 -5.6 L27.6 -19.2 M26.3 -5.6 L28.6 -19.4 M26.3 -5.6 L34.2 -14.7 M26.3 -5.6 L26.7 -18.7 M26.3 -5.6 L32.3 -19.4 M26.3 -5.6 L29.1 -16.5 M26.3 -5.6 L30.5 -19.4 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M26.3 354.4 L20.6 347.8 M26.3 354.4 L27.6 340.8 M26.3 354.4 L28.6 340.6 M26.3 354.4 L34.2 345.3 M26.3 354.4 L26.7 341.3 M26.3 354.4 L32.3 340.6 M26.3 354.4 L29.1 343.5 M26.3 354.4 L30.5 340.6 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M214.8 113.9 L206.2 101.6 M214.8 113.9 L203.2 104.5 M214.8 113.9 L209.6 104.8 M214.8 113.9 L223.0 105.9 M214.8 113.9 L216.4 105.6 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.43'/%3E%3Cpath d='M171.2 205.7 L165.4 193.9 M171.2 205.7 L179.2 200.6 M171.2 205.7 L170.7 197.2 M171.2 205.7 L162.3 197.8 M171.2 205.7 L163.3 193.6 M171.2 205.7 L173.3 197.4 M171.2 205.7 L165.2 197.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.41'/%3E%3Cpath d='M98.4 127.0 L105.7 116.1 M98.4 127.0 L88.6 119.1 M98.4 127.0 L98.8 113.9 M98.4 127.0 L89.5 119.1 M98.4 127.0 L100.4 114.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.36'/%3E%3Cpath d='M136.8 43.7 L141.9 34.0 M136.8 43.7 L133.4 29.4 M136.8 43.7 L140.3 35.8 M136.8 43.7 L136.3 33.0 M136.8 43.7 L131.0 32.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.42'/%3E%3Cpath d='M83.3 191.2 L76.5 183.1 M83.3 191.2 L74.7 182.9 M83.3 191.2 L73.4 182.4 M83.3 191.2 L96.5 182.4 M83.3 191.2 L93.5 180.5 M83.3 191.2 L81.5 183.4 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.39'/%3E%3Cpath d='M110.5 124.1 L106.3 110.2 M110.5 124.1 L111.2 113.6 M110.5 124.1 L113.9 111.0 M110.5 124.1 L119.3 114.2 M110.5 124.1 L114.1 115.3 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.44'/%3E%3Cpath d='M308.1 199.7 L310.2 187.0 M308.1 199.7 L314.8 187.1 M308.1 199.7 L311.8 191.5 M308.1 199.7 L312.3 191.6 M308.1 199.7 L300.5 194.7 M308.1 199.7 L302.0 191.3 M308.1 199.7 L306.4 189.2 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3Cpath d='M315.4 118.0 L321.2 106.4 M315.4 118.0 L319.2 104.8 M315.4 118.0 L315.3 103.0 M315.4 118.0 L321.7 110.8 M315.4 118.0 L319.5 109.4 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.43'/%3E%3Cpath d='M158.4 143.1 L145.4 134.1 M158.4 143.1 L164.8 136.5 M158.4 143.1 L157.7 128.9 M158.4 143.1 L151.2 135.9 M158.4 143.1 L167.1 134.9 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.43'/%3E%3Cpath d='M289.1 222.1 L292.3 214.8 M289.1 222.1 L282.3 208.1 M289.1 222.1 L294.7 215.4 M289.1 222.1 L294.0 207.0 M289.1 222.1 L298.8 210.5 M289.1 222.1 L280.1 211.2 M289.1 222.1 L291.3 213.8 M289.1 222.1 L282.2 208.7 ' stroke='%23b8964a' stroke-width='1.3' stroke-linecap='round' fill='none' opacity='0.38'/%3E%3C/svg%3E") 0 0 / 360px 360px, radial-gradient(1000px 640px at 80% -8%, #ffe4a0 0%, transparent 62%), linear-gradient(180deg, #faf1dc 0%, #f1e2bd 55%, #e8d4a2 100%) fixed; }
body.rainforest { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg transform='translate%2831.4 321.7%29 rotate%28350%29 scale%281.05%29' opacity='0.18'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%239a7a2e'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28261.1 386.2%29 rotate%2873%29 scale%280.82%29' opacity='0.17'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%2866.4 76.1%29 rotate%28246%29 scale%281.09%29' opacity='0.18'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28370.3 5.3%29 rotate%28234%29 scale%281.34%29' opacity='0.24'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28370.3 425.3%29 rotate%28234%29 scale%281.34%29' opacity='0.24'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28-11.1 218.1%29 rotate%28253%29 scale%281.07%29' opacity='0.21'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28408.9 218.1%29 rotate%28253%29 scale%281.07%29' opacity='0.21'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28-5.6 163.3%29 rotate%2815%29 scale%281.01%29' opacity='0.20'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%233f7a34'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28414.4 163.3%29 rotate%2815%29 scale%281.01%29' opacity='0.20'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%233f7a34'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28380.7 250.2%29 rotate%28159%29 scale%280.94%29' opacity='0.20'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28366.4 255.3%29 rotate%28265%29 scale%281.06%29' opacity='0.23'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%233f7a34'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28108.7 335.4%29 rotate%28180%29 scale%281.24%29' opacity='0.19'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%239a7a2e'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28290.8 -20.6%29 rotate%28154%29 scale%281.13%29' opacity='0.15'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%233f7a34'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28290.8 399.4%29 rotate%28154%29 scale%281.13%29' opacity='0.15'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%233f7a34'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28-16.3 160.3%29 rotate%28355%29 scale%281.33%29' opacity='0.19'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28403.7 160.3%29 rotate%28355%29 scale%281.33%29' opacity='0.19'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%236a9a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28358.6 103.1%29 rotate%2835%29 scale%281.28%29' opacity='0.20'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%238a8a2e'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%28300.5 285.7%29 rotate%28290%29 scale%281.28%29' opacity='0.14'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%238a8a2e'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate%2841.9 113.6%29 rotate%28181%29 scale%280.95%29' opacity='0.15'%3E%3Cpath d='M0 -14 C9 -9 10 5 0 14 C-10 5 -9 -9 0 -14Z' fill='%234f8a3a'/%3E%3Cpath d='M0 -13 L0 17' stroke='%232e5a22' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 420px 420px, radial-gradient(900px 600px at 78% -10%, #f4f6c2 0%, transparent 58%), linear-gradient(180deg, #edf4e2 0%, #dcebcd 55%, #cde0ba 100%) fixed; }
body.desert { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Ccircle cx='246' cy='35' r='0.6' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='118' cy='329' r='1.1' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='149' cy='298' r='1.0' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='116' cy='197' r='0.9' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='141' cy='149' r='0.6' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='112' cy='250' r='1.0' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='261' cy='294' r='0.6' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='224' cy='24' r='1.2' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='134' cy='15' r='0.6' fill='%23a8803c' opacity='0.12'/%3E%3Ccircle cx='90' cy='88' r='0.6' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='289' cy='253' r='1.0' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='187' cy='12' r='0.6' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='143' cy='234' r='1.2' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='176' cy='232' r='0.9' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='67' cy='292' r='1.2' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='98' cy='175' r='0.8' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='23' cy='127' r='1.1' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='20' cy='285' r='1.1' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='248' cy='178' r='0.7' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='298' cy='346' r='0.8' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='224' cy='160' r='0.5' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='181' cy='21' r='1.2' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='71' cy='219' r='0.9' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='45' cy='334' r='1.3' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='324' cy='23' r='1.0' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='252' cy='272' r='1.1' fill='%23a8803c' opacity='0.24'/%3E%3Ccircle cx='175' cy='208' r='0.9' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='44' cy='139' r='0.7' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='86' cy='295' r='1.1' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='104' cy='252' r='0.6' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='100' cy='40' r='1.2' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='343' cy='211' r='0.9' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='206' cy='4' r='0.9' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='197' cy='342' r='1.1' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='238' cy='189' r='1.3' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='260' cy='54' r='1.2' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='213' cy='356' r='0.9' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='110' cy='144' r='1.3' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='70' cy='130' r='1.1' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='107' cy='53' r='0.7' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='333' cy='242' r='1.2' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='134' cy='235' r='1.1' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='272' cy='92' r='0.5' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='70' cy='324' r='0.7' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='51' cy='238' r='0.6' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='128' cy='350' r='0.7' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='106' cy='60' r='0.9' fill='%23a8803c' opacity='0.24'/%3E%3Ccircle cx='159' cy='58' r='0.7' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='282' cy='36' r='0.7' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='39' cy='48' r='0.9' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='226' cy='290' r='1.0' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='290' cy='339' r='0.5' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='14' cy='39' r='1.0' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='104' cy='339' r='1.1' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='300' cy='35' r='0.7' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='337' cy='5' r='1.1' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='95' cy='163' r='1.3' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='40' cy='263' r='0.6' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='135' cy='25' r='1.1' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='26' cy='30' r='1.1' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='217' cy='3' r='1.0' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='69' cy='125' r='0.9' fill='%23a8803c' opacity='0.24'/%3E%3Ccircle cx='42' cy='250' r='1.0' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='353' cy='194' r='0.6' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='83' cy='246' r='0.7' fill='%23a8803c' opacity='0.12'/%3E%3Ccircle cx='41' cy='163' r='0.8' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='87' cy='84' r='1.2' fill='%23a8803c' opacity='0.20'/%3E%3Ccircle cx='325' cy='141' r='1.1' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='133' cy='287' r='1.0' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='6' cy='153' r='0.8' fill='%23a8803c' opacity='0.24'/%3E%3Ccircle cx='170' cy='12' r='0.8' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='24' cy='268' r='1.1' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='129' cy='24' r='0.7' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='234' cy='235' r='0.8' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='347' cy='4' r='0.8' fill='%23a8803c' opacity='0.24'/%3E%3Ccircle cx='85' cy='342' r='0.7' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='53' cy='337' r='0.9' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='205' cy='291' r='0.6' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='224' cy='342' r='0.7' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='208' cy='204' r='0.8' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='356' cy='320' r='1.0' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='216' cy='159' r='1.1' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='252' cy='187' r='1.1' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='117' cy='201' r='0.8' fill='%23a8803c' opacity='0.12'/%3E%3Ccircle cx='71' cy='141' r='0.9' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='153' cy='327' r='1.2' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='218' cy='248' r='0.7' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='300' cy='136' r='0.7' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='39' cy='212' r='0.9' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='197' cy='165' r='0.9' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='109' cy='114' r='1.1' fill='%23a8803c' opacity='0.19'/%3E%3Ccircle cx='196' cy='227' r='0.7' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='212' cy='225' r='1.2' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='97' cy='338' r='0.7' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='301' cy='313' r='1.3' fill='%23a8803c' opacity='0.23'/%3E%3Ccircle cx='100' cy='205' r='0.9' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='10' cy='28' r='0.8' fill='%23a8803c' opacity='0.13'/%3E%3Ccircle cx='75' cy='252' r='0.5' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='64' cy='324' r='0.8' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='315' cy='252' r='0.8' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='233' cy='215' r='0.9' fill='%23a8803c' opacity='0.18'/%3E%3Ccircle cx='126' cy='202' r='0.9' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='25' cy='186' r='0.5' fill='%23a8803c' opacity='0.15'/%3E%3Ccircle cx='305' cy='38' r='0.6' fill='%23a8803c' opacity='0.16'/%3E%3Ccircle cx='109' cy='101' r='1.1' fill='%23a8803c' opacity='0.22'/%3E%3Ccircle cx='308' cy='93' r='0.7' fill='%23a8803c' opacity='0.14'/%3E%3Ccircle cx='210' cy='288' r='1.1' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='340' cy='176' r='1.0' fill='%23a8803c' opacity='0.17'/%3E%3Ccircle cx='21' cy='46' r='0.8' fill='%23a8803c' opacity='0.21'/%3E%3Ccircle cx='333' cy='230' r='0.8' fill='%23a8803c' opacity='0.17'/%3E%3Cg transform='translate%28282 187%29 rotate%2826%29'%3E%3Cpath d='M0 0 Q7 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q7 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28-2 166%29 rotate%282%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28358 166%29 rotate%282%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28143 303%29 rotate%289%29'%3E%3Cpath d='M0 0 Q11 -5 22 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q11 -2.6 22 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28-19 103%29 rotate%28-0%29'%3E%3Cpath d='M0 0 Q7 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q7 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28341 103%29 rotate%28-0%29'%3E%3Cpath d='M0 0 Q7 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q7 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28111 170%29 rotate%28-15%29'%3E%3Cpath d='M0 0 Q11 -5 22 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q11 -2.6 22 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28-32 301%29 rotate%2829%29'%3E%3Cpath d='M0 0 Q8 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q8 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28328 301%29 rotate%2829%29'%3E%3Cpath d='M0 0 Q8 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q8 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2825 244%29 rotate%28-17%29'%3E%3Cpath d='M0 0 Q11 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q11 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28385 244%29 rotate%28-17%29'%3E%3Cpath d='M0 0 Q11 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q11 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28306 -8%29 rotate%28-9%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28306 352%29 rotate%28-9%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28152 117%29 rotate%289%29'%3E%3Cpath d='M0 0 Q7 -5 15 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q7 -2.6 15 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28106 189%29 rotate%2821%29'%3E%3Cpath d='M0 0 Q13 -5 26 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q13 -2.6 26 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2882 93%29 rotate%2820%29'%3E%3Cpath d='M0 0 Q13 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q13 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2812 99%29 rotate%286%29'%3E%3Cpath d='M0 0 Q13 -5 26 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q13 -2.6 26 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28372 99%29 rotate%286%29'%3E%3Cpath d='M0 0 Q13 -5 26 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q13 -2.6 26 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28106 96%29 rotate%283%29'%3E%3Cpath d='M0 0 Q12 -5 24 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q12 -2.6 24 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28-6 191%29 rotate%2815%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28354 191%29 rotate%2815%29'%3E%3Cpath d='M0 0 Q10 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28239 178%29 rotate%28-19%29'%3E%3Cpath d='M0 0 Q15 -5 29 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q15 -2.6 29 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28199 78%29 rotate%28-3%29'%3E%3Cpath d='M0 0 Q11 -5 21 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q11 -2.6 21 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2884 241%29 rotate%2823%29'%3E%3Cpath d='M0 0 Q8 -5 17 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q8 -2.6 17 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28190 32%29 rotate%28-12%29'%3E%3Cpath d='M0 0 Q14 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28190 392%29 rotate%28-12%29'%3E%3Cpath d='M0 0 Q14 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28179 -30%29 rotate%280%29'%3E%3Cpath d='M0 0 Q14 -5 28 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 28 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28179 330%29 rotate%280%29'%3E%3Cpath d='M0 0 Q14 -5 28 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 28 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2891 121%29 rotate%28-2%29'%3E%3Cpath d='M0 0 Q10 -5 20 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q10 -2.6 20 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28265 117%29 rotate%2823%29'%3E%3Cpath d='M0 0 Q12 -5 24 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q12 -2.6 24 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28232 82%29 rotate%2810%29'%3E%3Cpath d='M0 0 Q9 -5 18 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q9 -2.6 18 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%2899 293%29 rotate%28-5%29'%3E%3Cpath d='M0 0 Q14 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28297 293%29 rotate%280%29'%3E%3Cpath d='M0 0 Q14 -5 28 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 28 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28288 -17%29 rotate%28-18%29'%3E%3Cpath d='M0 0 Q14 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28288 343%29 rotate%28-18%29'%3E%3Cpath d='M0 0 Q14 -5 27 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q14 -2.6 27 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28208 -22%29 rotate%2813%29'%3E%3Cpath d='M0 0 Q8 -5 17 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q8 -2.6 17 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg transform='translate%28208 338%29 rotate%2813%29'%3E%3Cpath d='M0 0 Q8 -5 17 0' stroke='%23b48a44' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.3'/%3E%3Cpath d='M0 2.4 Q8 -2.6 17 2.4' stroke='%23fff6dc' stroke-width='1.1' fill='none' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 360px 360px, radial-gradient(1000px 640px at 80% -8%, #fff0b4 0%, transparent 62%), linear-gradient(180deg, #fbefd6 0%, #f4dfb4 55%, #ecd09a 100%) fixed; }
html.water:has(body.afriver) { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg transform='translate%28106 191%29 rotate%282%29'%3E%3Cpath d='M0 0 Q8 -3.4 15 0 T31 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 15 3 T29 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28223 185%29 rotate%281%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2842 97%29 rotate%288%29'%3E%3Cpath d='M0 0 Q5 -3.4 9 0 T19 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 9 3 T17 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28422 97%29 rotate%288%29'%3E%3Cpath d='M0 0 Q5 -3.4 9 0 T19 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 9 3 T17 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28134 160%29 rotate%281%29'%3E%3Cpath d='M0 0 Q8 -3.4 15 0 T30 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 15 3 T28 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28325 -24%29 rotate%282%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28325 356%29 rotate%282%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28-47 325%29 rotate%28-1%29'%3E%3Cpath d='M0 0 Q10 -3.4 20 0 T40 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q10 -0.4 20 3 T38 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28333 325%29 rotate%28-1%29'%3E%3Cpath d='M0 0 Q10 -3.4 20 0 T40 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q10 -0.4 20 3 T38 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28-44 -19%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28-44 361%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28336 -19%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28336 361%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T24 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T22 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28305 103%29 rotate%28-6%29'%3E%3Cpath d='M0 0 Q5 -3.4 10 0 T19 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 10 3 T17 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28290 90%29 rotate%28-9%29'%3E%3Cpath d='M0 0 Q9 -3.4 18 0 T35 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q9 -0.4 18 3 T33 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2832 298%29 rotate%28-12%29'%3E%3Cpath d='M0 0 Q11 -3.4 23 0 T45 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q11 -0.4 23 3 T43 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28412 298%29 rotate%28-12%29'%3E%3Cpath d='M0 0 Q11 -3.4 23 0 T45 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q11 -0.4 23 3 T43 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2850 54%29 rotate%28-1%29'%3E%3Cpath d='M0 0 Q10 -3.4 20 0 T39 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q10 -0.4 20 3 T37 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28185 269%29 rotate%28-7%29'%3E%3Cpath d='M0 0 Q11 -3.4 21 0 T42 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q11 -0.4 21 3 T40 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2877 156%29 rotate%288%29'%3E%3Cpath d='M0 0 Q7 -3.4 14 0 T29 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q7 -0.4 14 3 T27 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2822 273%29 rotate%28-11%29'%3E%3Cpath d='M0 0 Q7 -3.4 15 0 T29 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q7 -0.4 15 3 T27 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28402 273%29 rotate%28-11%29'%3E%3Cpath d='M0 0 Q7 -3.4 15 0 T29 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q7 -0.4 15 3 T27 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28130 186%29 rotate%28-10%29'%3E%3Cpath d='M0 0 Q11 -3.4 22 0 T44 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q11 -0.4 22 3 T42 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28309 208%29 rotate%28-6%29'%3E%3Cpath d='M0 0 Q7 -3.4 14 0 T29 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q7 -0.4 14 3 T27 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2898 155%29 rotate%28-0%29'%3E%3Cpath d='M0 0 Q10 -3.4 19 0 T39 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q10 -0.4 19 3 T37 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2836 -25%29 rotate%2811%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T33 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T31 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2836 355%29 rotate%2811%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T33 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T31 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28416 -25%29 rotate%2811%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T33 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T31 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28416 355%29 rotate%2811%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T33 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T31 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28208 34%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q5 -3.4 10 0 T19 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 10 3 T17 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28208 414%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q5 -3.4 10 0 T19 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 10 3 T17 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2842 275%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q9 -3.4 19 0 T37 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q9 -0.4 19 3 T35 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28422 275%29 rotate%28-8%29'%3E%3Cpath d='M0 0 Q9 -3.4 19 0 T37 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q9 -0.4 19 3 T35 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28296 158%29 rotate%285%29'%3E%3Cpath d='M0 0 Q9 -3.4 17 0 T35 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q9 -0.4 17 3 T33 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28235 224%29 rotate%284%29'%3E%3Cpath d='M0 0 Q6 -3.4 11 0 T22 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 11 3 T20 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28-2 78%29 rotate%28-10%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T25 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T23 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28378 78%29 rotate%28-10%29'%3E%3Cpath d='M0 0 Q6 -3.4 12 0 T25 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 12 3 T23 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28311 -8%29 rotate%2814%29'%3E%3Cpath d='M0 0 Q5 -3.4 11 0 T22 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 11 3 T20 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28311 372%29 rotate%2814%29'%3E%3Cpath d='M0 0 Q5 -3.4 11 0 T22 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 11 3 T20 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28146 286%29 rotate%28-11%29'%3E%3Cpath d='M0 0 Q7 -3.4 15 0 T30 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q7 -0.4 15 3 T28 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28215 104%29 rotate%28-6%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T31 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T29 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2851 -40%29 rotate%28-1%29'%3E%3Cpath d='M0 0 Q6 -3.4 11 0 T23 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 11 3 T21 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%2851 340%29 rotate%28-1%29'%3E%3Cpath d='M0 0 Q6 -3.4 11 0 T23 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q6 -0.4 11 3 T21 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28188 138%29 rotate%284%29'%3E%3Cpath d='M0 0 Q5 -3.4 10 0 T20 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q5 -0.4 10 3 T18 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28140 26%29 rotate%283%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T32 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T30 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28140 406%29 rotate%283%29'%3E%3Cpath d='M0 0 Q8 -3.4 16 0 T32 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q8 -0.4 16 3 T30 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3Cg transform='translate%28301 240%29 rotate%281%29'%3E%3Cpath d='M0 0 Q9 -3.4 18 0 T36 0' stroke='%23ffffff' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M2 3 Q9 -0.4 18 3 T34 3' stroke='%237a8a5a' stroke-width='1' fill='none' stroke-linecap='round' opacity='.22'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 380px 380px, linear-gradient(180deg, #e9ead0 0%, #d6dcba 45%, #c3cfa6 100%) fixed; }
/* ---------- ground textures (end) ---------- */

/* ---------- the row of places under the site name: labelled, and each one a button, so nobody misses that there are more ---------- */
.site-head__lab { flex: none; align-self: center; font: 500 .66rem var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--red); white-space: nowrap; padding: 0 4px 0 2px; }
.site-head nav.site-head__secs { gap: 6px; }
.site-head nav.site-head__secs a:not(.site-head__back) { border: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 60%, transparent); }
.site-head nav.site-head__secs a:not(.site-head__back):hover { border-color: var(--red); color: var(--red); background: color-mix(in srgb, var(--bg) 60%, transparent); }
.site-head nav.site-head__secs a[aria-current="page"], .site-head nav.site-head__secs a[aria-current="page"]:hover { border-color: var(--ink); background: var(--ink); color: var(--bg); }
/* "Where next?" at the foot of a place page */
.fp--next { padding-top: 10px; }
.fp--next .fp-next__k { text-align: center; font: 500 .7rem var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin: 0 0 6px; }
.fp--next .fp-next__all { text-align: center; margin: 22px 0 0; }

/* Pets have no season: hide the "about now" tag that the seasons script adds */
.season-tag, .ap-season { display: none !important; }