body.section-ambient{isolation:isolate;background:#111510}
.section-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#131914}
.section-backdrop-image{position:absolute;inset:-5%;background-position:center;background-size:cover;opacity:0;transition:opacity 1.1s ease;animation:section-camera 32s ease-in-out infinite alternate;filter:saturate(.77) brightness(.85)}
.section-backdrop-image.active{opacity:1}
.section-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101612ed, #1117149e 50%,#1016128f),linear-gradient(0deg,#0b1115e8,transparent 80%)}
[data-ambient-section=apex] .section-backdrop::after{background:linear-gradient(90deg,#1c140feb,#1c18159c 50%,#2416059e),linear-gradient(0deg,#19110ee6,transparent 80%)}
[data-ambient-section=event] .section-backdrop::after{background:linear-gradient(90deg,#171024ee,#19152c9c 50%,#25123b8f),linear-gradient(0deg,#140e21ed,transparent 80%)}
[data-ambient-section=palworld] .section-backdrop::after{background:linear-gradient(90deg,#0b201fec,#102c2a9c 50%,#0a29278f),linear-gradient(0deg,#091c1ced,transparent 80%)}
[data-ambient-section=gameplay] .section-backdrop::after{background:linear-gradient(90deg,#101c23ed,#12242b9c 50%,#0b29348f),linear-gradient(0deg,#0c171eed,transparent 80%)}
[data-ambient-section=support] .section-backdrop::after{background:linear-gradient(90deg,#24160ded,#25140e9c 50%,#2e190b8f),linear-gradient(0deg,#1b100ced,transparent 80%)}
.section-backdrop-fog{position:absolute;inset:30% -25% -20%;background:radial-gradient(ellipse,#deede72c,transparent 65%);animation:section-fog 22s ease-in-out infinite alternate;opacity:.55}
.section-backdrop-fog.second{inset:10% -20% 10%;opacity:.23;animation-delay:-11s;animation-duration:30s}
.section-backdrop-particles{position:absolute;inset:0;z-index:1}
.section-backdrop-particles i{position:absolute;bottom:-3%;left:var(--x);width:var(--size);height:var(--size);background:#ffe0a0;border-radius:50%;color:#ffba6d;box-shadow:0 0 9px currentColor;opacity:0;animation:section-rise var(--duration) linear var(--delay) infinite}
[data-ambient-section=event] .section-backdrop-particles i{background:#dec4ff;color:#c390ff}
[data-ambient-section=palworld] .section-backdrop-particles i{background:#a7efd7;color:#76d9bb}
[data-ambient-section=gameplay] .section-backdrop-particles i{background:#b9e2f1;color:#79cce9}
.section-ambient main .lead{color:#e5dacb;text-shadow:0 2px 12px #0009}
.section-ambient .page-intro h1{filter:drop-shadow(0 3px 18px #0006)}
.section-ambient .info-strip,.section-ambient .apex-link-strip{background:#171813de;backdrop-filter:blur(6px)}
.section-ambient .faq-list details{background:#151a19e8}
.section-ambient .map-directory li,.section-ambient .rules,.section-ambient .mods-category-heading{background:#11191ba6}
.section-ambient .map-directory li{border-radius:5px}
.section-ambient .section-heading>p,.section-ambient .mods-category-heading p{color:#dcd1c0}
.section-ambient .server-card{background:linear-gradient(135deg,#291e17f7,#211914f7)}
.section-ambient .support-card,.section-ambient .mod-card-compact{background:linear-gradient(135deg,#251f19f5,#1a1c1af5)}
.section-ambient footer{background:#101714e8}
.section-background-control{position:fixed;bottom:16px;right:16px;z-index:28}
.section-background-control button{border:1px solid #ffbd7045;border-radius:22px;background:#10191ced;color:#e9d7bc;font-size:10px;padding:8px 13px;box-shadow:0 4px 18px #0004}
.section-background-control button:disabled{display:none}
.section-background-paused .section-backdrop *{animation-play-state:paused!important}
.section-background-brand{position:absolute;right:5%;top:15%;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:.2;color:#ffdfb4;text-shadow:0 4px 24px #000;max-width:42%}
.section-background-brand span{font:800 clamp(23px,3.3vw,64px)/1.1 Manrope,'Segoe UI',sans-serif;letter-spacing:-.06em;white-space:nowrap}
.section-background-brand small{font-size:10px;letter-spacing:.35em;text-align:right}
.section-ambient .page-intro:after{display:none}
[data-ambient-section=core] .section-background-brand,[data-ambient-section=gameplay] .section-background-brand{color:#c1eeff}
[data-ambient-section=event] .section-background-brand{color:#ffe3c1}
@media(max-width:700px){.section-background-brand{top:12%;right:7%;opacity:.13;max-width:80%}.section-background-brand span{font-size:30px}.section-background-brand small{font-size:8px}}
@keyframes section-camera{from{transform:scale(1) translate3d(-.5%,0,0)}to{transform:scale(1.07) translate3d(.5%,-.7%,0)}}
@keyframes section-fog{from{transform:translate3d(-5%,3%,0)}to{transform:translate3d(6%,-4%,0)}}
@keyframes section-rise{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.6}80%{opacity:.25}100%{transform:translate3d(40px,-95vh,0);opacity:0}}
@media(max-width:700px){.section-backdrop-image{background-position:60% center}.section-background-control{bottom:12px;right:12px}.section-background-control button{font-size:9px;padding:7px 10px}.section-ambient .join-dock{bottom:48px}}
@media(prefers-reduced-motion:reduce){.section-backdrop *{animation:none!important;transition:none!important}.section-backdrop-particles{display:none}}
