.adventure-banner,.adventures,.sock-thanks{--ink:#122677;--blue:#1469ec;--gold:#ffdc31;--orange:#ff5723;--purple:#7939dc;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}
.adventure-banner *, .adventures *, .sock-thanks *{box-sizing:border-box}
.adventure-banner{position:relative;display:grid;grid-template-columns:150px 1fr 115px;align-items:center;gap:20px;padding:20px 5%;background:linear-gradient(115deg,#ffdd27 0 65%,#ffaf22);border-block:7px solid white;text-align:left}
.adventure-banner .banner-genci{width:145px;height:185px;object-fit:contain}.banner-sock{width:100px;transform:rotate(15deg)}
.adventure-banner h2{font-size:clamp(21px,2.3vw,35px);margin:4px 0 8px;line-height:1.1;letter-spacing:-.6px}.adventure-banner p{margin:7px 0;max-width:720px;font-size:15px;line-height:1.45}.adventure-kicker{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px}
.adv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0}.adv-button{display:inline-flex;align-items:center;justify-content:center;background:#1469ec;color:white;border:0;border-radius:999px;padding:13px 21px;font:900 15px/1.25 'Trebuchet MS',Arial,sans-serif;cursor:pointer;text-decoration:none;min-height:46px;box-shadow:0 4px 0 #12387e30;text-align:center}.adv-button.secondary{background:#fff;color:#203cb0;border:2px solid #cad4fc}.adv-button.orange{background:#f34d20}.adv-button.purple{background:#7939dc}.adv-button.danger{background:#ad2332}.adv-button:disabled{opacity:.55;cursor:default}.adv-button:focus-visible,.adventures input:focus-visible,.adventures textarea:focus-visible,.adventures select:focus-visible,.sock-collect:focus-visible{outline:4px solid #7939dc;outline-offset:4px}
.adv-fine{font-size:12px!important;line-height:1.5!important}.adv-notice{padding:14px 18px;background:#fff3b5;border:2px solid #ffca26;border-radius:16px;font-size:14px;line-height:1.5;margin:16px 0}.adv-status{padding:15px;border-radius:14px;background:#e8f8ff;line-height:1.5}.adv-status:empty{display:none}
.sock-slot{height:58px;display:flex;align-items:center;padding:0 14px;position:relative;z-index:2}.sock-collect{height:52px;width:52px;border:0;border-radius:15px;background:transparent;cursor:pointer;position:relative}.sock-collect img{width:31px;height:39px;object-fit:contain;transform:rotate(-17deg)}.sock-collect.found{background:#fff9}.sock-collect.found:after{content:'✓';position:absolute;right:0;top:0;color:#075329;background:white;border-radius:50%;padding:1px 5px;font-weight:900}.sock-collect.found img{animation:sock-hop .5s ease-out}.sock-slot[hidden]{display:none}
@keyframes sock-hop{50%{transform:translateY(-16px) rotate(15deg)}}
.sock-thanks{padding:0;border:6px solid #ffdc31;border-radius:32px;width:min(940px,94vw);max-height:90vh;background:#fff7d4;overflow:auto}.sock-thanks::backdrop{background:#122677b8;backdrop-filter:blur(5px)}.sock-thanks-layout{display:grid;grid-template-columns:44% 56%;align-items:center;padding:32px 28px 22px;position:relative}.sock-thanks h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:0 0 16px;color:#1469ec}.sock-thanks h3{font-size:25px;line-height:1.2}.thanks-art{overflow:hidden;aspect-ratio:1.04}.thanks-art img{display:block;width:170%;max-width:none}.adv-close{position:absolute;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:white;color:#122677;font-size:26px;z-index:4;cursor:pointer}.sock-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.sock-confetti img{position:absolute;top:-90px;width:45px;animation:sock-fall 3s ease-in forwards}.sock-confetti i{position:absolute;top:-40px;width:15px;height:25px;animation:sock-fall 2.8s ease-in forwards}@keyframes sock-fall{to{transform:translateY(100vh) rotate(360deg);opacity:.5}}
.adventures{background:radial-gradient(ellipse at 0 5%,#ffffffb0 0,transparent 26%),linear-gradient(#0da4fa,#06b9ed 65%,#d2f3ff);padding:28px 5% 45px;scroll-margin-top:100px}.adventures[hidden]{display:none}.adv-shell{max-width:1150px;margin:auto}.adv-hero{display:grid;grid-template-columns:1fr 280px;align-items:center;border-radius:40px;background:linear-gradient(120deg,#ffdd29,#fff1a6);padding:26px 36px 0;overflow:hidden;border:5px solid white}.adv-hero h2{font-size:clamp(36px,5vw,67px);line-height:1.03;margin:6px 0 14px;letter-spacing:-2px}.adv-hero p{font-size:20px;line-height:1.4;margin:8px 0}.traveler-art{width:280px;height:390px;background:url('genci-adventure-reference.png') no-repeat;background-size:810px auto;background-position:right -40px}.adv-panel{margin:25px 0;padding:28px;border:4px solid white;background:#fffdf2;border-radius:30px;box-shadow:0 7px 0 #0065a32b}.adv-panel h3{font-size:clamp(24px,3vw,36px);line-height:1.1;margin:5px 0 16px;text-align:center}.adv-panel h4{margin:12px 0;font-size:21px}.adv-strip{text-transform:uppercase;background:#ffdc31;border-radius:999px;text-align:center;padding:12px;font-size:clamp(17px,2.2vw,26px);font-weight:1000;margin:-7px auto 22px;max-width:820px}.adv-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.adv-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;border:3px solid transparent;border-radius:20px;background:var(--card,#fff2ba);color:#122677;font:900 18px/1.2 'Trebuchet MS',Arial,sans-serif;cursor:pointer;padding:12px}.adv-category span:first-child{font-size:49px}.adv-category[aria-pressed=true]{border-color:#ff5723;box-shadow:0 0 0 3px #ff572333}.adv-category:focus-visible{outline:4px solid #1469ec;outline-offset:3px}
.adv-form-layout{display:grid;grid-template-columns:1fr 230px;gap:25px;align-items:center}.phone-art{width:220px;height:385px;background:url('genci-adventure-reference.png') no-repeat;background-size:810px auto;background-position:right -810px}.adv-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adv-fields .wide{grid-column:1/-1}.adventures label{display:block;font-size:15px;font-weight:800;line-height:1.4}.adventures input:not([type=checkbox]),.adventures select,.adventures textarea{display:block;width:100%;border:2px solid #9bb5ef;border-radius:11px;background:white;color:#142557;padding:11px 12px;font:16px/1.4 'Trebuchet MS',Arial,sans-serif;margin-top:5px;min-height:46px}.adventures textarea{min-height:108px;resize:vertical}.adv-check{display:flex!important;gap:10px;font-size:13px!important;font-weight:400!important;margin:15px 0;align-items:flex-start}.adv-check input{width:19px;height:19px;flex-shrink:0;margin:0}.adv-honeypot{position:absolute;left:-10000px}.adv-map{width:100%;height:420px;background:#d2f1ff;border-radius:22px;overflow:hidden;border:3px solid #fff;touch-action:pan-y}.adv-map svg{display:block;width:100%;height:100%;background:#d2f1ff}.adv-map path.land{fill:#bbe294;stroke:#85b666;stroke-width:.35}.adv-map .pin{cursor:pointer;fill:#f44336;stroke:white;stroke-width:1.2}.adv-map .pin:focus{outline:none;fill:#7939dc;stroke:#122677}.adv-map-note{background:white;border-radius:14px;padding:16px;min-height:58px}.adv-stops{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding:0;list-style:none;counter-reset:stops}.adv-stops li,.adv-review-item{background:white;border:2px solid #d0defa;border-radius:16px;padding:17px;line-height:1.5;overflow-wrap:anywhere}.adv-stops h4{color:#1745b4;margin:0 0 6px}.adv-stops p{margin:7px 0}.adv-stops button{font:inherit}.adv-progress{width:100%;height:18px;accent-color:#7939dc}.adv-review-item{margin:12px 0}.adv-review-item .adv-actions{margin-bottom:0}.adv-success{text-align:center;padding:20px;border-radius:24px;background:#fff6b6}.adv-success img{height:220px;object-fit:contain}.adv-footer{text-align:center;font-weight:800;line-height:1.6;font-size:17px}.adventures details{margin:18px 0;border:2px solid #c9ddf6;border-radius:16px;padding:16px;background:white}.adventures summary{font-weight:900;cursor:pointer}.adventures details p{font-size:14px;line-height:1.6}.adv-load-link{overflow-wrap:anywhere}.adv-loading{padding:40px;text-align:center;color:white;font-weight:900}.adventures [hidden],.adventure-banner [hidden]{display:none!important}
@media(max-width:760px){.adventure-banner{grid-template-columns:74px 1fr;gap:10px;padding:15px 4%}.adventure-banner .banner-genci{width:74px;height:140px}.banner-sock{display:none}.adventure-banner h2{font-size:23px}.adventure-banner p{font-size:13px}.adv-button{font-size:13px;padding:12px 16px}.adventures{padding:20px 12px 35px}.adv-hero{grid-template-columns:1fr 115px;padding:20px 15px 0;border-radius:24px}.adv-hero h2{font-size:33px;letter-spacing:-1px}.adv-hero p{font-size:15px}.traveler-art{width:115px;height:225px;background-size:430px auto;background-position:right -20px}.adv-panel{padding:19px 14px;border-radius:24px}.adv-categories{grid-template-columns:repeat(2,1fr);gap:9px}.adv-category{min-height:115px;font-size:16px}.adv-category:last-child{grid-column:1/-1;flex-direction:row;min-height:85px}.adv-form-layout{grid-template-columns:1fr}.phone-art{display:none}.adv-fields{gap:12px}.adv-map{height:300px}.adv-stops{grid-template-columns:1fr}.sock-thanks-layout{grid-template-columns:1fr;text-align:center;padding:35px 20px 22px}.thanks-art{width:62%;margin:auto}.sock-thanks h2{font-size:32px}.sock-thanks h3{font-size:21px}.sock-thanks .adv-actions{justify-content:center}.adv-strip{border-radius:16px;font-size:18px}.adv-hero .adv-fine{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.sock-collect.found img,.sock-confetti>*{animation:none!important}.sock-confetti{display:none}}
html[data-motion=off] .sock-confetti{display:none}html[data-motion=off] .sock-collect.found img{animation:none}

html[data-motion=off]{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Owner-supplied world-map banner; controls remain live and reachable. */
.adventure-banner{display:block;padding:0;background:#126fda;border-block:6px solid white;text-align:center}
.adventure-banner .sock-world-banner-art{display:block;width:100%;height:auto;aspect-ratio:2048/682;object-fit:contain}
.sock-world-banner-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sock-world-banner-controls{padding:15px 5% 13px;background:linear-gradient(110deg,#0678d0,#1851bc);color:white}
.sock-world-banner-controls .adv-actions{justify-content:center;margin:0;gap:12px}
.sock-world-banner-controls .adv-button{min-height:48px;padding:13px 24px}
.sock-world-banner-controls .adv-button.orange{background:#ffe02a;color:#102979;box-shadow:0 4px 0 #00275855}
.adventure-banner .sock-world-banner-controls p{margin:10px auto 0;max-width:none}
.adventure-banner .sock-world-progress{display:inline-block;background:#fff;border-radius:24px;color:#12398c;padding:6px 18px;font-weight:900}
html:not([lang="en"]) .sock-world-banner-copy{position:static;width:auto;height:auto;padding:18px 5% 4px;margin:0;overflow:visible;clip:auto;white-space:normal;color:white}
.sock-world-banner-copy p{margin-left:auto;margin-right:auto}
@media(max-width:760px){
 .adventure-banner{padding:0}
 .sock-world-banner-copy{position:static;width:auto;height:auto;padding:16px 5% 2px;margin:0;overflow:visible;clip:auto;white-space:normal;color:white}
 .adventure-banner .sock-world-banner-copy h2{font-size:24px;line-height:1.15;max-width:470px;margin:7px auto}
 .sock-world-banner-copy .adventure-kicker{font-size:10px}
 .adventure-banner .sock-world-banner-copy p{font-size:14px;max-width:490px}
 .sock-world-banner-controls{padding:15px 4%}
 .sock-world-banner-controls .adv-actions{gap:10px}
 .sock-world-banner-controls .adv-button{font-size:13px;padding:12px 17px}
}

/* Keep the visible knit artwork discoverable within a comfortable tap target. */
.sock-collect img{width:42px;height:46px}

/* Standalone character artwork and a vivid raised world-map backdrop. */
.adventures{background-color:#0758ed;background-image:url('adventure-world-relief.svg'),radial-gradient(ellipse at 55% 10%,#00bcff 0%,#0879fa 44%,#0848d5 100%);background-size:max(1200px,100%) auto,100% 100%;background-position:center 30px,center;background-repeat:repeat-y,no-repeat}
.traveler-art{width:280px;height:390px;background:url('genci-luggage-new.png') center bottom/contain no-repeat}
.phone-art{width:230px;height:385px;background:url('genci-message-new.png') center/contain no-repeat}
.adv-footer{color:white;text-shadow:0 2px 3px #003b9e}
@media(max-width:760px){.traveler-art{width:115px;height:225px;background-size:contain;background-position:center bottom}.phone-art{display:block;width:190px;height:250px;margin:0 auto}.adventures{background-size:1000px auto,100% 100%}}
/* October coordinated adventure refresh */
.conversations.separate-conversations{background:#bf3a15!important;background-image:none!important}
.conversations.separate-conversations::before,.conversations.separate-conversations::after{content:none!important}
.adventure-banner{position:relative;border:0;background:#0864d8;line-height:0}
.sock-banner-link{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;position:relative;text-decoration:none;cursor:pointer;color:#122677}
.sock-banner-link:focus-visible{outline:5px solid #ffce00;outline-offset:-5px}
.banner-art-viewport{display:block;aspect-ratio:3;overflow:hidden}
.banner-art-viewport .sock-world-banner-art{display:block;width:100%;height:auto;max-width:none;transform:translateY(-20.37037%)}
.adventure-banner .sock-world-progress{position:absolute;bottom:10px;right:14px;pointer-events:none;margin:0;line-height:1.4;font-size:13px;box-shadow:0 3px 8px #073a7044}
.sock-world-banner-copy strong,.sock-world-banner-copy>span{display:block;line-height:1.35}
.adventures{padding:36px 3% 50px;background-color:#0654de}
.adv-shell{max-width:1280px}
.adv-hero{grid-template-columns:46% 54%;padding:30px 0 0 38px;background:#ffcf00;border:5px solid #fff;border-radius:36px;box-shadow:0 10px 0 #003499,0 20px 32px #001b6855;min-height:590px}
.adv-hero h2{font-size:clamp(40px,5vw,70px);color:#1533a4;text-shadow:0 3px 0 #fff}
.adv-hero p{color:#11286e}
.traveler-art{width:100%;height:auto;aspect-ratio:720/693;background:url('genci-world-intro.png') right center/266.667% auto no-repeat;align-self:end}
.adv-hero .adv-actions{padding-bottom:20px}
.adv-panel{border:4px solid white;background:#fff;border-radius:30px;box-shadow:0 8px 0 #00389d,0 14px 28px #00246e45;margin:32px 0;padding:30px}
.adv-panel:has(.adv-categories){background:#123bb9;color:white}
.adv-category{border:3px solid #fff;color:#0d245c;min-height:180px;box-shadow:inset 0 3px 0 #ffffff88,0 7px 0 #001d6899;transition:transform .15s;gap:8px}
.adv-category[data-category=read]{color:white}
.adv-category img{display:block;width:90px;height:90px;filter:drop-shadow(0 6px 3px #00185055)}
.adv-category:hover{transform:translateY(-3px)}
.adv-category[aria-pressed=true]{border-color:#fff;outline:4px solid #ffe32a;outline-offset:3px;transform:translateY(-4px);box-shadow:0 10px 0 #001d6899}
.adv-form-panel{background:#ffda16;overflow:hidden}
.adv-strip{background:#173dbb;color:white;border:3px solid white;box-shadow:0 5px 0 #092584;font-size:clamp(18px,2.4vw,30px);padding:16px;margin-bottom:24px}
.adv-personal-title{text-align:center;font-weight:bold;margin:0 0 22px}
.adv-form-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;align-items:center}
#good-deed-form{position:relative;z-index:1;padding:22px;background:#fff;border:3px solid #1743c9;border-radius:24px;box-shadow:0 6px 0 #d38d00}
.phone-art{width:100%;height:auto;aspect-ratio:1080/1350;min-height:580px;background:url('genci-signup-633eadc36c.png') center/contain no-repeat;filter:drop-shadow(0 15px 8px #bd7b0060)}
.adventures label{color:#122c77}
.adventures input:not([type=checkbox]),.adventures select,.adventures textarea{border:2px solid #2863e9}
.adv-button{background:#154de8;box-shadow:inset 0 2px 0 #ffffff66,0 5px 0 #092981;color:white}
.adv-button.orange{background:#df3909;box-shadow:inset 0 2px 0 #ffffff66,0 5px 0 #882700}
.adv-button.secondary{border-color:#1646c8;box-shadow:0 4px 0 #09298144}
.adv-button.purple{background:#7520d7;box-shadow:0 5px 0 #430a87}
.adv-map,.adv-map svg{background:#087bea}
.adv-map path.land{fill:url(#map-land);stroke:#d2ff76;stroke-width:.35}
.adv-map path.land-side{fill:#097645;stroke:#066234;stroke-width:.45}
.adv-map .pin{fill:var(--pin,#ff6729);filter:url(#pin-depth);stroke:#fff;stroke-width:.9}
.adv-map .pin:focus,.adv-map .pin:hover{fill:#ff3b45;stroke:#ffeb29}
.adv-map-note{border:3px solid #19a9ed;margin-top:12px}
.adv-stops li{border:3px solid #1576e5;border-top:9px solid #ff8a16;box-shadow:0 5px 0 #1262bc22}
.adv-stops li:nth-child(3n+2){border-top-color:#8137e3}.adv-stops li:nth-child(3n){border-top-color:#16aa54}
.adv-progress{accent-color:#7520d7;height:24px}.adv-success{background:#ffdd12;border:3px solid #153bbb}
.sock-thanks{background:#ffdb19;border:6px solid #fff;box-shadow:0 15px 0 #1444c2;max-width:980px}
.sock-thanks h2{color:#153cbd;text-shadow:0 2px 0 white}.sock-thanks p{font-size:18px;line-height:1.6;color:#12276a}.sock-confetti img{width:85px;filter:drop-shadow(0 4px 2px #00275844)}
@media(min-width:761px) and (max-width:1100px){header{gap:14px}header nav{gap:12px}header nav a,header nav button{font-size:12px}.adv-hero{min-height:470px;padding-left:25px}.adv-form-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.phone-art{min-height:460px}.adv-panel{padding:24px}.adv-category{padding:9px;font-size:16px}}
@media(max-width:760px){.adventures{padding:18px 12px 32px}.adv-hero{grid-template-columns:1fr;padding:24px 22px 0;min-height:0;gap:0}.adv-hero h2{font-size:40px;letter-spacing:-1px}.adv-hero p{font-size:17px}.traveler-art{width:min(100%,480px);margin:auto;aspect-ratio:720/693}.adv-hero .adv-actions{padding-bottom:0}.adv-panel{padding:20px 14px;margin:24px 0}.adv-form-layout{grid-template-columns:1fr}.phone-art{display:block;width:min(85%,360px);min-height:0;aspect-ratio:1080/1350;margin:12px auto 0}#good-deed-form{padding:17px}.adv-category{min-height:156px}.adv-category:last-child{min-height:115px}.adv-category img{width:78px;height:78px}.sock-world-banner-copy{padding:12px 14px!important;background:#ffda16;color:#133283}.sock-world-banner-copy strong{font-size:21px}.sock-world-banner-copy>span:last-child{font-size:14px}.adventure-banner .sock-world-progress{position:static;display:block;border-radius:0;padding:5px 12px;margin:0;background:#153bbb;color:white;box-shadow:none}.adv-fields{grid-template-columns:1fr}.adv-map{height:330px}}
@media(prefers-reduced-motion:reduce){.adv-category{transition:none}.adv-category:hover{transform:none}}

.banner-art-viewport .sock-world-banner-art{aspect-ratio:auto}
html:not([lang="en"]) .sock-world-banner-copy{line-height:1.4;background:#ffda16;color:#133283;padding:14px}

/* Show the complete new adventure artwork without clipping its copy. */
.banner-art-viewport{aspect-ratio:1672/941}
.banner-art-viewport .sock-world-banner-art{transform:none;aspect-ratio:1672/941}

/* A visible action on the existing keyboard-accessible game banner control. */
.banner-art-viewport{position:relative}
.sock-play-now{position:absolute;left:52%;bottom:9%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:44px;max-width:58%;padding:.7em 1.5em;border:3px solid #fff5a0;border-radius:999px;background:linear-gradient(#fff5a3,#ffe42c 30%,#ffbb13);color:#122677;font:900 clamp(14px,2.1vw,34px)/1.2 'Trebuchet MS',Arial,sans-serif;letter-spacing:.04em;box-shadow:inset 0 3px 1px #fffde5,inset 0 -3px 2px #ea8d08,0 7px 0 #ad5708,0 12px 16px #12377855;text-shadow:0 1px #fff5b5;transition:translate .15s,box-shadow .15s}
.sock-banner-link:hover .sock-play-now,.sock-banner-link:focus-visible .sock-play-now{translate:0 -2px}
.sock-banner-link:active .sock-play-now{translate:0 5px;box-shadow:inset 0 2px 2px #fffde5,0 2px 0 #ad5708,0 4px 6px #12377844}
@media(max-width:760px){.sock-play-now{left:55%;bottom:5%;padding:.55em 1em;border-width:2px;box-shadow:inset 0 2px 1px #fffde5,0 4px 0 #ad5708,0 7px 10px #12377855}}
@media(prefers-reduced-motion:reduce){.sock-play-now{transition:none}}
html[data-motion=off] .sock-play-now{transition:none}

.adv-map .pin[role=button]{cursor:pointer}.adv-map .pin[aria-pressed=true] path,.adv-map .pin:focus-visible path{stroke:#fff;stroke-width:1.5}.adv-map .pin:focus{outline:none}.adv-map-note{padding:16px 20px;background:#fff;border-radius:16px;color:#122677;margin-top:16px}.adv-map-note h3{margin:0 0 8px}.adv-map-note p{margin:6px 0;overflow-wrap:anywhere}