:root{
  --night:#120a2a; --night-2:#1d1042; --plum:#3a1a5e;
  --rose:#ff5fa2; --coral:#ff8a5b; --gold:#ffc94a; --mint:#4fe3c1; --sky:#7ab8ff; --lilac:#c9a7ff; --teal:#1fb5b0;
  --cream:#fff6ea; --ink:#2b1846; --muted:#cbbbe6;
  --aurora:linear-gradient(100deg,var(--rose),var(--coral) 30%,var(--gold) 50%,var(--mint) 75%,var(--sky));
  --radius:28px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--sans);background:var(--night);color:var(--cream);line-height:1.65;font-size:18px;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:.01em}
h2{font-size:clamp(1.9rem,4.6vw,3.3rem);margin-bottom:.45em}
h3{font-size:1.4rem;margin-bottom:.35em}
p+p{margin-top:.8em}
.wrap{width:min(1150px,100% - 32px);margin-inline:auto}
.center{text-align:center;margin-top:30px}
.note{font-size:.92rem;color:var(--muted)}
.note.small{font-size:.82rem;margin-top:10px}
.aurora{background:var(--aurora);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s ease-in-out infinite alternate}
@keyframes shimmer{to{background-position:100% 0}}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;color:var(--gold);margin-bottom:.9em;display:inline-flex;gap:.6em;align-items:center}
.eyebrow.dark{color:var(--ink)}
.eico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;animation:spin 18s linear infinite}
.hico{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:2.2;vertical-align:-5px;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}
.shead{margin-bottom:8px}
.lead{font-size:1.15rem;max-width:740px;color:#efe4ff}
.subh{font-size:1.8rem;margin:60px 0 16px}

/* sky, orbs and floating symbols */
#sky{position:fixed;inset:0;z-index:-3;pointer-events:none}
.orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.3;z-index:-2;pointer-events:none;animation:drift 24s ease-in-out infinite alternate}
.orb.a{width:420px;height:420px;background:var(--rose);top:10%;left:-140px}
.orb.b{width:380px;height:380px;background:var(--teal);top:55%;right:-140px;animation-duration:30s}
.orb.c{width:300px;height:300px;background:var(--gold);bottom:-120px;left:30%;animation-duration:36s;opacity:.2}
@keyframes drift{to{transform:translate(80px,-60px) scale(1.15)}}
.floaters{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.floaters .f{position:absolute;width:90px;height:90px;fill:none;stroke-width:1;opacity:.13;animation:floaty 26s ease-in-out infinite alternate}
.f1{top:14%;left:6%;stroke:var(--mint)}
.f2{top:30%;right:7%;stroke:var(--gold);width:70px;animation-duration:32s}
.f3{top:62%;left:10%;stroke:var(--rose);width:110px;animation-duration:38s}
.f4{top:78%;right:14%;stroke:var(--sky);width:60px}
.f5{top:46%;left:46%;stroke:var(--lilac);width:160px;opacity:.06;animation-duration:44s}
.f6{top:8%;right:30%;stroke:var(--coral);width:64px;animation-duration:30s}
@keyframes floaty{to{transform:translate(30px,-50px) rotate(40deg)}}

/* nav */
.topnav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;width:min(1200px,100% - 24px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 10px;border-radius:999px;background:rgba(18,10,42,.66);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12)}
.topnav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:1.08rem;font-weight:600;white-space:nowrap}
.topnav .brand img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 18px rgba(31,181,176,.45)}
.topnav .mainnav{list-style:none;display:flex;gap:2px;padding:0;align-items:center}
.topnav ul a{text-decoration:none;padding:8px 11px;border-radius:999px;font-weight:600;font-size:.9rem;transition:background .2s;white-space:nowrap}
.topnav ul a:hover,.topnav ul a[aria-current]{background:rgba(255,255,255,.1)}
.topnav .navcta{background:var(--aurora);color:var(--ink)!important;font-weight:700}
.navright{display:flex;gap:6px;align-items:center;order:3}
.lang{font-weight:700;font-size:.85rem;text-decoration:none;padding:7px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);letter-spacing:.08em}
.lang:hover{background:rgba(255,255,255,.1)}
.menu-btn{display:none;background:none;border:0;color:var(--cream);font-size:1.5rem;cursor:pointer;padding:4px 10px}
@media (max-width:1100px){
  .topnav .mainnav{display:none;position:absolute;top:62px;right:0;left:0;flex-direction:column;align-items:stretch;background:rgba(18,10,42,.97);border-radius:24px;padding:10px;border:1px solid rgba(255,255,255,.12)}
  .topnav .mainnav.open{display:flex}
  .topnav .mainnav a{display:block;padding:12px 16px}
  .menu-btn{display:block}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:var(--sans);font-size:1rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;margin:4px}
.btn:hover{transform:translateY(-3px) scale(1.04)}
.btn.primary{background:var(--aurora);background-size:200% 100%;color:var(--ink);box-shadow:0 10px 30px -8px rgba(255,95,162,.6);animation:shimmer 6s ease-in-out infinite alternate}
.btn.ghost{background:rgba(255,255,255,.08);color:var(--cream);border:1.5px solid rgba(255,255,255,.35)}
.btn:disabled{opacity:.6;cursor:wait}

/* home hero carousel */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:120px 16px 90px}
.hero.small{min-height:90svh}
.slides{position:absolute;inset:0;z-index:-1}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;transform:scale(1.08)}
.slide.on{opacity:1;animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-1%,-1%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,rgba(18,10,42,.2),rgba(18,10,42,.78) 80%),linear-gradient(to bottom,rgba(58,26,94,.35),transparent 35%,transparent 70%,var(--night))}
.hero h1{font-size:clamp(2.8rem,10vw,7.2rem);font-weight:700;letter-spacing:.04em}
.hero .tag{font-size:clamp(1.05rem,2.3vw,1.35rem);max-width:700px;margin:18px auto 30px;color:#f6eeff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.hero .ctas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.hero-logo{width:clamp(110px,18vw,170px);margin:0 auto 14px;border-radius:50%;animation:float 6s ease-in-out infinite;box-shadow:0 0 60px rgba(31,181,176,.5),0 0 120px rgba(255,201,74,.25)}
@keyframes float{50%{transform:translateY(-12px)}}
.dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dot{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0;transition:all .3s}
.dot.on{background:var(--gold);width:28px;border-radius:6px}

/* page hero */
.phero{position:relative;min-height:66svh;display:flex;align-items:flex-end;padding:140px 0 70px;overflow:hidden}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(18,10,42,.45),rgba(18,10,42,.55) 50%,var(--night))}
.phero h1{font-size:clamp(2.3rem,7vw,5rem);margin-bottom:.3em}
.kenburns{animation:kb2 30s ease-in-out infinite alternate}
@keyframes kb2{from{transform:scale(1.04)}to{transform:scale(1.2) translate(-2%,-2%)}}

/* marquee */
.marquee{overflow:hidden;background:var(--aurora);color:var(--ink);padding:14px 0;font-weight:700;transform:rotate(-1.5deg);margin:10px -10px}
.marquee div{display:flex;gap:2.2em;white-space:nowrap;width:max-content;animation:scroll 50s linear infinite;font-size:1.05rem}
@keyframes scroll{to{transform:translateX(-50%)}}

section{padding:100px 0;position:relative}

.split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:36px}}
.blob{border-radius:62% 38% 46% 54%/45% 55% 45% 55%;overflow:hidden;animation:morph 14s ease-in-out infinite;box-shadow:0 30px 60px -20px rgba(255,95,162,.45);position:relative;display:block}
.blob img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .8s}
.blob.clickable:hover img{transform:scale(1.07)}
.tapme{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-weight:700;padding:10px 20px;border-radius:999px;animation:wiggle 3s ease-in-out infinite}
@keyframes morph{33%{border-radius:40% 60% 60% 40%/60% 40% 60% 40%}66%{border-radius:55% 45% 35% 65%/40% 60% 40% 60%}}
.stickers,.roles{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sticker{padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--ink);transform:rotate(var(--r,0deg));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.sticker:hover{transform:rotate(0) scale(1.1)}

/* prices */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:30px}
.prow{display:flex;flex-direction:column;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.prow span{font-weight:600;font-size:.95rem}
.prow b{font-family:var(--serif);font-size:1.9rem;color:var(--gold);line-height:1.2;margin-top:4px}
.prow small{color:var(--muted)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:40px}
.card{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
.card:hover{box-shadow:0 30px 60px -25px rgba(79,227,193,.5)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}
.card:hover img{transform:scale(1.06)}
.card .body{padding:22px 24px 26px}
.price{font-family:var(--serif);font-size:2.2rem;font-weight:700}
.price small{font-family:var(--sans);font-size:1rem;color:var(--muted);font-weight:600}
.card .pick{margin-top:14px}

/* banners */
.banner{display:grid;grid-template-columns:1fr 1.1fr;border-radius:36px;overflow:hidden;background:linear-gradient(130deg,#2c1760,#5b1f6e);text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.banner:hover{transform:translateY(-6px)}
.banner img{width:100%;height:100%;object-fit:cover;min-height:280px}
.banner>div{padding:clamp(24px,4vw,48px);align-self:center}
.banner.alt{background:linear-gradient(130deg,#163a46,#2c1760)}
.mini-hoodies{display:flex;align-items:center;justify-content:center;gap:0;padding:24px;background:radial-gradient(circle,rgba(255,201,74,.25),transparent 65%)}
.mini-hoodies img{width:48%;min-height:0;height:auto;object-fit:contain;animation:float 7s ease-in-out infinite}
.mini-hoodies img+img{animation-delay:1.5s;margin-left:-6%}
@media (max-width:760px){.banner{grid-template-columns:1fr}}

/* booking */
.booker{margin-top:48px;background:var(--cream);color:var(--ink);border-radius:36px;padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:1.2fr 1fr;gap:36px;box-shadow:0 40px 80px -30px rgba(255,95,162,.5)}
@media (max-width:860px){.booker{grid-template-columns:1fr}}
.booker h3{font-size:1.9rem}
.field{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.field label{font-weight:700;font-size:.9rem}
.field input,.field select{font:inherit;padding:12px 14px;border-radius:14px;border:2px solid #e6d6f5;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus{outline:none;border-color:var(--rose)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.row{grid-template-columns:1fr}}
.toggle{display:flex;gap:12px;align-items:center;margin-top:16px;padding:14px;border-radius:16px;background:#fff1f7;cursor:pointer;font-weight:600}
.toggle.soft{background:#eefbf7}
.toggle input{width:22px;height:22px;accent-color:var(--rose);flex:none}
.summary{background:var(--night);color:var(--cream);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:10px}
.summary .line{display:flex;justify-content:space-between;gap:12px}
.summary .total{border-top:1px dashed rgba(255,255,255,.3);padding-top:12px;margin-top:6px;font-family:var(--serif);font-size:1.9rem}
.summary .btn{justify-content:center;margin-top:10px}
.err{color:#c0134f;font-weight:700;margin-top:10px;min-height:1.2em}
.summary .err{color:#ff8fb8}

/* rules */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:36px}
.rule{padding:24px;border-radius:24px;color:var(--ink);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.rule:hover{transform:translateY(-6px) rotate(-1deg)}
.rule .ico{font-size:2.2rem;display:block;margin-bottom:8px}

/* volunteer */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
@media (max-width:760px){.tiers{grid-template-columns:1fr}}
.tier{border-radius:var(--radius);padding:30px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.tier ul{padding-left:1.1em;margin:12px 0 18px}

/* ethos */
.ethos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.ethos-card{padding:28px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.ethos-card:hover{transform:translateY(-6px)}
.ebig{width:54px;height:54px;fill:none;stroke:var(--gold);stroke-width:1.8;margin-bottom:14px;animation:spin 40s linear infinite}
.ethos-card:nth-child(3n+2) .ebig{stroke:var(--mint)}
.ethos-card:nth-child(3n) .ebig{stroke:var(--rose)}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width:760px){.fit{grid-template-columns:1fr}}
.fitcol{padding:30px;border-radius:var(--radius)}
.fitcol.yes{background:var(--mint);color:var(--ink)}
.fitcol.no{background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.3)}
.fitcol ul{padding-left:1.1em;margin-top:10px}
.fitcol li+li{margin-top:6px}
.expect{list-style:none;padding:0;counter-reset:e;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:30px}
.expect li{counter-increment:e;padding:20px 22px 20px 64px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);position:relative;display:flex;flex-direction:column;gap:4px}
.expect li::before{content:counter(e);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--aurora);color:var(--ink);font-weight:700;display:grid;place-items:center}
.expect span{color:var(--muted);font-size:.95rem}
.ticks{list-style:none;padding:0;margin:18px 0}
.ticks li{padding-left:30px;position:relative;margin-top:8px}
.ticks li::before{content:"✦";position:absolute;left:4px;color:var(--gold)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:30px}
.steps div{padding:22px;border-radius:22px;background:rgba(255,255,255,.06)}
.steps b{font-family:var(--serif);font-size:2rem;color:var(--gold)}

/* team */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;margin-top:30px}
.member{text-align:center}
.avatar{position:relative;width:120px;height:120px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;color:var(--ink);overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.member:hover .avatar{transform:rotate(-8deg) scale(1.06)}
.avatar span{font-family:var(--serif);font-size:2.6rem;font-weight:700;position:relative}
.asym{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);fill:none;stroke:rgba(43,24,70,.28);stroke-width:2;animation:spin 30s linear infinite}
.member h3{font-size:1.15rem;margin:0}
.member p{color:var(--muted);font-size:.9rem}
.bio{margin-top:40px;padding:30px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);max-width:860px}

/* animals */
.pets{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:30px 0}
.pet{padding:22px;border-radius:24px;background:var(--c);color:var(--ink);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pet:hover{transform:translateY(-6px) rotate(1.5deg)}
.petemoji{font-size:2rem;display:block;animation:wiggle 4s ease-in-out infinite}
@keyframes wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}

/* friends map */
.friends{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:30px}
@media (max-width:860px){.friends{grid-template-columns:1fr}}
.map{min-height:420px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#1d1042}
.flist{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.flist li{display:flex;gap:14px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.flist li div{display:flex;flex-direction:column}
.flist span{color:var(--muted);font-size:.92rem}
.flist a{color:var(--gold);font-weight:700;font-size:.9rem;margin-top:4px}
.lico{width:28px;height:28px;flex:none;fill:none;stroke:var(--mint);stroke-width:2.5}
.mvpin{width:28px;height:28px;border-radius:50%;background:var(--gold);border:3px solid var(--night);box-shadow:0 0 0 4px rgba(255,201,74,.4),0 0 24px var(--gold)}
.frpin{width:20px;height:20px;border-radius:50%;background:var(--mint);border:3px solid var(--night);box-shadow:0 0 16px var(--mint)}
.rtpin{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);border:3px solid var(--rose);box-shadow:0 0 12px var(--rose)}
.flegend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;font-size:.9rem;color:var(--muted)}
.flegend span{display:inline-flex;align-items:center;gap:6px}
.flegend i.sm{display:inline-block;width:14px;height:14px;border-width:2px}
.flist{max-height:560px;overflow-y:auto;padding-right:6px}
.flist li.fgroup{background:none;border:0;padding:8px 2px 0}
.flist small{color:var(--gold);font-size:.8rem;letter-spacing:.03em}
.flist li.f-route{opacity:.85}
.btn.small{padding:6px 14px;font-size:.85rem}
.leaflet-popup-content-wrapper{border-radius:16px;font-family:var(--sans)}

/* feeds */
.feeds{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:30px}
@media (max-width:860px){.feeds{grid-template-columns:1fr}}
.feed{padding:26px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.yt{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:18px 0}
.ytv{display:block;text-decoration:none;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.25);transition:transform .3s}
.ytv:hover{transform:translateY(-4px)}
.ytv img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ytv span{display:block;padding:10px 12px;font-size:.88rem;font-weight:600;line-height:1.35}
.ytframe{grid-column:1/-1;aspect-ratio:16/9;width:100%;border:0;border-radius:16px}
.ig{margin:18px 0}
.igcard{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:linear-gradient(130deg,rgba(255,95,162,.3),rgba(255,201,74,.2));text-decoration:none}
.igcard img{width:64px;height:64px;border-radius:50%}
.igcard span{display:flex;flex-direction:column}

/* family */
.family{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
@media (max-width:760px){.family{grid-template-columns:1fr}}
.fam{display:block;text-decoration:none;border-radius:var(--radius);padding:34px;min-height:230px;position:relative;overflow:hidden;color:var(--ink);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.fam:hover{transform:translateY(-8px) rotate(.8deg)}
.fam h3{font-size:1.9rem}
.fam .go{position:absolute;right:26px;bottom:22px;font-size:2rem;transition:transform .3s}
.fam:hover .go{transform:translateX(8px) rotate(-20deg)}

/* photos */
.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:30px}
.mosaic.big{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-flow:dense}
.mosaic.big img:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.mosaic img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;cursor:zoom-in;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;filter:saturate(1.1)}
.mosaic img:hover{transform:scale(1.04) rotate(-1deg);filter:saturate(1.35)}
@media (max-width:520px){.mosaic.big{grid-template-columns:repeat(2,1fr)}.mosaic.big img:nth-child(7n+1){grid-column:span 2;grid-row:span 1;aspect-ratio:16/10}}
.lightbox{position:fixed;inset:0;background:rgba(10,5,25,.94);display:none;place-items:center;z-index:100;padding:20px;cursor:zoom-out}
.lightbox.open{display:grid}
.lightbox img{max-height:90vh;border-radius:18px}

/* past */
.past-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.past-item{padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.25)}
.past-item .when{color:var(--gold);font-weight:700;font-size:.85rem}
.tablewrap{overflow-x:auto}
table.old{width:100%;border-collapse:collapse;font-size:.95rem}
table.old th,table.old td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}

/* merch */
.shop{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:var(--cream);color:var(--ink);border-radius:36px;padding:clamp(22px,4vw,44px)}
@media (max-width:860px){.shop{grid-template-columns:1fr}}
.shopimg{background:radial-gradient(circle,rgba(255,95,162,.25),rgba(31,181,176,.15) 50%,transparent 70%);border-radius:28px;padding:20px}
.shopimg img{animation:float 7s ease-in-out infinite;transition:opacity .3s}
.shopinfo h3{font-size:1.9rem}
.swatches{display:flex;flex-wrap:wrap;gap:12px 18px}
.sw{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}
.sw input{position:absolute;opacity:0}
.sw span{width:34px;height:34px;border-radius:50%;border:3px solid #ddd;transition:transform .2s}
.sw input:checked+span{border-color:var(--rose);transform:scale(1.15)}
.sw input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}

/* sitemap */
.smap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:30px}
.smap ul{list-style:none;padding:0}
.smap li{margin-top:8px}
.smap a{font-weight:600;color:var(--gold)}

footer{padding:70px 0 50px;text-align:center;color:var(--muted)}
.footlogo{width:90px;margin:0 auto 14px;border-radius:50%}
footer .links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:14px 0}
footer .links.small{font-size:.9rem}
footer a{font-weight:600;color:var(--cream)}
.chant{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--lilac)}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
.shop .note,.booker>div .note{color:#6b5a85}

/* ---- v3: dropdown nav ---- */
.mainnav .dd{position:relative}
.ddb{background:none;border:0;color:inherit;font:600 .9rem var(--sans);padding:8px 11px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ddb:hover,.ddb[aria-current]{background:rgba(255,255,255,.1)}
.ddm{list-style:none;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;padding:8px;border-radius:20px;background:rgba(18,10,42,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);display:none;flex-direction:column}
.ddm::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.dd:hover .ddm,.dd:focus-within .ddm,.dd.open .ddm{display:flex}
.ddm a{display:block;padding:10px 14px!important;border-radius:12px!important}
@media (max-width:1100px){
  .ddb{width:100%;text-align:left;padding:12px 16px;font-size:1rem}
  .ddm{position:static;display:none;background:none;border:0;box-shadow:none;padding:0 0 6px 14px}
  .dd.open .ddm{display:flex}
  .dd:hover .ddm{display:none}.dd.open:hover .ddm{display:flex}
}
.whatis{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--gold);font-weight:700;text-decoration:none;padding:8px 16px;border-radius:999px;background:rgba(18,10,42,.55);border:1px solid rgba(255,201,74,.4)}
.whatis:hover{background:rgba(255,201,74,.15)}
.btn.sm{padding:8px 14px;font-size:.85rem}

/* calendar */
.calwrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:clamp(16px,3vw,30px);display:grid;grid-template-columns:1.3fr 1fr;gap:26px}
@media (max-width:900px){.calwrap{grid-template-columns:1fr}}
.calhead{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
.calhead h3{font-size:1.7rem;margin:0;text-transform:capitalize}
.calnav{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:none;color:var(--cream);font-size:1.6rem;cursor:pointer}
.calnav:hover{background:rgba(255,255,255,.1)}
.calfilters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.fchip{border:2px solid var(--c);background:none;color:var(--cream);padding:6px 14px;border-radius:999px;font:600 .85rem var(--sans);cursor:pointer;opacity:.5}
.fchip.on{background:var(--c);color:var(--ink);opacity:1}
.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-content:start}
.cwd{text-align:center;font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px}
.cday{aspect-ratio:1;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--cream);font:600 .95rem var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .2s,background .2s}
.cday:hover{transform:scale(1.06);background:rgba(255,255,255,.1)}
.cday.empty{border:0;background:none;cursor:default}
.cday.today{border-color:var(--gold)}
.cday.sel{background:var(--cream);color:var(--ink)}
.dots2{display:flex;gap:3px}.dots2 i{width:7px;height:7px;border-radius:50%}
.calday{display:flex;flex-direction:column;gap:12px}
.dayh{font-family:var(--serif);font-size:1.3rem;text-transform:capitalize}
.upcoming{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:24px}
.ev{padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-left:6px solid var(--c)}
.evtag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--c)}
.ev h4{font-family:var(--serif);font-size:1.2rem;margin:4px 0}
.evwhen{color:var(--gold);font-weight:600;font-size:.9rem}
.evtext{color:var(--muted);font-size:.92rem;margin-top:4px}
.evbtns{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.evbtns .btn{margin:0}
.linkcard{text-decoration:none;display:block}
.datechips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0}
.datechips li{padding:14px 22px;border-radius:18px;background:var(--rose);color:var(--ink);font-family:var(--serif);font-size:1.2rem}

/* call banner */
.callart{display:grid;place-items:center;min-height:260px;background:radial-gradient(circle,rgba(255,201,74,.35),transparent 60%)}
.cbig{width:150px;height:150px;fill:none;stroke:var(--gold);stroke-width:1.5;animation:spin 40s linear infinite}
.calframe{border-radius:var(--radius);overflow:hidden;background:#fff;min-height:680px}
.calframe iframe,.bookframe{width:100%;height:680px;border:0;display:block}
.bookframe{border-radius:20px;background:#fff}

/* words */
.seeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:26px}
.seed{display:block;text-decoration:none;padding:24px;border-radius:24px;background:linear-gradient(160deg,rgba(255,201,74,.18),rgba(255,95,162,.1));border:1px solid rgba(255,255,255,.16);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.seed:hover{transform:translateY(-6px) rotate(-1deg)}
.seed h3{font-size:1.4rem;color:var(--gold)}
.seed.visitor{background:rgba(255,255,255,.05);border-left:5px solid var(--c)}
.seed.visitor h3{color:var(--c)}
.seed small{display:block;margin-top:10px;color:var(--muted)}
.wordform{background:var(--cream);color:var(--ink);border-radius:30px;padding:clamp(20px,4vw,36px);margin-top:26px}
.wordform textarea{font:inherit;padding:12px 14px;border-radius:14px;border:2px solid #e6d6f5;resize:vertical}
.wordform .btn{margin-top:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* publishing */
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;margin-top:30px}
.book{text-align:center}
.spine{aspect-ratio:2/3;border-radius:8px 18px 18px 8px;background:linear-gradient(120deg,rgba(0,0,0,.25),transparent 18%),var(--c);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;box-shadow:8px 12px 30px -10px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.book:hover .spine{transform:rotate(-4deg) translateY(-8px)}
.spine b{font-family:var(--serif);font-size:1.2rem;line-height:1.2}
.spine small{font-size:.8rem;opacity:.8}
.bsym{width:46px;height:46px;fill:none;stroke:var(--ink);stroke-width:2}
.book p{margin-top:10px;color:var(--muted);font-size:.9rem}

/* support */
.dream .body{position:relative}
.dsym{width:40px;height:40px;fill:none;stroke:var(--gold);stroke-width:2;margin-bottom:8px}
.amts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 6px}
.amts label{cursor:pointer}
.amts input[type=radio]{position:absolute;opacity:0}
.amts span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);font-weight:700;font-size:.9rem}
.amts input:checked+span{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.amts input:focus-visible+span{outline:2px solid var(--cream)}
.amts .other input{width:90px;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:var(--cream);font:600 .9rem var(--sans)}
.give .btn{margin:8px 0 0}

/* animal dinners */
.dinner{background:var(--cream);color:var(--ink);border-radius:30px;padding:clamp(20px,4vw,36px);margin-top:26px}
.dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.dish{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:#fff;border:2px solid #eee;transition:border-color .2s,transform .2s}
.dish.picked{border-color:var(--rose);transform:scale(1.02)}
.dish>div:nth-child(2){flex:1;display:flex;flex-direction:column}
.dish small{color:#7a6a92;font-weight:700}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:34px;height:34px;border-radius:50%;border:0;background:var(--rose);color:#fff;font-size:1.2rem;cursor:pointer}
.qty output{min-width:20px;text-align:center;font-weight:700}
.dintotal{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-family:var(--serif);font-size:1.6rem}
.stations{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
@media (max-width:760px){.stations{grid-template-columns:1fr}}
.station{border-radius:var(--radius);padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.station iframe{width:100%;height:150px;border:0;border-radius:16px;margin-top:12px}
.eq{display:inline-flex;gap:3px;align-items:flex-end;height:18px;margin-left:10px}
.eq i{width:4px;background:var(--mint);border-radius:2px;animation:eqb 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s;background:var(--gold)}.eq i:nth-child(3){animation-delay:.4s;background:var(--rose)}.eq i:nth-child(4){animation-delay:.6s}
@keyframes eqb{0%,100%{height:4px}50%{height:18px}}
.designs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:520px){.designs{grid-template-columns:1fr}}
.dz{cursor:pointer}
.dz input{position:absolute;opacity:0}
.dz span{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 14px;border-radius:14px;border:2px solid #e6d6f5;background:#fff;font-weight:600;font-size:.92rem;height:100%}
.dz b{color:var(--rose)}
.dz input:checked+span{border-color:var(--rose);background:#fff1f7}
.dz input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.iggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:26px;align-items:start}
.iggrid .instagram-media{min-width:0!important;width:100%!important;margin:0!important;border-radius:18px!important}
.member.memory .avatar{background:linear-gradient(140deg,var(--lilac),var(--sky))!important;box-shadow:0 0 30px rgba(201,167,255,.6)}
.member.memory h3::after{content:" ✦";color:var(--lilac)}

/* valley map */
.landmap{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;align-items:start}
@media (max-width:860px){.landmap{grid-template-columns:1fr}}
.mapsvg{width:100%;height:auto;border-radius:30px;box-shadow:0 30px 70px -30px rgba(255,95,162,.5);border:1px solid rgba(255,255,255,.14)}
.trail{fill:none;stroke:rgba(255,201,74,.45);stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round;animation:march 30s linear infinite}
@keyframes march{to{stroke-dashoffset:-400}}
.water{fill:none;stroke:var(--sky);stroke-width:7;opacity:.55;stroke-linecap:round}
.zone{cursor:pointer;outline:none}
.zglow{opacity:.18;filter:url(#glow);transition:opacity .4s;animation:pulse 5s ease-in-out infinite}
.zone:nth-child(odd) .zglow{animation-delay:-2.5s}
@keyframes pulse{50%{opacity:.32}}
.zcore{opacity:.16;stroke:rgba(255,255,255,.5);stroke-width:1.5;stroke-dasharray:4 6;transition:opacity .3s}
.zsym{fill:none;stroke:var(--cream);stroke-width:2.2;transition:transform .3s;transform-box:fill-box;transform-origin:center}
.zlabel{fill:var(--cream);font:700 15px var(--sans);text-anchor:middle;paint-order:stroke;stroke:#0e0722;stroke-width:5px;stroke-linejoin:round;letter-spacing:.02em}
.zone:hover .zglow,.zone:focus .zglow,.zone.on .zglow{opacity:.55}
.zone:hover .zcore,.zone:focus .zcore,.zone.on .zcore{opacity:.38}
.zone:hover .zsym,.zone.on .zsym{transform:scale(1.2) rotate(12deg)}
.zone:focus-visible .zcore{stroke:var(--gold);stroke-width:4;opacity:.5}
.compass circle{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.3)}
.compass path{fill:var(--gold)}
.compass text{fill:var(--gold);font:700 14px var(--sans);text-anchor:middle}
.mappanel{position:sticky;top:90px;padding:28px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-top:6px solid var(--c,var(--gold))}
.mappanel h3{font-size:1.6rem;color:var(--c,var(--cream))}
.mappanel .btn{margin:18px 0 0}
.residents{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}
.residents .eyebrow{margin:0 6px 0 0;width:100%}
.resident{padding:6px 14px;border-radius:999px;background:var(--c,var(--gold));color:var(--ink);font-weight:700}
.ev.featured{border-left-width:10px;background:linear-gradient(130deg,rgba(255,138,91,.25),rgba(255,95,162,.15));grid-column:1/-1}
.ev.featured h4{font-size:1.6rem}
.whatrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.whatrow .whatis{margin-top:18px}
.whynow{text-align:center;max-width:860px;margin:0 auto;padding:clamp(28px,5vw,56px);border-radius:36px;background:linear-gradient(140deg,rgba(255,201,74,.16),rgba(255,95,162,.12),rgba(79,227,193,.1));border:1px solid rgba(255,255,255,.16)}
.whynow .ebig{margin:0 auto 10px}
.whynow .lead{margin:0 auto;font-size:1.3rem}
a.rule{text-decoration:none;display:block}
.longstay{display:flex;gap:20px;align-items:center;margin:26px 0 6px;padding:24px 28px;border-radius:26px;background:linear-gradient(130deg,rgba(201,167,255,.2),rgba(79,227,193,.12));border:1px solid rgba(255,255,255,.16)}
.longstay .ebig{flex:none;margin:0}
.longstay h3{color:var(--gold)}
@media (max-width:600px){.longstay{flex-direction:column;align-items:flex-start}}
.station audio{width:100%;margin-top:12px;border-radius:999px}
.station .card-link{display:inline-block;margin-top:10px;font-size:.85rem;color:var(--muted)}
.station.offair .eq i{animation:none;height:4px}
.nowplaying{color:var(--gold)!important;font-weight:600}

/* ---- Farm and Magic game ---- */
.game{position:relative;padding:clamp(14px,3vw,26px);border-radius:32px;background:linear-gradient(170deg,#1f1150,#123a35 140%);border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 80px -40px rgba(79,227,193,.5)}
.game.serenade{box-shadow:0 0 0 3px var(--gold),0 40px 80px -30px rgba(255,201,74,.6)}
.game.feast .g-stat:nth-child(2){animation:wiggle 1.5s infinite}
.g-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.g-stat{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:16px;background:rgba(0,0,0,.25)}
.g-stat span{font-size:1.2rem}.g-stat b{font-family:var(--serif);font-size:1.4rem}.g-stat small{color:var(--muted)}
.g-chant{margin-left:auto}
.g-chant.om{animation:omp .6s}
@keyframes omp{50%{transform:scale(1.12);box-shadow:0 0 40px var(--gold)}}
.g-msg{margin:14px 0;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.07);min-height:3em;font-weight:600}
.g-msg.pop{animation:msgp .5s}
@keyframes msgp{from{background:rgba(255,201,74,.35)}}
.g-main{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
@media (max-width:860px){.g-main{grid-template-columns:1fr}}
.g-seeds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.g-seed{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:rgba(0,0,0,.2);color:var(--cream);font:600 .85rem var(--sans);cursor:pointer}
.g-seed span{font-size:1.3rem}.g-seed small{color:var(--gold)}
.g-seed.on{border-color:var(--gold);background:rgba(255,201,74,.18)}
.g-farm{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:520px){.g-farm{grid-template-columns:repeat(3,1fr)}}
.g-plot{position:relative;aspect-ratio:1;border-radius:18px;border:0;cursor:pointer;background:radial-gradient(circle at 50% 60%,#7a4b2a,#4a2a16);box-shadow:inset 0 -6px 0 rgba(0,0,0,.25);transition:transform .15s}
.g-plot:hover{transform:translateY(-3px)}
.g-plot:active{transform:scale(.95)}
.g-plot.dry{filter:saturate(.6) brightness(.85)}
.g-plot.ripe{box-shadow:0 0 0 3px var(--gold),inset 0 -6px 0 rgba(0,0,0,.25);animation:ripe 1.6s ease-in-out infinite}
@keyframes ripe{50%{box-shadow:0 0 22px var(--gold),inset 0 -6px 0 rgba(0,0,0,.25)}}
.g-plot.rock{background:radial-gradient(circle,#5b5466,#3a3444)}
.g-plot.wither{filter:grayscale(.8)}
.g-plot.gold{box-shadow:0 0 40px 10px gold}
.g-ico{font-size:clamp(1.8rem,5vw,2.6rem);display:block;line-height:1}
.g-bar{position:absolute;left:12%;bottom:10%;height:5px;border-radius:3px;background:var(--mint);max-width:76%}
.g-drop{position:absolute;top:6px;right:8px;font-size:.9rem;animation:bob 1.5s infinite}
.g-float{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-weight:800;color:var(--gold);pointer-events:none;animation:fl 1.1s ease-out forwards;white-space:nowrap;z-index:3;text-shadow:0 2px 6px #000}
@keyframes fl{to{transform:translate(-50%,-50px);opacity:0}}
.g-plot,.g-card,.g-chant,.g-coop .btn,.g-dream .btn{position:relative}
.g-coop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding:12px 16px;border-radius:18px;background:rgba(0,0,0,.2)}
.g-hens{font-size:1.4rem;letter-spacing:4px}.g-guard{font-size:1.1rem}
.g-coop .btn{margin:0}
.g-side{padding:16px;border-radius:22px;background:rgba(0,0,0,.2)}
.g-side h3{font-size:1.2rem}
.g-dreamnow{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.g-big{font-size:2.4rem}
.g-prog{height:12px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.g-prog i{display:block;height:100%;background:var(--aurora);transition:width .4s}
.g-dream .btn{margin:8px 0 0}
.g-dreams{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.g-dreamb{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:none;color:var(--cream);font:600 .85rem var(--sans);cursor:pointer;text-align:left}
.g-dreamb b{flex:1}.g-dreamb small{color:var(--muted)}
.g-dreamb.on{border-color:var(--gold)}
.g-dreamb.done{opacity:.6}.g-dreamb.done small::after{content:" ✓";color:var(--mint)}
.g-h{margin:26px 0 12px;font-size:1.5rem}
.g-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.g-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:20px;border:2px solid var(--c);background:rgba(0,0,0,.25);color:var(--cream);text-align:left;cursor:pointer;font-family:var(--sans);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.g-card:hover{transform:translateY(-4px) rotate(-1deg)}
.g-card.fire{animation:fire .7s}
@keyframes fire{40%{transform:scale(1.08);box-shadow:0 0 40px var(--c)}}
.g-card.cooling,.g-card.poor{opacity:.55}
.g-av{position:relative;width:48px;height:48px;border-radius:50%;background:var(--c);display:grid;place-items:center;color:var(--ink);margin-bottom:4px}
.g-av svg{position:absolute;inset:6px;width:36px;height:36px;fill:none;stroke:rgba(43,24,70,.35);stroke-width:2.5}
.g-av i{font-style:normal;font-family:var(--serif);font-weight:700;font-size:1.3rem;position:relative}
.g-name{font-family:var(--serif);font-size:1.1rem}
.g-title{color:var(--muted);font-size:.75rem}
.g-power{color:var(--c);font-weight:700;font-size:.95rem;margin-top:4px}
.g-desc{font-size:.8rem;color:#e6dcf5;line-height:1.35}
.g-cost{margin-top:6px;font-weight:700;font-size:.85rem}
.g-cost em{font-style:normal}
.g-cd{position:absolute;top:10px;right:12px;font-weight:800;color:var(--gold)}
.g-reset{margin-top:18px;text-align:right}
.g-celebrate{position:absolute;inset:0;display:grid;place-items:center;background:rgba(18,10,42,.88);border-radius:32px;z-index:5;text-align:center;padding:20px}
.g-celebrate>div{max-width:420px}
.g-celebrate .g-big{font-size:4rem;display:block;animation:float 3s infinite}
.g-how{margin-top:30px;padding:24px;border-radius:24px;background:rgba(255,255,255,.05)}
.appeal{display:grid;grid-template-columns:1fr 1.3fr;border-radius:36px;overflow:hidden;background:linear-gradient(130deg,#4a1a52,#2c1760);border:2px solid var(--gold);box-shadow:0 30px 70px -30px rgba(255,201,74,.6);margin-bottom:30px}
.appeal img{width:100%;height:100%;object-fit:cover;min-height:260px}
.appeal>div{padding:clamp(22px,4vw,44px);align-self:center}
@media (max-width:760px){.appeal{grid-template-columns:1fr}}
.drone-old{position:relative;border-radius:36px;overflow:hidden;margin-bottom:30px;box-shadow:0 30px 70px -30px rgba(79,227,193,.5)}
.drone video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.dronecap{position:absolute;left:0;right:0;bottom:0;padding:24px 30px;background:linear-gradient(transparent,rgba(18,10,42,.85))}
.dronecap h3{font-size:clamp(1.3rem,3vw,2rem);margin:0}

/* drone carousel */
.dcar{position:relative;border-radius:36px;overflow:hidden;margin-bottom:30px;aspect-ratio:16/9;background:#0e0722;box-shadow:0 30px 70px -30px rgba(79,227,193,.55);outline:none}
@media (max-width:600px){.dcar{aspect-ratio:4/5}}
.dstage,.dslide{position:absolute;inset:0;margin:0}
.dslide{opacity:0;transition:opacity 1.2s ease}
.dslide.on{opacity:1}
.dslide img,.dslide video{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}
.dslide.on.move-push img,.dslide.on.move-push video{animation:dpush 8s ease-out forwards}
.dslide.on.move-pan img{animation:dpan 8s ease-in-out forwards}
.dslide.on.move-pan-r img{animation:dpanr 8s ease-in-out forwards}
.dslide.on.move-spin img{animation:dspin 8s ease-out forwards}
.dslide.on.move-rise img{animation:drise 8s ease-out forwards}
.dslide.on.move-zoom-out img{animation:dzoomout 8s ease-out forwards}
@keyframes dpush{from{transform:scale(1.02)}to{transform:scale(1.18)}}
@keyframes dpan{from{transform:scale(1.25) translateX(6%)}to{transform:scale(1.25) translateX(-6%)}}
@keyframes dpanr{from{transform:scale(1.25) translateX(-6%)}to{transform:scale(1.25) translateX(6%)}}
@keyframes dspin{from{transform:scale(1.35) rotate(-6deg)}to{transform:scale(1.2) rotate(4deg)}}
@keyframes drise{from{transform:scale(1.3) translateY(6%)}to{transform:scale(1.1) translateY(-3%)}}
@keyframes dzoomout{from{transform:scale(1.4)}to{transform:scale(1.05)}}
.hud{position:absolute;inset:0;pointer-events:none;font:700 .78rem/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#fff;text-shadow:0 1px 4px #000}
.hud .rec{position:absolute;top:22px;left:26px;display:flex;align-items:center;gap:6px}
.hud .rec i{width:10px;height:10px;border-radius:50%;background:#ff3b5c;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hud .alt{position:absolute;top:22px;right:26px;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.35)}
.hud .alt b{color:var(--mint);font-size:1rem}
.hud .gps{position:absolute;top:50px;right:26px;opacity:.75}
.hud .corner{position:absolute;width:26px;height:26px;border-color:rgba(255,255,255,.75);border-style:solid;border-width:0}
.hud .tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.hud .tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}
.hud .bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.hud .br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}
.hud .cross{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;border:1.5px solid rgba(255,255,255,.45);border-radius:50%}
.hud .cross::before,.hud .cross::after{content:"";position:absolute;background:rgba(255,255,255,.45)}
.hud .cross::before{left:50%;top:-8px;bottom:-8px;width:1.5px}.hud .cross::after{top:50%;left:-8px;right:-8px;height:1.5px}
.hud .dronefly{position:absolute;top:18%;left:-10%;font-size:1.6rem;opacity:0;text-shadow:none}
.dcar.whoosh .dronefly{animation:fly 2.2s ease-in-out}
@keyframes fly{0%{left:-10%;opacity:0;transform:rotate(-8deg)}15%{opacity:1}50%{top:12%}85%{opacity:1}100%{left:105%;top:22%;opacity:0;transform:rotate(8deg)}}
.dcap{position:absolute;left:0;right:0;bottom:0;padding:26px 30px 46px;background:linear-gradient(transparent,rgba(18,10,42,.85))}
.dcap h3{font-size:clamp(1.2rem,3vw,2rem);margin:0;transition:opacity .4s}
.dcar.whoosh .dcap h3{animation:capin .9s ease}
@keyframes capin{from{opacity:0;transform:translateY(12px)}}
.dnav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(18,10,42,.55);color:#fff;font-size:1.8rem;cursor:pointer;backdrop-filter:blur(6px);transition:transform .2s}
.dnav:hover{transform:translateY(-50%) scale(1.1)}
.dnav.prev{left:16px}.dnav.next{right:16px}
.ddots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.ddot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:all .3s}
.ddot.on{width:24px;border-radius:5px;background:var(--mint)}
@media (prefers-reduced-motion:reduce){.dslide img,.dslide video{animation:none!important}}
.g-sub{font-size:1.1rem;margin:22px 0 8px}
.g-potions{display:flex;flex-direction:column;gap:6px}
.g-potion{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;text-align:left;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,95,162,.08);color:var(--cream);font-family:var(--sans);cursor:pointer;transition:transform .2s}
.g-potion:hover{transform:translateX(3px)}
.g-potion span{grid-row:1/4;font-size:1.5rem}
.g-potion b{font-size:.88rem}.g-potion small{font-size:.75rem;color:var(--muted)}.g-potion em{font-style:normal;font-size:.75rem;color:var(--gold);font-weight:700}
.g-potion.poor{opacity:.5}
.g-quests{display:flex;flex-direction:column;gap:8px}
.g-quest{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:4px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05)}
.g-quest span{grid-row:1/4;font-size:1.3rem}.g-quest b{font-size:.85rem}.g-quest small{font-size:.75rem;color:var(--muted)}
.g-seed.locked{opacity:.4;filter:grayscale(.8)}
.g-seed.locked::after{content:"🔒";margin-left:4px}
.g-season b{font-family:var(--sans)!important;font-size:1rem!important}
.game[data-season=spring]{background:linear-gradient(170deg,#2a1550,#1d4a3c 140%)}
.game[data-season=summer]{background:linear-gradient(170deg,#3a1d4a,#5a4a1a 140%)}
.game[data-season=autumn]{background:linear-gradient(170deg,#2c1240,#5a2a14 140%)}
.game[data-season=winter]{background:linear-gradient(170deg,#141a3a,#2a3c5a 140%)}
.game{transition:background 2s}
.cfbar{max-width:720px;margin:20px auto}
.cfnums{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.cfnums b{font-family:var(--serif);font-size:2.2rem;color:var(--gold)}
.g-prog.big{height:18px;border-radius:10px}
.cfgive{max-width:720px;margin:20px auto 0;padding:26px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);text-align:center}
.cfgive .amts{justify-content:center}
.wall{list-style:none;padding:0;margin:22px auto 0;max-width:980px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.wall li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 14px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.wall li.planted{border-color:var(--mint);box-shadow:0 0 22px rgba(120,255,200,.18)}
.wall .tree{font-size:1.9rem}
.wall small{color:var(--muted);font-size:.82rem}
.wall li.planted small{color:var(--mint)}
.wall li.empty{grid-column:1/-1;color:var(--muted)}
.treecount{color:var(--gold);font-weight:700}
.trees-admin table{width:100%;border-collapse:collapse;font-size:.9rem}
.trees-admin td,.trees-admin th{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;vertical-align:top}
.trees-admin .bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}

/* shop: nav, hoodie name overlay, calendar viewer, product forms */
.shopnav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:28px}
.shopnav a{padding:9px 20px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:var(--cream);text-decoration:none;font-weight:600}
.shopnav a:hover{background:var(--rose)}
#hoodie,#calendar,#mugs,#tees{scroll-margin-top:90px}
.hoodiewrap{position:relative}
.hoodiewrap img{display:block;width:100%}
.embname{position:absolute;left:0;right:0;top:63.5%;text-align:center;font-family:var(--serif);font-weight:700;font-size:clamp(.9rem,2.6vw,1.45rem);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.35);pointer-events:none;white-space:nowrap}
.embname.dark{color:#0e6e6e;text-shadow:none}
.shop .dz.off{opacity:.35;pointer-events:none}
.calmain,.pimg{display:block;width:100%;border-radius:14px;transition:opacity .25s}
.pimg{max-width:420px;margin:0 auto}
.cthumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
.cthumb{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.7}
.cthumb.on,.cthumb:hover{border-color:var(--rose);opacity:1}
.cthumb img{display:block;width:100%;height:auto}
.calshop .shopimg img{animation:none}
.merchform .shopimg img.pimg{animation:float 7s ease-in-out infinite}
.lottie{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;max-width:760px;margin-inline:auto}
.lottie figure{margin:0}
.lottie img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px}
.lottie figcaption{margin-top:8px;text-align:center;color:var(--muted);font-size:.95rem}
@media (max-width:560px){.lottie{grid-template-columns:1fr}}
/* Myoho Creative Press: reading pages */
.reader{max-width:780px}
.rtools{position:sticky;top:76px;z-index:5;display:flex;gap:8px;justify-content:flex-end;margin:18px 0}
.rtools button{font:inherit;font-size:.85rem;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(20,12,38,.75);color:inherit;cursor:pointer;backdrop-filter:blur(6px)}
.poemtext,.prosetext{font-size:calc(1.3rem * var(--read-scale,1));line-height:1.75}
.poemtext p{margin:0 0 1.4em}
.poemtext p.prose,.prosetext p{margin:0 0 1em}
.bookbody .bsec{margin:2.2em 0 .4em;color:var(--gold);font-size:calc(1.7rem * var(--read-scale,1))}
.bookbody .ptitle,.poem h2,.excerpt h2{margin:2em 0 .5em;font-size:calc(1.6rem * var(--read-scale,1))}
.psub{font-style:italic;color:var(--muted);margin-top:-.2em}
.poem,.excerpt{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.12);scroll-margin-top:120px}
.poemfoot{display:flex;gap:12px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.95rem}
.poemnav{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.poemnav a{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);text-decoration:none;font-size:.92rem}
.bookcover{text-align:center;padding:34px 22px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.paywall,.giftbox{margin:40px 0;padding:30px 24px;border-radius:28px;background:rgba(255,255,255,.07);border:1px solid var(--gold);text-align:center}
.paywall .amts{justify-content:center}
.giftbox input{width:100%;max-width:560px;padding:12px;border-radius:12px;border:0;font:inherit}
body.paper .reader{background:#f6efe1;color:#2b2233;padding:24px 22px;border-radius:26px}
body.paper .reader,body.paper .reader a{color:#2b2233}
body.paper .psub,body.paper .poemfoot{color:#6b5d70}
body.paper .rtools button{background:#fff;color:#2b2233;border-color:#d8cbb4}
.songs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.song{padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.song iframe{border-radius:12px;margin-top:8px}
.ytv span{display:block;padding:8px 10px;font-size:.88rem}
.ytframe{grid-column:1/-1}
.ytframe iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}
@media (max-width:600px){.rtools{top:64px}.poemtext,.prosetext{font-size:calc(1.15rem * var(--read-scale,1))}}
/* Poems as a book with turning pages */
.reader.book-on article.poem{display:none}
.poemnav a.on{background:var(--gold);color:var(--ink)}
.book{margin:22px 0 10px;padding:26px 30px 18px;border-radius:12px 22px 22px 12px;background:#f6efe1;color:#2b2233;box-shadow:inset 14px 0 18px -12px rgba(60,40,20,.35),0 24px 50px -22px rgba(0,0,0,.6);position:relative}
.book::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:linear-gradient(#0000,rgba(60,40,20,.28),#0000)}
.book a{color:#2b2233}
.bookhead{text-align:center;margin-bottom:10px}
.booktitle{margin:0;font-size:calc(1.6rem * var(--read-scale,1));color:#2b2233}
.booksub{margin:.2em 0 0;color:#6b5d70}
.bookview{height:min(62vh,540px);overflow:hidden;position:relative;border-top:1px solid #d8cbb4;border-bottom:1px solid #d8cbb4;padding:16px 0;outline:none;touch-action:pan-y}
.bookview::after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background:linear-gradient(90deg,#0000,rgba(60,40,20,.10));pointer-events:none}
.bookflow{height:100%;columns:1;column-gap:64px;column-fill:auto;transition:transform .55s cubic-bezier(.5,.05,.2,1);color:#2b2233}
.bookflow p{break-inside:auto}
.bookview.turned{animation:pageturn .55s ease}
@keyframes pageturn{0%{box-shadow:inset -40px 0 40px -30px rgba(60,40,20,.35)}100%{box-shadow:inset 0 0 0 0 rgba(60,40,20,0)}}
.bookfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.bookfoot .btn,.bookmeta .btn{color:#2b2233;border-color:#b9a98c;background:#fffaf0}
.bookfoot .btn:disabled{opacity:.35;cursor:default}
.bookpage{font-size:.9rem;color:#6b5d70;white-space:nowrap}
.bookmeta{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;color:#6b5d70;font-size:.95rem}
.bookhint{color:var(--muted)}
@media (max-width:600px){.book{padding:18px 16px 14px}.bookview{height:min(60vh,500px)}.bookfoot .btn{padding:8px 10px;font-size:.8rem}}
@media (prefers-reduced-motion:reduce){.bookflow{transition:none}.bookview.turned{animation:none}}
/* Communal plan: achieved items and sponsors */
.rule.done{position:relative;box-shadow:inset 0 0 0 3px rgba(255,255,255,.65)}
.rule .achieved{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:.85rem;font-weight:600}
.rule .by{display:block;margin-top:6px;opacity:.8}
.sponsors{list-style:none;margin:30px auto 0;padding:0;max-width:640px;display:grid;gap:12px}
.sponsors li{padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:2px}
.sponsors li b{font-size:1.1rem}
.sponsors li small{color:var(--muted);font-size:.95rem}
.book .bookflow,.book .bookflow p,.book .poemtext p{color:#2b2233;text-align:left}
.book .bookby{color:#6b5d70}
/* Read the Musings: paper books with turning pages (musingsbook.js) */
.reader.mb-on{max-width:1120px}
.reader.mb-on article.excerpt,.reader.mb-on>.poemnav,.reader.mb-on .rtools [data-theme]{display:none}
.mb-shelf{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;margin:8px 0 26px;padding:0 0 12px;border-bottom:10px solid #6b4a2e;box-shadow:0 14px 18px -12px rgba(0,0,0,.6)}
.mb-spine{--c:#5a2d5c;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;width:74px;height:190px;padding:14px 6px;border:0;border-radius:4px 4px 2px 2px;cursor:pointer;color:#e9cf8a;text-decoration:none;font:inherit;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12) 18%,rgba(0,0,0,0) 40%,rgba(0,0,0,.3)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px),var(--c);box-shadow:inset 0 10px 0 -6px rgba(233,207,138,.55),inset 0 -10px 0 -6px rgba(233,207,138,.55),2px 4px 10px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.mb-spine small{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.mb-spine b{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--serif);font-size:.92rem;line-height:1.15;flex:1;display:flex;align-items:center}
.mb-spine:hover{transform:translateY(-8px)}
.mb-spine.on{transform:translateY(-16px);box-shadow:inset 0 10px 0 -6px rgba(233,207,138,.8),inset 0 -10px 0 -6px rgba(233,207,138,.8),0 0 0 2px var(--gold),2px 10px 18px rgba(0,0,0,.5)}
.mb-spine-link{opacity:.82}
.mb-desk{display:flex;justify-content:center;padding:10px 0 4px}
.mb-book{--pw:440px;--ph:620px;position:relative;perspective:2400px;outline:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:pointer}
.mb-book.arrive{animation:mbarrive .6s ease}
@keyframes mbarrive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.mb-stage{position:relative;width:calc(var(--pw) * 2);height:var(--ph);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.3,1)}
.mb-book.closed .mb-stage{transform:translateX(calc(var(--pw) * -.5))}
.mb-book.single .mb-stage{width:var(--pw)}
.mb-book.single.closed .mb-stage{transform:none}
.mb-half{position:absolute;top:0;width:var(--pw);height:var(--ph)}
.mb-l{left:0;border-radius:6px 0 0 6px;box-shadow:-1px 1px 0 #e9dcc0,-3px 2px 0 #ddcca9,-5px 3px 0 #cfbb93,-6px 8px 22px rgba(0,0,0,.45)}
.mb-r{left:var(--pw);border-radius:0 6px 6px 0;box-shadow:1px 1px 0 #e9dcc0,3px 2px 0 #ddcca9,5px 3px 0 #cfbb93,6px 8px 22px rgba(0,0,0,.45)}
.mb-l.empty{box-shadow:none;background:none}
.mb-book.single .mb-r{left:0;border-radius:4px 6px 6px 4px}
.mb-leaf{position:absolute;top:0;width:var(--pw);height:var(--ph);transform-style:preserve-3d;z-index:3;will-change:transform}
.mb-leaf.fwd{left:var(--pw);transform-origin:left center}
.mb-leaf.bwd{left:0;transform-origin:right center}
.mb-book.single .mb-leaf{left:0}
.mb-face{--shade:0;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.mb-face::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--shade);background:linear-gradient(90deg,rgba(40,25,10,.45),rgba(40,25,10,0) 60%)}
.mb-back{transform:rotateY(180deg)}
.mb-back::after{background:linear-gradient(270deg,rgba(40,25,10,.45),rgba(40,25,10,0) 60%)}
.mb-leaf.bwd .mb-front::after{background:linear-gradient(270deg,rgba(40,25,10,.45),rgba(40,25,10,0) 60%)}
.mb-leaf.bwd .mb-back::after{background:linear-gradient(90deg,rgba(40,25,10,.45),rgba(40,25,10,0) 60%)}
@property --shade{syntax:'<number>';inherits:true;initial-value:0}
/* paper */
.mb-paper,.mb-cover,.mb-endpaper{position:absolute;inset:0}
.mb-paper{color:#2a2118;background-color:#f3e8d0;background-image:radial-gradient(ellipse at 25% 15%,rgba(255,252,240,.7),rgba(255,252,240,0) 55%),radial-gradient(ellipse at 85% 95%,rgba(160,115,55,.16),rgba(160,115,55,0) 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mb-l .mb-paper::after,.mb-back .mb-paper::after,.mb-leaf.bwd .mb-front .mb-paper::after{content:"";position:absolute;top:0;bottom:0;right:0;width:16%;pointer-events:none;background:linear-gradient(270deg,rgba(70,45,15,.28),rgba(70,45,15,.08) 30%,rgba(70,45,15,0))}
.mb-r .mb-paper::after,.mb-leaf.fwd .mb-front .mb-paper::after,.mb-leaf.bwd .mb-back .mb-paper::after{content:"";position:absolute;top:0;bottom:0;left:0;width:16%;pointer-events:none;background:linear-gradient(90deg,rgba(70,45,15,.28),rgba(70,45,15,.08) 30%,rgba(70,45,15,0))}
.mb-book.single .mb-r .mb-paper::after{width:5%}
.mb-run{position:absolute;left:0;right:0;top:calc(var(--padt) * .42);text-align:center;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:calc(var(--fs) * .74);letter-spacing:.08em;color:#8a7559}
.mb-num{position:absolute;left:0;right:0;bottom:calc(var(--padt) * .38);text-align:center;font-family:'EB Garamond',Georgia,serif;font-size:calc(var(--fs) * .8);color:#8a7559}
.mb-box{position:absolute;left:var(--padx);top:var(--padt);width:var(--tw);height:var(--th);overflow:hidden}
.mb-meas{left:-99999px;top:0;visibility:hidden;overflow:visible}
.mb-flow{width:var(--tw);height:var(--th);column-width:var(--tw);column-gap:var(--gap);column-fill:auto;font-family:'EB Garamond',Georgia,'Times New Roman',serif;font-size:var(--fs);line-height:var(--lh);color:#2a2118;text-align:justify;hyphens:auto;-webkit-hyphens:auto;orphans:2;widows:2}
.mb-flow p{margin:0;text-indent:1.4em}
.mb-flow h4{margin:calc(var(--lh) * 1) 0 var(--lh);font-family:'EB Garamond',Georgia,serif;font-weight:500;font-variant:small-caps;letter-spacing:.06em;font-size:calc(var(--fs) * 1.3);line-height:var(--lh);text-align:center;color:#3a2a1c;break-after:avoid}
.mb-flow h4+p{text-indent:0}
.mb-flow h4+p::first-letter{float:left;font-family:'Cinzel Decorative',Georgia,serif;font-size:calc(var(--lh) * 2.6);line-height:calc(var(--lh) * 2.2);padding:.04em .1em 0 0;color:#7a1f2b}
.mb-flow .mb-cont{text-indent:0;text-align:center;font-style:italic;margin-top:var(--lh);color:#6b5640}
/* title, end and cover pages */
.mb-titlepage,.mb-endpage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12% 13%;font-family:'EB Garamond',Georgia,serif}
.mb-titlepage h3,.mb-endpage h3{font-family:'Cinzel Decorative',Georgia,serif;color:#3a2a1c;font-size:calc(var(--fs) * 1.7);line-height:1.2;margin:.4em 0}
.mb-endpage h3{font-size:calc(var(--fs) * 1.25)}
.mb-tnum{letter-spacing:.25em;text-transform:uppercase;font-size:calc(var(--fs) * .72);color:#8a7559}
.mb-tchap{font-style:italic;font-size:calc(var(--fs) * 1.05);margin:.6em 0 0}
.mb-thalf{font-size:calc(var(--fs) * .8);color:#8a7559;margin:.2em 0 2.2em}
.mb-tauth{font-variant:small-caps;letter-spacing:.12em;font-size:calc(var(--fs) * 1.05);margin:0}
.mb-tpress{font-size:calc(var(--fs) * .72);letter-spacing:.2em;text-transform:uppercase;color:#8a7559;margin-top:auto}
.mb-orn{color:#a8843c;font-size:calc(var(--fs) * 1.1);letter-spacing:.4em}
.mb-endpage p{font-size:var(--fs);line-height:1.5;margin:.5em 0}
.mb-endpage .btn{margin-top:.6em}
.mb-endpage .btn.ghost{color:#2a2118;border-color:#b9a98c;background:#fffaf0}
.mb-cover{--c:#5a2d5c;border-radius:3px 8px 8px 3px;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.14),rgba(255,255,255,0) 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,.035) 2px 4px),var(--c);box-shadow:inset 10px 0 14px -6px rgba(0,0,0,.55),inset -2px 0 0 rgba(255,255,255,.08);display:flex;padding:9%}
.mb-cframe{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;text-align:center;border:2px solid rgba(233,207,138,.75);outline:1px solid rgba(233,207,138,.45);outline-offset:-9px;padding:12% 8%}
.mb-cframe h3{margin:.2em 0;font-family:'Cinzel Decorative',Georgia,serif;font-size:calc(var(--fs) * 2);line-height:1.15;background:linear-gradient(170deg,#f6e3a6,#c9a24e 45%,#f2d98c 60%,#a9822f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.mb-cnum,.mb-cpress{letter-spacing:.28em;text-transform:uppercase;font-size:calc(var(--fs) * .7);color:#e3c780}
.mb-cauth{font-family:'EB Garamond',Georgia,serif;font-variant:small-caps;letter-spacing:.16em;font-size:calc(var(--fs) * 1.15);color:#f1dc9e}
.mb-cpress{margin-top:auto}
.mb-copen{margin-top:1.2em;font-size:calc(var(--fs) * .78);color:#f1dc9e;opacity:.8;font-style:italic;animation:mbpulse 2.6s ease-in-out infinite}
@keyframes mbpulse{50%{opacity:.35}}
.mb-endpaper{--c:#5a2d5c;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(circle at 70% 65%,rgba(255,255,255,.12) 0 9%,transparent 10%),radial-gradient(circle at 40% 85%,rgba(0,0,0,.18) 0 7%,transparent 8%),radial-gradient(circle at 85% 15%,rgba(0,0,0,.15) 0 8%,transparent 9%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 3px,transparent 3px 9px),var(--c);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8%;border-radius:6px 0 0 6px}
.mb-endpaper span{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(241,220,158,.7)}
/* controls */
.mb-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.mb-controls .btn:disabled{opacity:.35;cursor:default}
.mb-folio{min-width:150px;text-align:center;color:var(--muted);font-size:.95rem}
.mb-meta{display:flex;justify-content:center;gap:16px;align-items:center;color:var(--muted);font-size:.9rem;margin:10px 0 0}
.mb-hint{color:var(--muted);font-size:.85rem}
@media (max-width:760px){.mb-spine{width:58px;height:150px}.mb-spine b{font-size:.78rem}.mb-controls{gap:8px}.mb-controls .btn{padding:8px 12px;font-size:.82rem}.mb-folio{min-width:0;font-size:.85rem}}
@media (prefers-reduced-motion:reduce){.mb-stage{transition:none}.mb-book.arrive{animation:none}.mb-copen{animation:none}}
.paywall select{font:inherit;font-size:1rem;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#fff6ea;color:#2b1846;margin:4px}

/* radio strip, every page */
.radiostrip{background:linear-gradient(90deg,var(--night-2),var(--plum));border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:12px 0}
.radiostrip .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.radiostrip .eq{margin-left:0}
.radiostrip b{font-family:var(--serif);font-size:1.15rem}
.radiostrip .rs-tag{color:var(--muted);font-size:.92rem;flex:1 1 220px}
.radiostrip .rs-play{border:0;border-radius:999px;padding:8px 18px;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;background:var(--aurora);color:var(--ink)}
.radiostrip .rs-play.on{background:var(--mint)}
.radiostrip a{font-size:.92rem;color:var(--gold);font-weight:700;text-decoration:none}
/* radio artist sign-up */
.joinform{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:24px;margin:28px auto 0;max-width:820px}
.joinform .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.joinform .field{margin:10px 0}
.joinform label{display:block}
.joinform input:not([type=checkbox]),.joinform textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.95);color:var(--ink);font:inherit}
.joinform .toggle{margin:8px 0}
.joinform button{margin-top:12px}
.joinform .err{color:var(--rose);margin-top:8px}
.joinform .toggle{color:var(--ink)}
.getradio{margin-top:64px}.getradio .lead{max-width:760px;margin-left:auto;margin-right:auto}

.upnext{margin:2px 0 10px;opacity:.9}.upnext:empty{display:none}.nowplaying a.npl,.upnext a.npl{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}.nowplaying a.npl:hover,.upnext a.npl:hover,.nowplaying a.npl:focus,.upnext a.npl:focus{text-decoration:underline solid;color:#fff}
/* the communal heart: tent illustration and plan (map page) */
.tentart{width:100%;height:auto;display:block;margin:10px 0 28px;border-radius:34px}
.tentart .tcap{fill:#fff6ea;font:600 18px var(--sans);text-anchor:middle}
.tentart .tcap.small{font-size:14px;opacity:.85}
.tentplan{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:22px;align-items:start}
@media (max-width:820px){.tentplan{grid-template-columns:1fr}}
.tentsvg{width:100%;height:auto;display:block}
.tentsvg .tbg{fill:#160c33}
.tentsvg .tshell{fill:rgba(255,246,234,.07);stroke:#fff6ea;stroke-width:3;stroke-dasharray:10 6}
.tentsvg .tz{cursor:pointer;outline:none}
.tentsvg .tz rect,.tentsvg .tz circle,.tentsvg .tz path{fill:rgba(201,167,255,.35);stroke:var(--lilac);stroke-width:2;transition:fill .2s}
.tentsvg .tz line{stroke:var(--lilac);stroke-width:1.5}
.tentsvg .tz:hover rect,.tentsvg .tz:hover circle,.tentsvg .tz:hover path,.tentsvg .tz:focus rect,.tentsvg .tz:focus circle,.tentsvg .tz:focus path,.tentsvg .tz.on rect,.tentsvg .tz.on circle,.tentsvg .tz.on path{fill:rgba(255,201,74,.7);stroke:var(--gold)}
.tentsvg text{fill:#fff6ea;font:600 13px var(--sans);text-anchor:middle;pointer-events:none}
.tentsvg .tlabel{font-size:16px}
.tentsvg .tsmall{font-size:12px}
.tentsvg .tsmall.left{text-anchor:start;opacity:.7}
.tentsvg .tcap{font-size:15px;opacity:.85}
.tentsvg .tdoor{fill:var(--gold)}
.tentsvg .tpath{stroke:var(--gold);stroke-width:3;stroke-dasharray:4 8;fill:none}
.tentsvg .tscale line{stroke:#fff6ea;stroke-width:2}
/* in loving memory: Jouna (radio page) */
.tribute{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:32px;align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:28px}
@media (max-width:760px){.tribute{grid-template-columns:1fr}}
.tribute-photo{width:100%;border-radius:22px;aspect-ratio:3/4;object-fit:cover}
.tribute-photo.none{display:grid;place-items:center;background:linear-gradient(160deg,var(--plum),var(--night-2))}
.tribute .helplines{margin-top:20px;padding:18px 20px;border-radius:18px;background:rgba(79,227,193,.08);border:1px solid rgba(79,227,193,.3)}
.tribute .helplines h3{font-size:1.2rem}
.tribute .helplines a{color:var(--mint);font-weight:700}