@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#020304;color:#fff}body{font-family:'Barlow Condensed',Impact,sans-serif}button,input{font:inherit}button{cursor:pointer}.experience{position:relative;width:100vw;height:100svh;min-height:500px;overflow:hidden;isolation:isolate;background:#030405}.world-image{position:absolute;inset:-6%;background:url('/bosque-poster.png') center 50%/cover no-repeat;filter:blur(42px) brightness(.32) saturate(1.7);transform:scale(1.13);animation:worldShift 12s ease-in-out infinite alternate}.world-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 12%,#02030477 50%,#020304 100%),linear-gradient(90deg,#02030488,transparent 30%,transparent 70%,#02030488)}.poster{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:min(100vw,56.25vh);transform:translateX(-50%);box-shadow:0 0 3px #000,0 0 85px #ff790030,0 0 160px #000;overflow:hidden}.poster:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#0007,transparent 6%,transparent 94%,#0007),linear-gradient(0deg,#000a,transparent 13%,transparent 80%,#0007);pointer-events:none}.poster img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.08) brightness(.91)}.poster:after{content:"";position:absolute;z-index:3;left:64%;width:2px;top:-20%;bottom:-20%;background:linear-gradient(transparent,#ff7900 32%,#ff7900 52%,#ff7900 75%,transparent);box-shadow:0 0 8px #ff7900,0 0 32px #ff7900;opacity:.7;animation:flicker 5s steps(2,end) infinite}.fog{position:absolute;z-index:4;width:65vw;height:60vh;pointer-events:none;filter:blur(35px);opacity:.5;mix-blend-mode:screen}.fog-left{left:-30vw;top:17%;background:radial-gradient(ellipse,#ff790073 0,#1a252a60 35%,transparent 70%);animation:fogDrift 14s ease-in-out infinite alternate}.fog-right{right:-35vw;bottom:-15%;background:radial-gradient(ellipse,#ff79008c 0,#1e242b4d 36%,transparent 70%);animation:fogDrift 17s ease-in-out infinite alternate-reverse}.beam{position:absolute;z-index:5;top:-20%;height:140%;width:2px;opacity:.5;pointer-events:none;background:linear-gradient(transparent,#ff7900 30%,#ff7900 50%,#ff7900 70%,transparent);box-shadow:0 0 9px #ff7900,0 0 28px #ff7900;transform-origin:top;animation:beamMove 7s ease-in-out infinite alternate}.beam-one{left:18%;transform:rotate(9deg)}.beam-two{right:21%;transform:rotate(-7deg);animation-delay:-3s}.beam-three{left:53%;opacity:.18;animation-delay:-5s}.scanlines{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.22;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#000 4px,#000 5px);mix-blend-mode:multiply}#embers{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;min-height:70px;padding:15px clamp(18px,4vw,65px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#000d,#0000);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em}.brand{font-weight:600;font-size:13px}.brand span{font-weight:400;color:#96999d}.live-tag{display:flex;align-items:center;gap:8px;color:#aaa}.live-tag i,.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#ff7900;box-shadow:0 0 10px #ff7900;animation:blink 1.4s infinite}.sound-toggle{border:1px solid #ffffff4a;color:#fff;background:#090a0bac;min-height:38px;padding:0 13px;display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;backdrop-filter:blur(14px);transition:border-color .2s,background .2s}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{border-color:#ff7900;background:#ff7900c9}.equalizer{display:flex;gap:2px;align-items:center;height:15px}.equalizer i{display:block;width:2px;height:5px;background:#ff7900}.equalizer i:nth-child(2),.equalizer i:nth-child(4){height:11px}.equalizer i:nth-child(3){height:15px}.sound-toggle[aria-pressed=true] .equalizer i{animation:eq .35s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .equalizer i:nth-child(2){animation-delay:-.1s}.sound-toggle[aria-pressed=true] .equalizer i:nth-child(3){animation-delay:-.2s}.sound-toggle[aria-pressed=true] .equalizer i:nth-child(4){animation-delay:-.3s}.interaction{position:absolute;z-index:9;top:43%;left:calc(50% + min(30vh,300px));display:flex;flex-direction:column;align-items:center;gap:11px;transform:translateY(-50%)}.enter-button{display:flex;align-items:center;gap:13px;text-align:left;min-width:195px;padding:12px 15px;border:1px solid #ff7900;color:#fff;background:#170307dc;box-shadow:0 0 0 4px #07080980,0 0 35px #ff79005e;backdrop-filter:blur(15px);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;line-height:1.4;transition:transform .18s,box-shadow .18s}.enter-button:hover{transform:scale(1.05);box-shadow:0 0 0 4px #07080980,0 0 65px #ff7900a0}.enter-button strong{font-size:12px}.play-icon{width:39px;height:39px;border-radius:50%;background:#ff7900;display:grid;place-items:center;font-size:12px;padding-left:2px;flex:0 0 auto;box-shadow:0 0 26px #ff7900}.interaction p{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.13em;color:#aaa;margin:0;text-align:center}.bottombar{position:absolute;z-index:10;left:0;bottom:0;right:0;min-height:76px;padding:10px clamp(18px,4vw,65px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:linear-gradient(transparent,#020304b5 35%,#020304e8);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.11em}.bottom-copy{white-space:nowrap;color:#d7d7d7}.bottom-copy b{color:#ff7900;margin:0 8px}.bottom-copy .status-dot{margin-right:9px}.register-button{border:1px solid #ff7900;background:#ff7900;min-height:49px;padding:0 21px;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.12em;display:flex;align-items:center;gap:34px;box-shadow:0 0 33px #ff790080;transition:transform .2s,background .2s}.register-button:hover{transform:translateY(-3px);background:#ff7900}.register-button span{font-size:20px;font-weight:400}.bottom-index{text-align:right;color:#9b9ca0;line-height:1.6}.experience.is-playing .poster{animation:bassPulse .4s ease-out infinite}.experience.is-playing .world-image{filter:blur(40px) brightness(.42) saturate(2)}.experience.is-playing .fog{opacity:.75}.experience.kick .poster{filter:brightness(1.18)}.experience.kick .beam{opacity:.9}.experience.kick .world-shade{background:radial-gradient(ellipse at 50% 55%,#ff790018 12%,#02030477 55%,#020304 100%)}
.signup-dialog{border:1px solid #ff7900;color:#fff;background:#080a0cf5;padding:0;width:min(470px,calc(100vw - 28px));max-height:min(90svh,800px);box-shadow:0 0 0 1px #ff790033,0 0 120px #ff790066;overflow:auto}.signup-dialog::backdrop{background:#000c;backdrop-filter:blur(12px)}.dialog-top{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff30;color:#ff7900;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.13em}.dialog-top button{border:0;background:none;color:#fff;font-size:19px}.dialog-content{padding:30px 30px 26px}.dialog-kicker{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;color:#ff7900}.dialog-content h1{font-weight:900;font-size:clamp(55px,10vw,85px);line-height:.78;letter-spacing:-.035em;margin:22px 0}.dialog-content h1 em{font-style:normal;color:#ff7900}.dialog-description{font-family:'IBM Plex Mono',monospace;color:#aeb1b5;font-size:11px;line-height:1.7;margin:25px 0}.dialog-content form{display:flex;flex-direction:column}.dialog-content label:not(.consent){font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;margin-bottom:7px}.dialog-content label small{color:#777}.dialog-content input:not([type=checkbox]){height:44px;padding:0 13px;background:#16191b;border:1px solid #5a5d5f;border-radius:0;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12px;margin-bottom:16px;outline:none}.dialog-content input:focus{border-color:#ff7900}.dialog-content input::placeholder{color:#7b7d7f}.hp-field{position:absolute;left:-9999px}.consent{display:flex;gap:10px;align-items:start;color:#a9aaac;font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.5;margin:3px 0 18px}.consent input{accent-color:#ff7900;margin-top:2px}.form-submit{border:0;background:#ff7900;color:#fff;height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;font-weight:600}.form-submit span{font-size:20px}.form-submit:disabled{opacity:.55}.form-message{min-height:16px;font-family:'IBM Plex Mono',monospace;font-size:11px;margin:13px 0 0;color:#fff}.form-message.success{color:#93efa5}.form-message.error{color:#ff7900}
@keyframes worldShift{to{transform:scale(1.2) translateX(2%);filter:blur(47px) brightness(.39) saturate(2)}}@keyframes fogDrift{to{transform:translate(12vw,-9vh) scale(1.15);opacity:.7}}@keyframes beamMove{to{transform:rotate(-8deg) translateX(50px);opacity:.2}}@keyframes flicker{10%,12%,43%,45%,80%,82%{opacity:.1}11%,44%,81%{opacity:.95}}@keyframes blink{50%{opacity:.25}}@keyframes eq{to{height:3px}}@keyframes bassPulse{0%{transform:translateX(-50%) scale(1)}12%{transform:translateX(-50%) scale(1.009)}35%,100%{transform:translateX(-50%) scale(1)}}
@media(max-width:900px){.live-tag{display:none}.bottom-index{display:none}.bottombar{grid-template-columns:1fr auto}.interaction{left:auto;right:18px;top:46%}.enter-button{min-width:0;padding:9px;gap:7px}.enter-button strong{font-size:10px}.play-icon{width:31px;height:31px}.interaction p{display:none}}
@media(max-width:600px){.experience{min-height:0}.poster{width:100vw}.poster img{object-fit:cover}.topbar{padding:12px 14px;min-height:58px}.brand{font-size:10px}.brand span{display:none}.sound-toggle{min-height:34px;font-size:9px;padding:0 9px}.bottombar{padding:10px 12px 17px;display:flex;justify-content:center;min-height:75px}.bottom-copy{display:none}.register-button{width:min(100%,330px);justify-content:space-between}.interaction{top:auto;bottom:91px;right:13px;transform:none}.enter-button{min-width:155px}.dialog-content{padding:26px 22px 20px}}
@media(prefers-reduced-motion:reduce){.world-image,.fog,.beam,.poster:after,.live-tag i,.status-dot,.equalizer i,.experience.is-playing .poster{animation:none}.experience.is-playing .poster{transform:translateX(-50%)}}
html,body{overflow:hidden}.world-image{filter:blur(72px) brightness(.2) saturate(1.45)}.poster{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}.experience .poster{animation:bassPulse .38s ease-out infinite}.experience.kick .poster img{filter:contrast(1.26) brightness(1.1) saturate(1.2)}.experience.kick .world-image{filter:blur(68px) brightness(.35) saturate(2)}#lightshow{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;mix-blend-mode:screen}#embers{z-index:8}.beam-one{width:3px}.beam-two{width:3px}.beam-three{width:2px}.experience.kick .beam{box-shadow:0 0 14px #ff7900,0 0 48px #ff7900,0 0 95px #ff7900}@media(prefers-reduced-motion:reduce){.experience .poster{animation:none}}
.world-shade{background:radial-gradient(ellipse at 50% 55%,transparent 9%,#010203af 48%,#010203 100%),linear-gradient(90deg,#000c,transparent 35%,transparent 65%,#000c)}@keyframes worldShift{to{transform:scale(1.2) translateX(2%);filter:blur(78px) brightness(.22) saturate(1.7)}}
.world-image{background-image:url('/bosque-poster.png')}
.poster{container-type:inline-size}
.poster-art{position:absolute;inset:0;z-index:0;background:url('/bosque-poster.png') center/contain no-repeat}
.glitch-tear{position:absolute;z-index:5;left:8%;top:var(--glitch-y,42%);width:84%;height:.8cqw;min-height:2px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,#f7ffff 12%,#ff7900 57%,transparent 94%);box-shadow:0 0 12px #ff7900;transform:translateX(var(--glitch-shift,0px))}
.glitch-tear::after{content:"";position:absolute;top:1.25cqw;left:28%;width:55%;height:.4cqw;background:#ff7900;box-shadow:0 0 9px #f03}
.experience.glitch-burst .glitch-tear{animation:glitchTear 190ms steps(2,end) both}
@keyframes glitchTear{0%,100%{opacity:0}15%,58%{opacity:.85}32%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.experience.glitch-burst .glitch-tear{animation:none;opacity:0}}

/* Designer motion, location and media controls. */
.poster-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.poster-art{background-image:url('/bosque-poster.png');background-size:contain;filter:none}
.poster-motion{object-fit:contain}
.poster:before{background:none}
.poster:after{content:none}
.experience.kick .poster-art,.experience.kick .poster{filter:none}
.top-controls{display:flex;align-items:center;gap:8px}
.nav-action{height:38px;border:1px solid #ffffff42;background:#090a0bac;color:#f5f5f5;padding:0 11px;font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;backdrop-filter:blur(14px)}
.nav-action:hover,.nav-action:focus-visible{border-color:#ff7900;color:#fff;background:#4e0914d6}
.media-dialog{width:min(820px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);padding:0;border:1px solid #ff7900;background:#050607;color:#fff;box-shadow:0 0 0 1px #ff79002c,0 0 110px #ff79004b;overflow:hidden}
.media-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}
.media-dialog>video{display:block;width:100%;max-height:calc(100svh - 80px);background:#000;object-fit:contain}
.map-dialog{width:min(760px,calc(100vw - 24px))}
.map-frame{height:min(54svh,470px);min-height:280px;overflow:hidden;background:#111;position:relative}
.map-frame::before,.map-frame::after{content:"";position:absolute;z-index:1;width:25px;height:25px;pointer-events:none;border-color:#ff7900;border-style:solid}
.map-frame::before{top:12px;left:12px;border-width:2px 0 0 2px}
.map-frame::after{right:12px;bottom:12px;border-width:0 2px 2px 0}
.map-frame iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(1.15)}
.map-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;color:#c6c8ca;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em}
.map-footer a{color:#fff;text-decoration:none;border-bottom:1px solid #ff7900;white-space:nowrap}
.map-footer a:hover{color:#ff7900}
@media(max-width:600px){.topbar{gap:5px}.top-controls{gap:4px}.nav-action{height:34px;padding:0 6px;font-size:9px}.sound-toggle{gap:5px;font-size:8px;white-space:nowrap}.map-footer{align-items:start;flex-direction:column;gap:8px;padding:12px 16px}.map-frame{height:54svh}}

/* Original artwork stays intact; atmospheric overlays sit above it. */
.experience .poster,.experience.is-playing .poster{animation:none;top:60px;bottom:78px;width:min(100vw,calc((100svh - 138px)*.5625));box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.poster img{object-fit:contain;filter:none}.poster-art{background:none}.experience.kick .poster img{filter:none}.world-image{background-image:url('/bosque-poster.png')}.fog-left{background:radial-gradient(ellipse,#9d450057,transparent 70%)}.fog-right{background:radial-gradient(ellipse,#ff690038,transparent 70%)}.scanlines{opacity:.09}.brand{max-width:230px;line-height:1.5}.brand span{display:block;font-size:10px}.register-button,.form-submit{color:#140a00;background:#ff8a00}.register-button:hover{background:#ffab35}.dialog-content select{height:44px;background:#16191b;border:1px solid #5a5d5f;color:white;padding:0 12px;font:12px 'IBM Plex Mono',monospace;margin-bottom:16px}.dialog-content a{color:#ffad50}.credits-dialog{max-width:480px}.credits-dialog p{line-height:1.7}.dialog-top{gap:16px}.dialog-top button{flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ffbb66;outline-offset:4px}.signup-dialog{max-height:90svh}.experience.kick .world-shade{background:radial-gradient(ellipse at 50% 55%,#ff790010 12%,#02030477 55%,#020304 100%)}
@media(max-width:600px){.experience .poster{top:64px;bottom:80px;width:min(100vw,calc((100svh - 144px)*.5625))}.brand{font-size:9px;max-width:135px}.brand span{display:block;font-size:8px}.topbar{padding:10px 12px}.top-controls{gap:5px}.dialog-top{font-size:8px;padding:0 16px}.dialog-content h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.experience.kick .world-image{filter:blur(72px) brightness(.2)}}

/* Haunted forest: feather all four edges; preserve the central lettering. */
.beam,.scanlines,.glitch-tear{display:none!important}
.experience .poster,.experience.is-playing .poster{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.world-image,.experience.is-playing .world-image{inset:-10%;filter:blur(24px) brightness(.32) saturate(1.5);animation:forestBreathe 18s ease-in-out infinite alternate}
.world-shade{background:radial-gradient(ellipse at 50% 48%,transparent 5%,#08020044 47%,#030100dd 100%)}
.fog{filter:blur(40px);opacity:.42!important;z-index:4}
.fog-left{width:100vw;height:55vh;left:-35vw;top:0;background:radial-gradient(ellipse,#ad704c40,transparent 65%);animation:fogDrift 24s ease-in-out infinite alternate}
.fog-right{width:100vw;height:65vh;right:-40vw;bottom:15%;background:radial-gradient(ellipse,#76554350,transparent 65%);animation:fogDrift 29s ease-in-out infinite alternate-reverse}
#lightshow{z-index:5;opacity:.9;filter:blur(1.3px)}
.bottombar{background:linear-gradient(transparent,#050100b0)}
@keyframes forestBreathe{to{transform:scale(1.14) translateX(1%);filter:blur(31px) brightness(.38) saturate(1.6)}}
@media(max-width:600px){#lightshow{opacity:.7}.world-image,.experience.is-playing .world-image{filter:blur(18px) brightness(.38)}.experience .poster{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 87%,transparent)}}
@media(prefers-reduced-motion:reduce){.world-image,.experience.is-playing .world-image,.fog{animation:none!important}}

/* Moving scenery in the space beside the original poster. */
.side-atmosphere{position:absolute;z-index:1;top:4%;bottom:3%;width:48%;pointer-events:none;overflow:hidden;opacity:.82;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
.side-atmosphere::before{content:"";position:absolute;inset:-18%;background:url('/bosque-poster.png') center/cover no-repeat;filter:blur(18px) brightness(.57) saturate(1.75);animation:sideDrift 12s ease-in-out infinite alternate}
.side-atmosphere::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 55% 44%,transparent 5%,#15050065 58%,#080200d9 100%)}
.side-atmosphere-left{left:-5%;mask-image:linear-gradient(to right,#000 14%,#000 52%,transparent 100%),linear-gradient(to bottom,transparent,#000 15%,#000 83%,transparent);mask-composite:intersect}
.side-atmosphere-right{right:-5%;transform:scaleX(-1);mask-image:linear-gradient(to right,#000 14%,#000 52%,transparent 100%),linear-gradient(to bottom,transparent,#000 15%,#000 83%,transparent);mask-composite:intersect}
.forest-silhouette{position:absolute;z-index:3;top:7%;bottom:6%;width:43%;pointer-events:none;opacity:.42;background:linear-gradient(90deg,transparent 7%,#0a0403 8%,#0a0403 10%,transparent 11%,transparent 25%,#090403 26%,#090403 28%,transparent 29%,transparent 50%,#080302 52%,#080302 55%,transparent 56%,transparent 74%,#080302 75%,#080302 77%,transparent 78%),linear-gradient(155deg,transparent 28%,#100503aa 30%,transparent 33%,transparent 62%,#100503aa 64%,transparent 66%);mask-image:linear-gradient(to bottom,#000 2%,#000 70%,transparent),linear-gradient(to right,#000 20%,transparent);mask-composite:intersect;animation:forestSway 10s ease-in-out infinite alternate}
.forest-left{left:0;transform-origin:bottom left}.forest-right{right:0;transform:scaleX(-1);transform-origin:bottom right;animation-direction:alternate-reverse}
@keyframes sideDrift{to{transform:translate(3%,2%) scale(1.11);filter:blur(22px) brightness(.72) saturate(1.9)}}
@keyframes forestSway{to{opacity:.57;filter:brightness(1.15)}}
@media(max-width:900px){.side-atmosphere{width:38%;opacity:.55}.forest-silhouette{width:30%;opacity:.25}}
@media(max-width:600px){.side-atmosphere,.forest-silhouette{display:none}}
@media(prefers-reduced-motion:reduce){.side-atmosphere::before,.forest-silhouette{animation:none!important}}
.side-atmosphere::before{background-image:url('/forest-atmosphere.svg');filter:blur(8px) brightness(.92) saturate(1.7)}
.side-atmosphere::after{background:radial-gradient(ellipse at 55% 44%,transparent 12%,#18050045 67%,#090200c9 100%)}
.fog{opacity:.3!important}
.fog-left{background:radial-gradient(ellipse,#ff5c0038,transparent 68%)}
.fog-right{background:radial-gradient(ellipse,#e642003c,transparent 68%)}

/* Designer-provided full-width background and transparent typography. */
.world-image,.experience.is-playing .world-image{inset:0;background:url('/bosque-fondo.png') center center/cover no-repeat;filter:none;transform:none;animation:backgroundFloat 17s ease-in-out infinite alternate}
.world-shade{background:linear-gradient(180deg,#09010044,transparent 15%,transparent 78%,#09010077),radial-gradient(ellipse at center,transparent 28%,#0b020037 100%)}
.side-atmosphere,.forest-silhouette{display:none!important}
.experience .poster,.experience.is-playing .poster{top:0;bottom:0;width:min(100vw,56.25svh);overflow:visible;box-shadow:none;filter:none;mix-blend-mode:screen;-webkit-mask-image:none;mask-image:none}
.poster-art{background:none;filter:none}.poster-motion{object-fit:contain;filter:none}.poster::before,.poster::after{content:none!important}
@keyframes backgroundFloat{to{transform:scale(1.04) translateX(-.5%)}}
@media(max-width:600px){.world-image,.experience.is-playing .world-image{background-position:center;background-size:auto 100%;filter:none}.experience .poster,.experience.is-playing .poster{top:0;bottom:0;width:100vw;-webkit-mask-image:none;mask-image:none}}
@media(prefers-reduced-motion:reduce){.world-image,.experience.is-playing .world-image{animation:none!important}}
.world-shade{background:radial-gradient(ellipse 31% 50% at 50% 52%,#070100b8 0%,#08010073 58%,transparent 100%),linear-gradient(180deg,#09010044,transparent 16%,transparent 78%,#09010077)}
@media(max-width:600px){.world-shade{background:radial-gradient(ellipse 71% 48% at 50% 50%,#070100a8 0%,#08010066 58%,transparent 100%),linear-gradient(180deg,#09010044,transparent 14%,transparent 77%,#09010077)}}

/* Signup panel: compact on desktop, hidden but usable scroll on short screens. */
.signup-dialog{width:min(490px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow-y:auto;scrollbar-width:none;border-color:#ff8415;background:radial-gradient(ellipse at 50% 110%,#b4300038,transparent 48%),linear-gradient(160deg,#08090df9,#110502f9);box-shadow:0 0 0 1px #ff6b0038,0 0 42px #ed500065,0 0 120px #f064002f;animation:modalFireGlow 2.4s ease-in-out infinite alternate}
.signup-dialog::-webkit-scrollbar{display:none;width:0;height:0}
.signup-dialog::backdrop{background:radial-gradient(ellipse at center,#481100b0,#000e 75%);backdrop-filter:blur(15px)}
.signup-dialog .dialog-top{position:sticky;top:0;z-index:3;height:46px;background:#09090cef;border-bottom-color:#ff6f004d}
.signup-dialog .dialog-content{position:relative;padding:19px 28px 16px;background:linear-gradient(180deg,#0a090ded,#140602e8),url('/forest-atmosphere.svg') center/cover}
.signup-dialog .dialog-content::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 6% 23%,#ff9d1330 0 1px,transparent 3px),radial-gradient(circle at 92% 48%,#ff9d1330 0 1px,transparent 3px),radial-gradient(circle at 15% 81%,#ff9d1330 0 1px,transparent 3px);animation:modalEmbers 6s ease-in-out infinite alternate}
.signup-dialog .dialog-kicker{margin:2px 0 0}
.signup-dialog .dialog-content h1{font-size:clamp(54px,7.4svh,76px);line-height:.82;margin:15px 0 17px}
.signup-dialog .dialog-description{margin:15px 0;color:#d2c3b8;line-height:1.55}
.signup-dialog .dialog-content label:not(.consent){margin-bottom:5px;color:#ffdeb9}
.signup-dialog .dialog-content input:not([type=checkbox]),.signup-dialog .dialog-content select{height:40px;margin-bottom:10px;background:#18120fdb;border-color:#765441}
.signup-dialog .dialog-content input:focus,.signup-dialog .dialog-content select:focus{border-color:#ff8a00;box-shadow:0 0 10px #ff6e004d}
.signup-dialog .consent{margin:2px 0 12px}
.signup-dialog .form-submit{height:44px;box-shadow:0 0 24px #ff69004d}
.signup-dialog .form-message{margin-top:8px}
@keyframes modalFireGlow{to{box-shadow:0 0 0 1px #ff930069,0 0 65px #f36a008a,0 0 145px #f0640040}}
@keyframes modalEmbers{to{transform:translateY(-9px);opacity:.4}}
@media(max-width:600px){.signup-dialog .dialog-content{padding:17px 20px 14px}.signup-dialog .dialog-content h1{font-size:clamp(48px,8svh,66px)}.signup-dialog .dialog-description{margin:12px 0}.signup-dialog .dialog-content input:not([type=checkbox]),.signup-dialog .dialog-content select{height:38px;margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.signup-dialog,.signup-dialog .dialog-content::before{animation:none!important}}

/* The designer's still background avoids video decoding while the form opens. */
.world-image,.experience.is-playing .world-image{animation:none}
.signup-dialog::backdrop{backdrop-filter:none}