/* Original supplied compositions on wide screens; readable individual cards on phones. */
body[data-season="fall"] .artwork-section{position:relative;padding:0;isolation:isolate;overflow:hidden}
.section-art{display:block;width:100%;height:auto;aspect-ratio:16/9}
.art-card-grid{position:absolute;inset:0}
.art-card{position:absolute;border:0;background:transparent;border-radius:28px;padding:0;overflow:hidden;transition:box-shadow .2s}
.art-card:hover{box-shadow:inset 0 0 0 5px #ffffff99}
.art-card:focus-visible{outline:5px solid #214dcc;outline-offset:-6px;box-shadow:inset 0 0 0 10px #fff}
.mobile-card-art{display:none;pointer-events:none}
.activity-world .art-card{top:20.2%;height:62.8%;width:30.6%}
.activity-story{left:1.6%}.activity-cook{left:35.1%}.activity-hope{left:68.3%}
.conversation-world .art-card{top:16.6%;height:60%;width:47.4%}
.conversation-podcast{left:.55%}.conversation-scoop{left:51.35%}
@media(min-width:761px) and (max-width:1000px){header nav{gap:12px}header nav button,header nav a{font-size:12px}}
@media(max-width:760px){
 body[data-season="fall"] .activity-world{background:#ffb500;padding:18px 12px 26px}
 body[data-season="fall"] .conversation-world{background:#bb3813;padding:20px 12px 26px}
 .section-art{display:none}
 .art-card-grid{position:relative;display:grid;gap:18px;max-width:540px;margin:auto}
 .artwork-section .art-card{display:block;position:relative;inset:auto;width:100%;height:auto;border-radius:20px}
 .activity-world .art-card{aspect-ratio:630/720}
 .conversation-world .art-card{aspect-ratio:920/660}
 .mobile-card-art{display:block;position:absolute;max-width:none;height:auto}
 .activity-world .mobile-card-art{width:304.761905%;top:-26.388889%}
 .activity-story .mobile-card-art{left:0}
 .activity-cook .mobile-card-art{left:-103.174603%}
 .activity-hope .mobile-card-art{left:-204.761905%}
 .conversation-world .mobile-card-art{width:208.695652%;top:-25.757576%}
 .conversation-podcast .mobile-card-art{left:0}
 .conversation-scoop .mobile-card-art{left:-106.521739%}
}

/* Separate artwork lets real text and controls adapt to every screen. */
.activity-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.7vw;padding:2vw 1vw;color:#fff;line-height:1.3}
.activity-emoji{font-size:clamp(44px,7vw,120px);line-height:1.1}
.activity-content strong{font-size:clamp(22px,3.2vw,55px);letter-spacing:-.025em}
.activity-description{font-size:clamp(16px,1.9vw,32px);font-weight:700}
.activity-cook .activity-content{color:#493000}
.live-pill{display:inline-block;width:max-content;max-width:100%;padding:1em 1.3em;border-radius:999px;background:#fff;color:#214dcc;font-size:clamp(12px,1.4vw,22px);font-weight:900;letter-spacing:.045em;box-shadow:0 5px 0 #582c292b;line-height:1.3}
body[data-season="fall"] .separate-conversations{padding:10% 1.6% 13%;background:#bb3813 url('genci-conversations-latest-84cca5a3e4.png') center / 100% 100% no-repeat}
.separate-talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5vw;max-width:1800px;margin:auto}
.separate-talk-card{position:relative;padding:0;border:clamp(7px,1.1vw,18px) solid #fff4df;border-radius:clamp(22px,2.5vw,45px);overflow:hidden;background:#742610;text-align:left;color:white;min-width:0;box-shadow:0 7px 0 #80260840;transition:transform .2s}
.separate-talk-card:hover{transform:translateY(-5px)}
.separate-talk-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.coming-label{position:absolute;top:5%;left:4%;max-width:92%;padding:7px 13px;background:linear-gradient(110deg,rgba(255,255,255,.76),rgba(255,255,255,.28));color:#fff;text-shadow:0 1px 3px #493426;backdrop-filter:blur(3px);border:1px solid #ffffff40;border-radius:30px;font-size:clamp(10px,1.2vw,20px);font-weight:900;line-height:1.3}
.talk-content{position:absolute;bottom:0;left:0;right:0;padding:12% 5% 5%;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(transparent,#241408ed);line-height:1.25}
.talk-content strong{font-size:clamp(22px,3.2vw,54px);font-weight:900;letter-spacing:-.04em;text-shadow:0 2px 3px #000}
.talk-content>span:not(.live-pill){font-size:clamp(16px,1.75vw,28px);margin:4px 0 16px}
@media(max-width:760px){
 .activity-world .art-card{height:auto;aspect-ratio:630/720}
 .activity-content{position:absolute;inset:0;gap:20px;padding:30px 16px}
 .activity-emoji{font-size:70px}.activity-content strong{font-size:32px}.activity-description{font-size:20px}
 .live-pill{font-size:14px;padding:15px 20px}
 body[data-season="fall"] .separate-conversations{padding:80px 16px 100px;background-size:auto 100%;background-position:center}
 .separate-talk-grid{grid-template-columns:1fr;gap:28px;max-width:540px}
 .separate-talk-card{border-width:8px;border-radius:26px}
 .coming-label{top:16px;left:12px;font-size:11px}
 .talk-content{position:relative;padding:20px;background:#742610}
 .talk-content strong{font-size:29px}.talk-content>span:not(.live-pill){font-size:18px;margin:8px 0 18px}
}
@media(max-width:360px){.activity-content{gap:14px}.activity-emoji{font-size:54px}.activity-content strong{font-size:28px}.activity-description{font-size:17px}.live-pill{font-size:12px}}

/* Align Scroll Patrol to the right edge of its picture. */
.separate-talk-card[data-room="scoop"] .coming-label{left:auto;right:4%}
@media(max-width:760px){.separate-talk-card[data-room="scoop"] .coming-label{left:auto;right:12px}}

.separate-talk-card[data-room="scoop"] .coming-label{position:absolute;top:5%;bottom:auto;left:auto;right:4%;z-index:2}
@media(max-width:760px){.separate-talk-card[data-room="scoop"] .coming-label{top:16px;right:12px}}

/* A big, dismissible reward for completing the leaf hunt. */
dialog.leaf-victory{width:min(760px,calc(100% - 28px));border:5px solid #ffcf29;background:#fff8dc;overflow-x:hidden;box-shadow:0 24px 100px #251c1280}
dialog.leaf-victory::backdrop{background:#321d0bbd;backdrop-filter:blur(6px)}
.victory-card{position:relative;text-align:center;padding:42px 30px 38px;background:radial-gradient(ellipse at top,#ffe886,transparent 70%);color:#214dcc}
.victory-kicker{font-size:13px;letter-spacing:2px;font-weight:900;margin:0 0 18px;color:#974007}
.victory-medal{width:120px;height:120px;display:grid;place-items:center;background:#ffcb24;border:6px solid white;border-radius:50%;margin:0 auto 22px;font-size:72px;box-shadow:0 8px 0 #e68a1d;animation:reward-arrive .5s ease-out}
.victory-card h2{font-size:clamp(30px,5.4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 22px;font-weight:1000}
.victory-card h2 span{color:#af3d0d}.victory-card>p:not(.victory-kicker){font-size:18px;color:#61401f;max-width:440px;margin:0 auto 28px;line-height:1.5}
.victory-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.victory-actions .pill{background:#214dcc;color:white;font-size:13px;min-height:48px}.victory-actions .pill+ .pill{background:#ffca24;color:#513000}
.victory-leaves{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8}
.victory-leaf{position:absolute;top:-160px;display:block;filter:drop-shadow(0 5px 4px #47290a30);animation:victory-fall 4s linear both;pointer-events:none}.victory-leaf svg{width:100%;height:auto;display:block}
@keyframes victory-fall{from{transform:translate3d(0,-80px,0) rotate(-30deg);opacity:1}to{transform:translate3d(var(--drift),calc(100vh + 320px),0) rotate(var(--turn));opacity:.7}}
@keyframes reward-arrive{from{scale:.65;opacity:0}to{scale:1;opacity:1}}
@media(max-width:480px){.victory-card{padding:38px 20px 28px}.victory-medal{width:95px;height:95px;font-size:56px}.victory-card h2{font-size:34px}.victory-actions{flex-direction:column}.victory-card>p:not(.victory-kicker){font-size:16px}}

/* Replayed leaves occupy safe section corners with a full touch target. */
.leaf-hiding-host{position:relative}
.hidden-star.reshuffled-leaf{width:48px;height:48px;min-width:48px;min-height:48px;z-index:4}

/* October supplied backgrounds and individual transparent card artwork. */
body[data-season="fall"] .individual-activities{padding:3% 2% 16%;background:#ffb40b url('fall-activities-background-ee7088c61f.jpg') center bottom / cover no-repeat}
.individual-activities .art-card-grid{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1%;max-width:1600px;margin:auto}
.individual-activities .art-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;border-radius:28px;overflow:visible;container-type:inline-size;text-align:center;min-width:0}
.individual-activities .art-card:hover{box-shadow:none;filter:drop-shadow(0 8px 8px #6c280a30)}
.individual-activities .individual-card-art{display:block;width:100%;height:auto;pointer-events:none}
.individual-activities .activity-content{position:absolute;inset:47% 12% 7%;height:auto;gap:4cqw;padding:0;justify-content:center}
.individual-activities .activity-content strong{font-size:clamp(18px,8cqw,46px);line-height:1.1}
.individual-activities .activity-description{font-size:clamp(13px,5cqw,27px);line-height:1.35}
.individual-activities .live-pill{font-size:clamp(10px,3.4cqw,18px);padding:.9em 1.1em;white-space:normal;line-height:1.3}
html:not([lang="en"]) .individual-activities .activity-content strong{font-size:clamp(16px,6.5cqw,38px)}
html:not([lang="en"]) .individual-activities .activity-description{font-size:clamp(12px,4.5cqw,24px)}
html:not([lang="en"]) .individual-activities .live-pill{font-size:clamp(9px,3cqw,16px)}
body[data-season="fall"] .separate-conversations{background:#bf3914 url('fall-conversations-background-88ac6ad090.jpg') center bottom / cover no-repeat}
@media(max-width:760px){
 body[data-season="fall"] .individual-activities{padding:24px 8px 24%;background-size:100% auto}
 .individual-activities .art-card-grid{grid-template-columns:1fr;gap:22px;max-width:420px}
 body[data-season="fall"] .separate-conversations{background-size:100% auto;background-position:center bottom;padding-bottom:max(100px,25vw)}
}

/* Keep live copy below the larger replacement illustrations. */
.individual-activities .activity-content{inset:61% 12% 5%;gap:2.5cqw}
.individual-activities .activity-content strong{font-size:clamp(17px,7cqw,40px)}
.individual-activities .activity-description{font-size:clamp(12px,4.4cqw,24px)}
.individual-activities .live-pill{font-size:clamp(9px,3cqw,16px);padding:.8em 1em}
html:not([lang="en"]) .individual-activities .activity-content strong{font-size:clamp(15px,6cqw,34px)}
html:not([lang="en"]) .individual-activities .activity-description{font-size:clamp(11px,4cqw,22px)}
html:not([lang="en"]) .individual-activities .live-pill{font-size:clamp(9px,2.8cqw,15px)}

/* Updated supplied artwork and dimensional activity controls. */
.seasonal-welcome{position:relative}
.seasonal-welcome .explore-banner-button{position:absolute;right:10%;bottom:2%;width:38%;height:auto;aspect-ratio:auto;filter:drop-shadow(0 5px 3px #52280055);transition:transform .15s}
.seasonal-welcome:hover .explore-banner-button{transform:translateY(-3px)}
.seasonal-welcome:active .explore-banner-button{transform:translateY(2px)}
.individual-activities .activity-story .activity-content{color:#542500}
.individual-activities .live-pill{color:#182a72;background:linear-gradient(180deg,#fff4a7 0%,#ffe83d 20%,#ffd21b 60%,#ffb516 100%);border:2px solid #fff29a;box-shadow:inset 0 3px 1px #fffce3,inset 0 -3px 2px #ed920b,0 6px 0 #ae5908,0 10px 12px #5b27063d;text-shadow:0 1px 0 #fff7b8;transition:transform .15s,box-shadow .15s}
.individual-activities .art-card:hover .live-pill,.individual-activities .art-card:focus-visible .live-pill{transform:translateY(-2px);box-shadow:inset 0 3px 1px #fffce3,inset 0 -3px 2px #ed920b,0 8px 0 #ae5908,0 12px 16px #5b27064d}
.individual-activities .art-card:active .live-pill{transform:translateY(4px);box-shadow:inset 0 2px 2px #fffce3,0 2px 0 #ae5908,0 4px 5px #5b27063d}
@media(prefers-reduced-motion:reduce){.individual-activities .live-pill,.seasonal-welcome .explore-banner-button{transition:none}}
html[data-motion=off] .individual-activities .live-pill,html[data-motion=off] .seasonal-welcome .explore-banner-button{transition:none}

/* Blue backdrop complements Genci’s logo and the warm activity artwork. */
body[data-season="fall"] .individual-activities{background:linear-gradient(135deg,#159feb 0%,#087bd5 52%,#2154c9 100%);padding:3% 2% 5%}
@media(max-width:760px){body[data-season="fall"] .individual-activities{padding:24px 8px 32px}}