:root {
  --world-sky:#dcebed;
  --world-sky-deep:#a9cbd1;
  --world-sky-soft:#edf4f2;
  --world-cream:#fdf9ef;
  --world-paper:#fdfbf5;
  --world-paper-deep:#f7f2e7;
  --world-pine:#203f43;
  --world-teal:#426f76;
  --world-coral:#a86654;
  --world-clay:#986452;
  --world-blue:#607f8b;
  --world-sage:#dce5d8;
  --world-ochre:#b7833d;
  --world-plum:#71586b;
  --world-slate:#53686b;
  --world-line:rgba(43,76,78,.22);
  --world-rail-height:56px;
}

html.joycotter-worldboard{
  --world-structure-green:#173f3b;
  --world-structure-mid:#244a47;
  --world-structure-highlight:#315854;
  overflow-x:clip;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--world-rail-height) + 12px);
  scroll-snap-type:none;
  background:var(--world-paper);
}
.joycotter-worldboard body{min-width:320px;overflow-x:clip;background:var(--world-paper);color:var(--world-pine)}
.joycotter-worldboard button,.joycotter-worldboard input,.joycotter-worldboard select,.joycotter-worldboard textarea{font:inherit}

/* One stable utility rail. Its geometry never changes with scroll position. */
.home-world-rail{
  position:sticky;
  z-index:900;
  top:0;
  height:var(--world-rail-height);
  min-height:var(--world-rail-height);
  overflow:visible;
  border:0;
  border-bottom:1px solid rgba(52,91,105,.08);
  background-color:rgba(246,241,223,.97);
  box-shadow:none;
  color:var(--world-pine);
}
.home-utility-layout{
  position:relative;
  z-index:2;
  display:flex;
  box-sizing:border-box;
  width:min(1392px,calc(100% - 48px));
  height:var(--world-rail-height);
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:auto;
}
.home-utility-brand{display:inline-flex;min-width:0;align-items:center;gap:.6rem;color:var(--world-pine);text-decoration:none}
.home-utility-brand .brand-tile{
  display:grid;
  width:32px;
  height:32px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(8,68,85,.28);
  border-radius:10px;
  background:rgba(255,255,255,.96);
  color:#0c5d68;
  box-shadow:0 2px 0 rgba(8,68,85,.12);
  font:820 .82rem/1 var(--font-sans,system-ui,sans-serif);
  letter-spacing:-.04em;
  transform:rotate(-4deg);
}
.home-utility-brand .brand-word{color:var(--world-pine);font-size:1.08rem;font-weight:780;letter-spacing:-.045em}
.home-sky-utility{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.4rem}
.home-review-issues-link{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;text-decoration:none;white-space:nowrap}
.home-review-issues-link[hidden]{display:none!important}
.home-player-marker,.home-beans-state{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(4,63,80,.32);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#0d4e55;
  box-shadow:0 1px 0 rgba(6,65,75,.1);
  font-size:.7rem;
  font-weight:760;
  text-decoration:none;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.home-player-marker{min-width:86px;gap:.4rem;padding:.3rem .66rem;white-space:nowrap}
.home-player-initials{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:50%;background:#0b725f;color:#fffdf7;font-size:.59rem;letter-spacing:.04em}
.home-beans-state{min-width:72px;gap:.28rem;padding:.45rem .62rem}
.home-beans-state>span{font-size:.6rem;font-weight:680}
.home-beans-state[hidden],.home-player-initials[hidden]{display:none}
.home-beans-state i,.home-card-earned i,.home-bonus-beans i{position:relative;display:block;width:.66rem;height:.82rem;border:1px solid #744528;border-radius:68% 32% 62% 38%/45% 62% 38% 55%;background:#b77546;box-shadow:inset -2px 0 0 rgba(91,48,27,.22);transform:rotate(-24deg)}
.home-beans-state i::after,.home-card-earned i::after,.home-bonus-beans i::after{position:absolute;top:19%;left:44%;width:31%;height:51%;border-left:1px solid rgba(92,48,27,.7);border-radius:50%;content:""}
.home-player-marker:hover,.home-beans-state:hover{transform:translateY(-1px);border-color:#096d60;background:#fffdf7;box-shadow:0 3px 8px rgba(6,83,80,.11)}
.joycotter-worldboard :focus-visible{outline:3px solid #8a351f;outline-offset:3px}

/* The introduction is ordinary document content inside the same sky. */
.home-intro-sky{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid rgba(42,88,83,.12);
  background:linear-gradient(180deg,rgba(236,246,246,.72),rgba(252,253,251,.08));
}
.home-intro-layout{
  position:relative;
  z-index:2;
  display:grid;
  width:min(1392px,calc(100% - 48px));
  min-height:120px;
  grid-template-columns:minmax(0,820px) auto;
  grid-template-areas:"tag action" "title action" "copy action" "definition action";
  align-content:center;
  align-items:center;
  gap:.18rem clamp(1.5rem,4vw,4rem);
  margin:auto;
  padding:8px 0 9px;
}
.home-intro-tagline{grid-area:tag;margin:0;color:#476962;font-size:clamp(.82rem,1.05vw,.95rem);font-weight:720;line-height:1.2}
.home-intro-tagline em{color:#8f3f31;font-style:normal}
.home-intro-layout h1{grid-area:title;margin:.08rem 0 0;color:#173f3d;font:725 clamp(2.15rem,3.45vw,3.35rem)/.96 var(--font-sans,system-ui,sans-serif);letter-spacing:-.058em;text-wrap:balance}
.home-intro-copy{grid-area:copy;max-width:76ch;margin:.32rem 0 0;color:#355d56;font-size:clamp(.75rem,.93vw,.88rem);font-weight:540;line-height:1.42}
.home-intro-layout .home-intro-definition{grid-area:definition;display:flex;align-items:baseline;gap:.34rem;margin:.48rem 0 0;color:#355d56;font-size:clamp(.86rem,1.05vw,1rem);font-weight:650;line-height:1.35}
.home-intro-definition .home-joycott-contrast{position:relative;display:inline-block;min-width:0;align-self:baseline;padding-top:1.22em;font-size:1.34em;line-height:1}
.home-intro-definition .home-joycott-contrast-art{display:inline-flex;align-items:flex-end;color:#173f3d;font-weight:820;line-height:1;letter-spacing:-.035em}
.home-intro-definition .home-joycott-swap{position:relative;display:inline-block;margin-right:.02em}
.home-intro-definition .home-joycott-joy,.home-intro-definition .home-joycott-boy{grid-area:1/1}
.home-intro-definition .home-joycott-joy{position:absolute;bottom:calc(100% - .03em);left:.48em;color:#b94b40;font-size:1.08em;transform:rotate(-4deg)}
.home-intro-definition .home-joycott-boy{text-decoration:none}
.home-intro-trigger{
  grid-area:action;
  min-height:44px;
  border:0;
  border-radius:0;
  background:transparent;
  padding:.55rem 0;
  color:#0d4e55;
  font-size:.68rem;
  font-weight:760;
  text-decoration:underline;
  text-decoration-color:rgba(13,78,85,.34);
  text-decoration-thickness:1px;
  text-underline-offset:.28em;
  white-space:nowrap;
  cursor:pointer;
  justify-self:end;
}
.home-intro-trigger>span{font-size:.68rem}
.home-intro-trigger:hover{background:transparent;color:#096d60;text-decoration-color:currentColor}
.home-intro-trigger:focus-visible{outline:3px solid rgba(9,109,96,.34);outline-offset:3px}
/* A continuous sky becomes terrain gradually lower in the page. */
.page-family--home{
  position:relative;
  overflow-x:clip;
  background-color:transparent;
  background-image:
    radial-gradient(ellipse at 15% 2%,rgba(167,207,216,.22),transparent 28rem),
    radial-gradient(ellipse at 88% 88%,rgba(148,187,143,.18),transparent 38rem);
  background-size:auto;
}
.home-world-horizon{display:none}
.home-world-horizon::before,.home-world-horizon::after,.home-world-horizon span{position:absolute;right:0;left:0;content:""}
.home-world-horizon::before{bottom:8rem;height:17rem;background:#91bf9a;clip-path:polygon(0 78%,10% 59%,21% 72%,34% 49%,47% 71%,61% 51%,74% 70%,88% 53%,100% 68%,100% 100%,0 100%)}
.home-world-horizon::after{bottom:0;height:15rem;background:#6f9f7d;clip-path:polygon(0 46%,13% 60%,27% 43%,41% 62%,56% 47%,70% 64%,85% 45%,100% 58%,100% 100%,0 100%)}
.home-world-horizon span{bottom:0;left:49%;width:18%;height:18rem;background:linear-gradient(180deg,rgba(255,242,184,.38),rgba(226,199,131,.48));clip-path:polygon(44% 0,57% 0,82% 100%,12% 100%);opacity:.62}
/* One lifetime-Beans marker across card families. */
.home-card-earned{display:inline-flex;min-height:27px;align-items:center;gap:.28rem;border:1px solid rgba(105,71,40,.26);border-radius:999px;background:rgba(255,249,226,.94);padding:.25rem .42rem;color:#5c3d25;font-size:.58rem;font-weight:850}.home-card-earned[hidden]{display:none}
.home-object-actions{display:flex;align-items:center;gap:.28rem}.home-object-actions>button{display:grid;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;place-items:center;border:1px solid #9fb2ab;border-radius:50%;background:#fff;color:#173f43;cursor:pointer}.home-object-actions>button[hidden]{display:none}.home-object-actions>button:first-of-type{border-color:#173f43;background:#173f43;color:#fff}.home-object-actions>button:hover{transform:translateY(-1px)}.home-object-actions>button:focus-visible{outline:3px solid #8a351f;outline-offset:2px}.home-object-actions svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-object-state{display:inline-flex;min-height:27px;align-items:center;border:1px solid rgba(21,99,79,.3);border-radius:999px;background:#e5f2e9;padding:.25rem .45rem;color:#155f50;font-size:.56rem;font-weight:850}.home-object-state[hidden]{display:none}.home-object-state[data-home-object-state="under-review"]{border-color:rgba(159,107,43,.34);background:#fff0cd;color:#74501e}.home-object-state[data-home-object-state="verified"]{border-color:rgba(21,112,79,.4);background:#dcefe3;color:#0c6348}
/* Shared inspector content. */
.workbench-content{max-width:700px;margin:auto;color:var(--world-pine)}.workbench-content>p,.workbench-content section>p{font-size:.96rem;line-height:1.62}.workbench-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}.workbench-actions a,.workbench-actions button{min-height:42px;border:1px solid #9eb4ac;border-radius:999px;background:#fff;padding:.64rem .9rem;color:#245a4b;font-size:.75rem;font-weight:760;text-decoration:none;cursor:pointer}.home-bonus-workbench .workbench-actions button:disabled{display:none}.home-intro-premise{font-size:1.08rem}.home-intro-workbench .home-hero-map{display:flex;flex-wrap:wrap;gap:.45rem}.home-campaign-workbench>img{display:block;width:min(360px,100%);margin:0 auto 1rem;border-radius:12px}.cash-points-explanation{margin:1rem 0;border:1px solid #b9cfc6;border-radius:12px;background:#eff7f1;padding:1rem}.home-bonus-panel-mission{margin:0 0 1rem;border:1px solid #c9d7d1;border-radius:12px;background:#fffaf0;padding:1rem}.home-bonus-panel-mission h3{margin:0 0 .4rem;font-size:1.05rem}.home-bonus-panel-mission p{margin:.35rem 0}.home-bonus-panel-time{color:#526a63;font-size:.78rem!important}.workbench-bonus-points{margin:1rem 0;font-size:1.2rem}.home-bonus-review-note{color:#5b6d67;font-size:.78rem}
.home-idea-detail-stats{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.home-idea-detail-stats>span{display:grid;min-width:92px;gap:.18rem;border:1px solid rgba(50,88,77,.2);border-radius:10px;background:#eff5ef;padding:.65rem .75rem}.home-idea-detail-stats small{color:#63736e;font-size:.61rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.home-idea-detail .home-object-actions--labeled{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.home-idea-detail .home-object-actions--labeled>button{display:inline-flex;min-height:42px;align-items:center;gap:.4rem;border:1px solid #9bb3ab;border-radius:999px;background:#fff;padding:.65rem .9rem;color:#245a4b;font-size:.75rem;font-weight:750}.home-idea-detail .home-object-actions--labeled svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.home-bonus-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 1.25rem;padding:0;list-style:none}.home-bonus-sequence li{position:relative;display:grid;justify-items:center;gap:.32rem;color:#72827d;font-size:.65rem;text-align:center}.home-bonus-sequence li+li::before{position:absolute;top:14px;right:50%;left:-50%;height:2px;background:#ccd8d3;content:""}.home-bonus-sequence span{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border:2px solid #b9c9c3;border-radius:50%;background:#fffdf8;font-weight:850}.home-bonus-sequence .is-complete span,.home-bonus-sequence .is-current span{border-color:#16735c;background:#16735c;color:#fff}.home-bonus-sequence .is-complete+li::before,.home-bonus-sequence .is-current::before{background:#62a88f}.home-bonus-sequence .is-current strong{color:#145b4b}.home-bonus-sequence .is-optional{opacity:.66}.home-bonus-sequence .is-optional strong::after{display:block;margin-top:.08rem;font-size:.54rem;font-weight:650;content:"optional"}.home-bonus-evidence-guide{margin:1.2rem 0;border:1px solid #c9d7d1;border-radius:12px;background:#f2f7f2;padding:1rem}.home-bonus-evidence-guide h3{margin:0 0 .45rem;font-size:1.05rem}.home-bonus-evidence-guide p,.home-bonus-evidence-guide li{font-size:.82rem;line-height:1.5}.home-bonus-evidence-guide ul{padding-left:1.2rem}.home-reach-evidence-guide{border-color:#d6c7a8;background:#fff8e9}.home-reach-evidence-guide p:last-child{margin-bottom:0;color:#4d675f;font-weight:700}
.home-player-playing{font-size:1.1rem}.home-player-workbench form{display:grid;gap:1rem;margin:1.1rem 0}.home-player-name-field{display:grid;gap:.4rem;color:#315a51;font-size:.76rem;font-weight:800}.home-player-name-field input{min-height:46px;border:1px solid #a7bbb3;border-radius:9px;background:#fff;padding:.68rem .75rem;color:#183f3b;font-size:1rem}.home-player-workbench form>button{width:max-content;min-height:42px;border:1px solid #0d6757;border-radius:9px;background:#0e735e;padding:.55rem .82rem;color:#fff;font-size:.74rem;font-weight:800;cursor:pointer}.home-player-workbench form>p{min-height:1em;margin:0;color:#527068;font-size:.7rem}.home-player-private{display:grid;gap:.25rem;border-block:1px solid #d7dfdc;padding:1rem 0}.home-player-private small{color:#64766f;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-player-private strong{font-size:.82rem}.home-player-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:1rem 0}.home-player-links a{color:#175f50;font-size:.75rem;font-weight:750}.home-player-signout{min-height:44px;border:1px solid #a8b9b3;border-radius:999px;background:#fff;padding:.5rem .8rem;color:#365a52;font-size:.72rem;font-weight:760;cursor:pointer}
.home-object-actions>button{width:44px;height:44px;flex-basis:44px}
.workbench-actions a,.workbench-actions button,.home-idea-detail .home-object-actions--labeled>button,.home-player-workbench form>button{min-height:44px}

/* Shared About material, compacted for the 640px introduction inspector. */
.home-intro-workbench>.zip-about-mechanism{margin:0 0 1.2rem;background:transparent}
.home-intro-workbench>.zip-about-worldbuilding{margin:0 0 1rem;border:1px solid rgba(43,76,78,.2);border-radius:14px;background:rgba(255,253,247,.72)}
.home-intro-workbench>.zip-about-worldbuilding>div{padding:1rem}
.home-intro-workbench .zip-about-worldbuilding p{margin:0;color:#29453d;font-size:1rem;font-weight:720;line-height:1.5}
.home-intro-workbench .zip-about-mechanism-title{margin:0;padding:0 .25rem;color:#28584f;font-size:1.2rem;line-height:1.25}
.home-intro-workbench .zip-about-mechanism>div{display:grid;gap:.62rem}
.home-intro-workbench .zip-about-mechanism-thesis{gap:.72rem;margin-bottom:1rem;padding:1.1rem .25rem}
.home-intro-workbench .zip-about-mechanism-thesis span{font-size:.95rem;line-height:1.55}
.home-intro-workbench .zip-about-mechanism-thesis strong{font-size:1.12rem;line-height:1.46}
.home-intro-workbench .zip-about-mechanism-offers{margin:0 0 .35rem!important;padding:0 .25rem;font-size:.9rem!important;line-height:1.52!important;text-align:left}
.home-intro-workbench .zip-about-mechanism-card{border-radius:12px}
.home-intro-workbench .zip-about-mechanism-card summary{grid-template-columns:minmax(0,1fr) auto;gap:.28rem .75rem;padding:.82rem .9rem}
.home-intro-workbench .zip-about-mechanism-card summary::after{grid-column:2;grid-row:1/3}
.home-intro-workbench .zip-about-mechanism-card summary strong,.home-intro-workbench .zip-about-mechanism-card summary small{grid-column:1}
.home-intro-workbench .zip-about-mechanism-detail{padding:0 .9rem .9rem}
.home-intro-workbench .home-compare-card{margin-bottom:0}
.home-intro-workbench .home-market-map{margin-bottom:0;padding:.9rem}
.home-intro-workbench .home-market-map li{grid-template-columns:128px minmax(0,1fr)}
.home-intro-workbench>.zip-about-joy{margin:1.2rem 0;border:1px solid rgba(151,87,100,.16);border-radius:14px;overflow:hidden}
.home-intro-workbench .zip-about-joy>div{grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:1rem}
.home-intro-workbench .zip-about-joy img{width:7rem;height:7rem;border-radius:12px;box-shadow:none}
.home-intro-workbench .zip-about-joy h2{margin:.2rem 0 .55rem;font-size:1.2rem;line-height:1.15}
.home-intro-workbench .zip-about-joy p{margin:.45rem 0;color:#46565d;font-size:.82rem;line-height:1.55}
.home-intro-workbench .zip-about-joy .kicker{margin:0;color:#a13e57;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-intro-workbench .zip-about-joy details{margin-top:.72rem;border-top:1px solid rgba(151,87,100,.18);padding-top:.62rem}
.home-intro-workbench .zip-about-joy details summary{display:flex;min-height:44px;align-items:center;color:#8a3850;font-size:.75rem;font-weight:750;cursor:pointer}
.home-intro-workbench .zip-about-joy a{color:#a13e57;font-weight:700;text-underline-offset:3px}
.home-intro-more{margin:1.2rem 0;border:1px solid rgba(43,76,78,.2);border-radius:14px;background:rgba(255,253,247,.7);overflow:hidden}.home-intro-more>summary{min-height:48px;padding:.72rem .9rem;color:#28584f;font-size:.78rem;font-weight:760;cursor:pointer}.home-intro-more>div{display:grid;gap:1rem;border-top:1px solid rgba(43,76,78,.15);padding:.9rem}.home-intro-more .zip-about-utopia,.home-intro-more .zip-about-values,.home-intro-more .zip-about-founder{border:0;border-radius:10px;background:rgba(255,255,255,.56);padding:.85rem}.home-intro-more .zip-about-utopia>div,.home-intro-more .zip-about-values>div,.home-intro-more .zip-about-founder>div{max-width:none!important;margin:0;padding:0}.home-intro-more h2{margin:.2rem 0 .55rem;font-size:1.15rem;line-height:1.16}.home-intro-more p{margin:.42rem 0;color:#46565d;font-size:.8rem;line-height:1.55}.home-intro-more .kicker{margin:0;color:#4f6d68;font-size:.6rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.home-intro-more .zip-about-copy,.home-intro-more .founder-links{margin-top:.7rem}.home-intro-more .button{display:inline-flex;min-height:38px;align-items:center;border:1px solid #9eb4ac;border-radius:999px;background:#fff;padding:.48rem .7rem;color:#245a4b;font-size:.7rem;text-decoration:none}.home-intro-more .founder-links{gap:.4rem}.home-intro-more .founder-links a{min-height:38px;padding:.42rem .6rem;font-size:.7rem}
.home-intro-more .button,.home-intro-more .founder-links a{min-height:44px}
.home-intro-workbench .home-hero-map{margin-top:1.2rem}

@media(max-width:520px){
  .home-intro-workbench .zip-about-mechanism-thesis{text-align:left;text-wrap:pretty}
  .home-intro-workbench .zip-about-mechanism-card summary{padding:.75rem}
  .home-intro-workbench .zip-about-mechanism-detail{padding:0 .75rem .75rem}
  .home-intro-workbench .home-market-map li{grid-template-columns:1fr;gap:.1rem}
  .home-intro-workbench .zip-about-joy>div{grid-template-columns:1fr;padding:.85rem}
  .home-intro-workbench .zip-about-joy img{width:6.5rem;height:6.5rem}
}

.joycotter-worldboard .garden-footer.rise-footer{margin:0;border-top:1px solid rgba(23,92,64,.18);background:var(--world-paper);color:var(--world-pine);padding:0}.joycotter-worldboard .garden-footer::before{display:none}.joycotter-worldboard .rise-footer-inner{width:min(1240px,calc(100% - 32px));max-width:none;margin:auto;padding:1.2rem 0}.joycotter-worldboard .rise-footer .brand-word{color:var(--world-pine)}.joycotter-worldboard .rise-footer-brand>span,.joycotter-worldboard .rise-footer .footer-links{color:#4d6c67}.joycotter-worldboard .rise-footer .footer-links a,.joycotter-worldboard .rise-footer .footer-links button{border:0;background:transparent;padding:0;color:#145d51;font:inherit;text-decoration:none;cursor:pointer}.joycotter-worldboard .footer-tagline{color:#476962;font-size:.69rem;font-weight:680}.joycotter-worldboard .footer-tagline em{color:#8f3f31;font-style:normal}
@media(max-height:800px) and (min-width:1100px){
  .home-intro-layout{box-sizing:border-box;min-height:108px;padding-block:8px 9px}
  .home-intro-layout h1{font-size:clamp(2rem,3vw,2.75rem)}
}

@media(max-width:1099px){
  .home-intro-layout{width:min(calc(100% - 24px),860px);grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1.2rem}
  .home-intro-layout h1{font-size:clamp(2rem,5vw,2.8rem)}
  .home-intro-copy{font-size:.76rem}
}

@media(max-width:700px){
  html.joycotter-worldboard{--world-rail-height:52px;scroll-behavior:auto}
  .home-utility-layout{width:calc(100% - 20px);gap:.45rem}
  .home-utility-brand{gap:.42rem}
  .home-utility-brand .brand-tile{width:36px;height:36px}
  .home-utility-brand .brand-word{font-size:1rem}
  .home-sky-utility{gap:.28rem}
  .home-player-marker{min-width:0;max-width:106px;min-height:40px;padding:.28rem .5rem}
  .home-player-marker>[data-home-player-label]{overflow:hidden;max-width:64px;text-overflow:ellipsis;white-space:nowrap}
  .home-player-initials{width:27px;height:27px}
  .home-beans-state{min-width:50px;min-height:40px;padding:.34rem .44rem}
  .home-intro-layout{width:calc(100% - 24px);min-height:202px;grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "title" "copy" "definition" "action";align-content:center;gap:.12rem;padding:14px 0 16px}
  .home-intro-layout h1{font-size:clamp(2rem,10vw,2.7rem)}
  .home-intro-copy{max-width:54ch;font-size:.71rem}
  .home-intro-layout .home-intro-definition{font-size:.84rem}
  .home-intro-trigger{justify-self:start;min-height:38px;margin-top:.42rem}
  .joycotter-worldboard .rise-footer-inner{width:calc(100% - 24px)}
}

/* The page is a desert-garden world. The board is a separate paper object within it. */
html.joycotter-worldboard{background:#eee5d2;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.joycotter-worldboard body{
  background-color:#eee5d2;
  background-image:radial-gradient(circle at 8% 62%,rgba(79,126,101,.08),transparent 34rem),linear-gradient(180deg,#f8f3e6 0,#eee5d2 62%,#e5deca 100%);
  color:#173d3a;
}
.home-world-rail{
  position:sticky;
  top:0;
  height:56px;
  min-height:56px;
  border-bottom:1px solid rgba(23,63,59,.14);
  background:linear-gradient(135deg,rgba(248,243,229,.97) 0%,rgba(250,247,236,.97) 55%,rgba(238,241,231,.97) 100%);
  box-shadow:0 2px 12px rgba(22,51,47,.055);
  color:var(--world-structure-green);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.home-utility-layout{width:min(1416px,calc(100% - 32px));height:56px}
.home-utility-brand{gap:.72rem}
.home-utility-brand .brand-tile{width:34px;height:34px;border-color:rgba(23,63,59,.26);background:#fffaf0;color:#155c55;box-shadow:0 2px 0 rgba(23,63,59,.1)}
.home-utility-brand .brand-word{color:var(--world-structure-green);font-size:1.06rem;letter-spacing:-.035em}
.home-review-issues-link{border:1px solid #e7bd5e;background:#f6d57f;color:#173f3b}
.home-player-marker,.home-beans-state{min-height:38px;background:rgba(255,250,240,.94);border-color:rgba(23,63,59,.26);box-shadow:0 1px 0 rgba(23,63,59,.1);color:#174b45}
.home-player-marker:hover,.home-beans-state:hover{border-color:#8f7551;background:#fffdf6;box-shadow:0 3px 9px rgba(23,63,59,.12)}
.home-intro-sky{
  overflow:visible;
  border-bottom:0;
  background:linear-gradient(135deg,#f8f3e5 0%,#faf7ec 55%,#eef1e7 100%);
}
.home-intro-layout{
  min-height:336px;
  grid-template-columns:minmax(0,1fr) minmax(370px,470px);
  grid-template-areas:"tag water" "title water" "copy water" "definition water" "action water";
  align-content:center;
  gap:.22rem clamp(2rem,5vw,5.25rem);
  padding:38px 0 42px;
}
.home-intro-tagline{letter-spacing:.015em}
.home-intro-layout h1{max-width:850px;margin:.34rem 0 .18rem;color:#113c39;font-size:clamp(2.7rem,4.3vw,4.2rem);line-height:.94}
.home-intro-copy,.home-intro-tagline,.home-intro-layout .home-intro-definition{color:#345d57}
.home-intro-copy{max-width:68ch;margin-top:.8rem;font-size:clamp(.86rem,1vw,.96rem);line-height:1.52}
.home-intro-layout .home-intro-definition{margin-top:1.05rem}
.home-intro-trigger{justify-self:start;margin-top:.82rem}
.page-family--home{
  background-color:#eee5d2;
  background-image:radial-gradient(circle at 7% 13%,rgba(129,151,102,.09),transparent 28rem),radial-gradient(circle at 94% 76%,rgba(211,151,54,.1),transparent 34rem);
  padding:0;
}
.home-table-surface{position:relative;width:100%;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}

/* The recovered silver watering can blooms one flower per downward-scroll gesture. */
.home-water-scene{grid-area:water;display:grid;width:min(430px,100%);align-self:center;justify-self:end;gap:4px;margin:0;color:#173f3d;text-align:center}
.home-water-scene svg{display:block;width:100%;height:auto;overflow:visible}
.home-water-rainbow{fill:none;opacity:.13;filter:blur(.65px);transition:opacity .75s ease}
.home-water-rainbow path{stroke-width:5;stroke-linecap:round}
.home-water-rainbow .red{stroke:#e76f51}
.home-water-rainbow .orange{stroke:#f4a261}
.home-water-rainbow .yellow{stroke:#ffb703}
.home-water-rainbow .green{stroke:#8ac926}
.home-water-rainbow .blue{stroke:#118ab2}
.home-water-rainbow .violet{stroke:#9b5de5}
.home-water-scene.pouring .home-water-rainbow{opacity:.22}
.home-water-line{fill:none;stroke:#3a929c;stroke-width:2;opacity:.18}
.home-water-ground{fill:#3a929c;opacity:.055}
.home-water-dash{fill:none;stroke:#3a929c;stroke-width:2;stroke-dasharray:10 14;opacity:.22}
.home-water-can{transform-box:fill-box;transform-origin:72% 45%;transition:transform .42s cubic-bezier(.2,.75,.3,1)}
.home-water-scene.pouring .home-water-can{transform:translateY(8px) rotate(-13deg)}
.home-water-drops{fill:#3a929c;opacity:0}
.home-water-scene.pouring .home-water-drops{opacity:1}
.home-water-scene.pouring .home-water-drops path{animation:home-water-drop .72s linear infinite}
.home-water-scene.pouring .home-water-drops path:nth-child(2){animation-delay:-.24s}
.home-water-scene.pouring .home-water-drops path:nth-child(3){animation-delay:-.48s}
.home-water-soil{fill:#3a929c;opacity:.1}
.home-water-halo{fill:#3a929c;opacity:.1;transition:opacity .28s ease}
.home-water-scene.pouring .home-water-halo{opacity:.45}
.home-water-seed{fill:#3a929c;opacity:.7}
.home-water-sprout{fill:none;stroke:#3a929c;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-box:view-box;transform-origin:280px 346px;transform:scaleY(.12)}
.home-water-sprout path:not(:first-child){fill:rgba(58,146,156,.2)}
.home-water-scene.watered .home-water-sprout{animation:home-sprout-grow 1.2s ease-out both}
.home-grown-flower{transform-box:fill-box;transform-origin:center bottom;animation:home-flower-grow 1.15s cubic-bezier(.2,.75,.3,1) both}
.home-grown-flower line{stroke:#3a929c;stroke-width:4;stroke-linecap:round}
.home-water-scene figcaption{display:grid;gap:3px;margin-top:2px}
.home-water-scene figcaption strong{color:#16243a;font-size:.88rem;letter-spacing:.01em}
.home-water-scene figcaption span{color:#46546d;font-size:.78rem;font-style:italic}
.home-water-scene figcaption em{margin-top:3px;color:#00626c;font:italic 1rem/1.25 Georgia,serif;letter-spacing:.025em}

/* The header's small flowers return as one living botanical horizon across routes. */
.garden-footer.living-garden-footer.rise-footer{--footer-sky-entry:var(--joy-garden-haze,#e8eee2);position:relative;isolation:isolate;margin:0;overflow:hidden;border:0;background:var(--world-structure-green,#173f3b);color:#fff8e8;padding:0}
html.joycotter-worldboard .garden-footer.living-garden-footer{--footer-sky-entry:#eee5d2}
.garden-footer.living-garden-footer::before{display:none}
.garden-footer.living-garden-footer .footer-desert-garden{position:relative;isolation:isolate;width:100%;height:clamp(168px,13vw,196px);min-height:0;overflow:hidden;margin:0;background-color:var(--footer-sky-entry);background-image:linear-gradient(180deg,var(--footer-sky-entry) 0 12%,#ebe5d7 45%,#d8d5c5 76%,var(--world-structure-green,#173f3b) 100%);pointer-events:none}
.garden-footer.living-garden-footer .footer-desert-garden::before{display:none}
.garden-footer.living-garden-footer .footer-desert-garden::after{position:absolute;z-index:3;right:0;bottom:0;left:0;height:31%;background:linear-gradient(180deg,transparent 0,rgba(23,63,59,.09) 38%,rgba(23,63,59,.82) 82%,var(--world-structure-green,#173f3b) 100%);content:""}
.garden-footer.living-garden-footer .footer-desert-garden__canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(42,57,54,.06))}
.garden-footer.living-garden-footer .footer-desert-garden__saguaro{position:absolute;z-index:2;bottom:2%;left:clamp(18px,6vw,92px);display:block;width:clamp(72px,6.5vw,96px);height:auto;overflow:visible;filter:drop-shadow(0 2px 1px rgba(42,57,54,.08));pointer-events:none}
.footer-saguaro__shadow{fill:rgba(49,90,85,.11)}
.footer-saguaro__body>path:not(.footer-saguaro__rib):not(.footer-saguaro__highlight){fill:#7f9683;stroke:#315a55;stroke-width:1.8;stroke-linejoin:round}
.footer-saguaro__rib{fill:none;stroke:rgba(49,90,85,.42);stroke-width:.8;stroke-linecap:round}
.footer-saguaro__highlight{fill:none;stroke:rgba(247,241,227,.36);stroke-width:1.15;stroke-linecap:round}
.footer-saguaro__spines{fill:none;stroke:rgba(49,90,85,.52);stroke-width:.75;stroke-linecap:round}
.footer-saguaro__flower{opacity:0;transform:translateY(2px) scale(.12) rotate(-8deg);transform-box:fill-box;transform-origin:center;animation:footer-saguaro-bloom 2.2s cubic-bezier(.2,.8,.25,1) both;animation-play-state:paused}
.footer-saguaro__flower circle:not(:last-child){fill:var(--footer-bloom);stroke:rgba(49,90,85,.42);stroke-width:.4}
.footer-saguaro__flower circle:last-child{fill:#e9c46a;stroke:#315a55;stroke-width:.4}
.footer-saguaro__flower--one{animation-delay:calc(var(--footer-garden-resume,0s) + 5.5s)}
.footer-saguaro__flower--two{animation-delay:calc(var(--footer-garden-resume,0s) + 15s)}
.footer-saguaro__flower--three{animation-delay:calc(var(--footer-garden-resume,0s) + 25s)}
.footer-desert-garden.is-visible .footer-saguaro__flower{animation-play-state:running}
.footer-desert-garden.is-complete .footer-saguaro__flower{opacity:1;transform:none;animation:none}
.garden-footer.living-garden-footer .rise-footer-inner{position:relative;z-index:4;width:min(1416px,calc(100% - 32px));max-width:none;margin:-1px auto 0;padding:1.35rem 0 calc(1.35rem + env(safe-area-inset-bottom))}
.garden-footer.living-garden-footer .brand-word,.garden-footer.living-garden-footer .footer-links a,.garden-footer.living-garden-footer .footer-links button{color:#fff8e8}
.garden-footer.living-garden-footer .rise-footer-brand>span,.garden-footer.living-garden-footer .footer-links,.garden-footer.living-garden-footer .footer-tagline{color:#c9ded4}
.garden-footer.living-garden-footer .footer-tagline em{color:#f0b39e}

@keyframes home-water-drop{0%{opacity:0;transform:translateY(0)}16%{opacity:.9}100%{opacity:0;transform:translateY(145px)}}
@keyframes home-sprout-grow{from{opacity:0;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}
@keyframes home-flower-grow{0%{opacity:0;transform:translateY(9px) scale(.08)}68%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes footer-saguaro-bloom{0%{opacity:0;transform:translateY(2px) scale(.12) rotate(-8deg)}70%{opacity:1;transform:translateY(-1px) scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}

@media(max-width:1099px) and (min-width:701px){
  .home-intro-layout{width:min(calc(100% - 28px),960px);grid-template-columns:minmax(0,1fr) minmax(310px,380px)}
}

@media(max-width:700px){
  .joycotter-worldboard body{background-image:linear-gradient(180deg,#f8f3e6 0,#eee5d2 62%,#e5deca 100%)}
  .home-intro-sky{background:linear-gradient(135deg,#f8f3e5 0%,#faf7ec 55%,#eef1e7 100%)}
  html.joycotter-worldboard{--world-rail-height:calc(52px + env(safe-area-inset-top));scroll-behavior:auto}
  .home-world-rail{height:var(--world-rail-height);min-height:var(--world-rail-height);padding-top:env(safe-area-inset-top)}
  .home-utility-layout{width:calc(100% - 20px);height:52px;gap:.45rem}
  .home-utility-brand{gap:.4rem}
  .home-utility-brand .brand-tile{width:32px;height:32px}
  .home-utility-brand .brand-word{font-size:.94rem}
  .home-sky-utility{gap:.25rem}
  .home-player-marker,.home-beans-state{min-height:44px}
  .home-player-marker{min-width:0;max-width:106px;padding:.28rem .5rem}
  .home-player-marker>[data-home-player-label]{overflow:hidden;max-width:64px;text-overflow:ellipsis;white-space:nowrap}
  .home-player-initials{width:27px;height:27px}
  .home-beans-state{min-width:46px;padding:.34rem .42rem}
  .page-family--home{padding:0}
  .home-intro-layout{width:calc(100% - 22px);min-height:0;grid-template-columns:minmax(0,1fr) minmax(128px,36%);grid-template-areas:"tag tag" "title title" "copy water" "definition water" "action water";gap:.14rem 10px;padding:19px 0 21px}
  .home-intro-layout h1{margin:.25rem 0 .12rem;font-size:clamp(2rem,9vw,2.55rem)}
  .home-intro-copy{margin-top:.48rem;font-size:.74rem;line-height:1.4}
  .home-intro-layout .home-intro-definition{font-size:.75rem}
  .home-intro-trigger{min-height:44px;margin-top:.16rem;font-size:.75rem}
  .home-intro-trigger>span{font-size:.75rem}
  .home-player-workbench form>fieldset{display:grid;min-width:0;gap:.15rem;margin:0;padding:0;border:0}
  .home-player-workbench form>fieldset legend{margin-bottom:.35rem;color:#315a51;font-size:.8rem;font-weight:800}
  .home-player-workbench form>fieldset>label{display:flex;min-height:44px;align-items:center;gap:.65rem;color:#315a51;font-size:.85rem;font-weight:700;cursor:pointer}
  .home-player-workbench form>fieldset>label input[type="radio"]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#0e735e}
  .home-player-workbench form>fieldset>small{margin-top:.25rem;color:#60736d;font-size:.75rem;line-height:1.45}
  .home-player-workbench form>button,.home-player-signout{font-size:.75rem}
  .home-water-scene{width:100%;align-self:start;justify-self:end;margin:0}
  .home-water-rainbow{opacity:.17}
  .home-water-scene figcaption{gap:1px;margin-top:-2px}
  .home-water-scene figcaption strong{font-size:.66rem}
  .home-water-scene figcaption span{font-size:.6rem;line-height:1.24}
  .home-water-scene figcaption em{font-size:.74rem}
  .garden-footer.living-garden-footer .footer-desert-garden{height:132px}
  .garden-footer.living-garden-footer .footer-desert-garden__canvas{filter:drop-shadow(0 1px 1px rgba(42,57,54,.06))}
  .garden-footer.living-garden-footer .footer-desert-garden__saguaro{bottom:2%;left:8px;width:60px}
  .garden-footer.living-garden-footer .rise-footer-inner{width:calc(100% - 24px);gap:.35rem;padding:.55rem 0 calc(.65rem + env(safe-area-inset-bottom))}
  .garden-footer.living-garden-footer .rise-footer-brand{width:100%;flex-direction:row;align-items:center;gap:.5rem}
  .garden-footer.living-garden-footer .rise-footer-brand .brand{min-height:44px}
  .garden-footer.living-garden-footer .rise-footer-brand .brand-tile{width:34px;height:34px;border-radius:10px}
  .garden-footer.living-garden-footer .rise-footer-brand .brand-word{font-size:1rem}
  .garden-footer.living-garden-footer .footer-tagline{margin-left:auto;font-size:.62rem;line-height:1.25;white-space:nowrap}
  .garden-footer.living-garden-footer .footer-links{width:100%;gap:0 .8rem;font-size:.75rem;line-height:1.2}
  .garden-footer.living-garden-footer .footer-links a,.garden-footer.living-garden-footer .footer-links button{display:inline-flex;min-height:44px;align-items:center}
  .garden-footer.living-garden-footer .footer-links>span:last-child{flex-basis:100%;margin-top:-.12rem;font-size:.61rem;line-height:1.3}
}

@media(max-width:480px){
  .home-player-marker.is-signed-in{width:44px;padding:0}
  .home-player-marker.is-signed-in>[data-home-player-label]{display:none}
}

@media(max-width:390px){
  .home-world-rail{height:auto;min-height:var(--world-rail-height)}
  .home-utility-layout{width:calc(100% - 14px);height:auto;min-height:52px}
  .home-sky-utility{flex-wrap:wrap;gap:.18rem}
  .home-player-marker{max-width:78px;font-size:.66rem}
  .home-review-issues-link{max-width:none;min-height:44px;overflow:visible;padding-inline:.45rem;font-size:.64rem;text-overflow:clip}
  .garden-footer.living-garden-footer .footer-tagline{max-width:17ch;white-space:normal;text-align:right}
}

@media(prefers-reduced-motion:reduce){
  html.joycotter-worldboard{scroll-behavior:auto}
  .home-water-can,.home-water-drops path,.home-water-sprout,.home-grown-flower,.footer-saguaro__flower{animation:none!important;transition:none!important}
  .home-water-scene.watered .home-water-sprout,.home-grown-flower{opacity:1;transform:none}
}