body.forest-preview{isolation:isolate;background:#100f0c}
.forest-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#12140e}
.forest-backdrop-photo{position:absolute;inset:-5%;background:url('../assets/map-amissa-landscape.webp') center/cover no-repeat;filter:brightness(.62) saturate(.74) sepia(.12);animation:forest-breathe 28s ease-in-out infinite alternate}
.forest-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e100de8 0%,#14120e85 45%,#1e120b61),linear-gradient(0deg,#0e100dd9,transparent 65%)}
.forest-fog{position:absolute;left:-25%;bottom:-15%;width:150%;height:75%;background:radial-gradient(ellipse,#d9dfcb33,transparent 65%);animation:forest-drift 24s ease-in-out infinite alternate;opacity:.65}
.forest-fog.second{bottom:12%;opacity:.28;animation-delay:-12s;animation-duration:32s}
.forest-sparks{position:absolute;inset:0;z-index:1}
.forest-sparks i{position:absolute;left:var(--x);bottom:-4%;width:var(--size);height:var(--size);border-radius:50%;background:#ffc074;box-shadow:0 0 9px #fa963c;opacity:0;animation:forest-ember var(--duration) linear var(--delay) infinite}
.forest-preview .hero{background:transparent;border-bottom-color:#ffc08030}
.forest-preview .hero-art{display:none}
.forest-preview .hero::after{background:linear-gradient(90deg,#10110d9c,transparent 75%),linear-gradient(0deg,#14130e6b,transparent 45%)}
.forest-preview .hero-caption{background:#1b170f99;border-radius:5px;padding:8px 12px}
.forest-preview .section-tint{background:#19170fe0;backdrop-filter:blur(6px)}
.forest-preview .rates{background:#16170fd9;backdrop-filter:blur(6px);border-radius:8px;padding-inline:24px}
.forest-preview .section-heading>p,.forest-preview .section-heading .lead{color:#e1d4c3}
.forest-preview .showcase-card,.forest-preview .faq-list,.forest-preview .world{background:#211b15f2}
.forest-preview .feature{background:#171710bd;padding:24px;border-radius:6px}
.forest-preview footer{background:#11130de8}
.forest-preview .join-dock{display:none!important}
.forest-preview-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:22px;max-width:calc(100% - 32px);padding:13px 20px;background:#19170ff2;backdrop-filter:blur(14px);border:1px solid #ffad6566;border-radius:10px;box-shadow:0 10px 40px #0007;font-size:12px}
.forest-preview-bar strong{color:#ffd4a8}.forest-preview-bar small{display:block;color:#cabda7;font-size:10px}.forest-preview-bar button{border:1px solid #ffad654d;background:#ffad6514;color:#ffca91;padding:8px 12px;border-radius:5px;font-size:11px;white-space:nowrap}.forest-preview-bar a{font-size:11px;white-space:nowrap;color:#d5c4ae}
.forest-paused .forest-backdrop *{animation-play-state:paused!important}
@keyframes forest-breathe{from{transform:scale(1) translate3d(-.7%,0,0)}to{transform:scale(1.06) translate3d(.7%,-.8%,0)}}
@keyframes forest-drift{from{transform:translate3d(-5%,4%,0)}to{transform:translate3d(7%,-3%,0)}}
@keyframes forest-ember{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.6}75%{opacity:.3}100%{transform:translate3d(65px,-95vh,0);opacity:0}}
@media(max-width:700px){.forest-backdrop-photo{background-position:42% center}.forest-preview-bar{bottom:12px;padding:10px 13px;gap:12px;width:calc(100% - 24px)}.forest-preview-bar small{display:none}.forest-preview-bar strong{font-size:10px}.forest-preview-bar a{margin-left:auto;font-size:10px}.forest-preview .rates{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.forest-backdrop *{animation:none!important}.forest-sparks{display:none}}
