.inv--fanous{--inv-bg: radial-gradient(70% 50% at 50% 35%,#2c3a2e 0%,#1f2a22 60%,#141c16 100%);--inv-ink: #f4e2b8;--inv-accent: #c8a25a;--inv-surface: #26322a;--pv-chip: #26322a;--pv-chip-fg: #f4e2b8;--fn-brass: #c8a25a;--fn-olive: #2e3a2f;font-family: "El Messiri",var(--font-body)}.fn-scene{position: relative;display: grid;justify-items: center;align-content: start;width: 100%;height: 100%;padding-top: 0}.fn-hang{position: relative;transform-origin: 50% 0;animation: fn-in 1.4s var(--ease-out) both,fn-swing 4.2s var(--ease-in-out) infinite 1.4s}.fn-lantern{width: 100%;height: auto;overflow: visible}.fn-hang .fn-lantern{height: 38vh;width: auto;margin-inline: auto}.fn-flame{transform-box: fill-box;transform-origin: 50% 100%;animation: fn-dim 2.4s ease-in-out infinite alternate;opacity: 0.55}.fn-halo{position: absolute;left: 50%;bottom: 18%;width: 14rem;height: 14rem;margin-left: -7rem;border-radius: 50%;background: radial-gradient(circle,rgb(232 163 58 / 0.25),transparent 65%);pointer-events: none;transition: transform 1s var(--ease-out),opacity 0.8s}.fn-title{margin-top: 1.5rem;font-family: "Aref Ruqaa",var(--font-display);font-size: clamp(2.2rem,9vw,3rem);color: #f4e2b8;animation: fn-fade 1.4s both 0.8s}.fn-arcade{position: absolute;bottom: 0;left: 0;width: 100%;height: 22vh;animation: fn-up 1.4s var(--ease-out) both 0.2s}.inv--fanous[data-state="opening"] .fn-hang{animation: fn-settle 0.6s var(--ease-out) both}.inv--fanous[data-state="opening"] .fn-flame{animation: fn-ignite 0.7s var(--ease-out) both 0.25s}.inv--fanous[data-state="opening"] .fn-halo{transform: scale(2.4)}.inv--fanous[data-state="opening"] .fn-title{animation: fn-out 0.4s both}.inv--fanous[data-state="opening"] .fn-arcade{animation: fn-down 0.9s var(--ease-in-out) both 0.4s}.fn-light{position: relative;min-height: 100vh;min-height: 100svh;background: radial-gradient(90% 55% at 50% 20%,#fbefcf,#f2dca8 70%,#e9cc8e);color: var(--fn-olive);clip-path: circle(0px at 50% 20vh);transition: clip-path 1.2s cubic-bezier(0.6,0,0.25,1) 0.7s}.inv--fanous:is([data-state="opening"],[data-state="open"]) .fn-light{clip-path: circle(150vmax at 50% 20vh)}.inv--fanous[data-state="open"] .fn-light{clip-path: none}.inv--fanous[data-state="open"]{--inv-ink: #2e3a2f;--inv-surface: #fbefcf}.fn-motes{position: absolute;inset: 0;pointer-events: none}.fn-motes span{position: absolute;left: var(--x);top: var(--y);width: calc(var(--s) * 5px);height: calc(var(--s) * 5px);border-radius: 50%;background: #e8a33a;opacity: 0;animation: fn-mote var(--t) ease-in-out infinite var(--d)}.fn-sheet{position: relative;max-width: 32rem;margin-inline: auto;display: grid;justify-items: center;gap: 1.3rem;text-align: center}.fn-mini{width: 3rem;transform-origin: 50% 0;animation: fn-swing 4.2s var(--ease-in-out) infinite}.fn-mini .fn-flame{opacity: 1;animation: none}.fn-host{font-family: "Aref Ruqaa",var(--font-display);font-weight: 400;font-size: clamp(2.8rem,12vw,4rem);line-height: 1.35;color: var(--fn-olive);outline: none}.fn-pre{font-size: 1.15rem;color: #5a4a2a}.fn-arches{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.6rem;width: 100%;margin-top: 0.6rem}.fn-arch{display: grid;align-content: start;gap: 0.4rem;min-height: 9.5rem;padding: 2.2rem 0.4rem 1rem;border: 1px solid rgb(176 138 68 / 0.75);border-radius: 999px 999px 6px 6px;background: rgb(255 255 255 / 0.35)}.fn-arch__label{font-size: 0.8rem;color: #8a6a2c}.fn-arch__val{font-size: 0.95rem;font-weight: 600;line-height: 1.6}.fn-cd .cd__num{font-size: 1.8rem;font-weight: 700;color: var(--fn-olive)}.fn-cd .cd__label{color: #8a6a2c}.fn-foot{font-family: "Aref Ruqaa",var(--font-display);font-size: 1.6rem;color: #8a5a1c}.inv--fanous:is([data-state="opening"],[data-state="open"]) .fn-sheet>*{animation: fn-up 0.9s var(--ease-out) both calc(1.35s + var(--i) * 0.12s)}.inv--fanous:is([data-state="opening"],[data-state="open"]) .fn-sheet>.fn-mini{animation: fn-up 0.9s var(--ease-out) both 1.35s,fn-swing 4.2s var(--ease-in-out) infinite 2.3s}@keyframes fn-in{from{opacity: 0;transform: translateY(-30vh)}to{opacity: 1;transform: none}}@keyframes fn-swing{0%,100%{transform: rotate(-4deg)}50%{transform: rotate(4deg)}}@keyframes fn-settle{to{transform: rotate(0deg)}}@keyframes fn-dim{from{opacity: 0.4;transform: scale(0.85)}to{opacity: 0.65;transform: scale(1)}}@keyframes fn-ignite{from{opacity: 0.5;transform: scale(0.9)}60%{opacity: 1;transform: scale(1.5)}to{opacity: 1;transform: scale(1.25)}}@keyframes fn-fade{from{opacity: 0}to{opacity: 1}}@keyframes fn-out{to{opacity: 0}}@keyframes fn-up{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: none}}@keyframes fn-down{to{transform: translateY(100%)}}@keyframes fn-mote{0%,100%{opacity: 0;transform: translateY(0)}50%{opacity: 0.5;transform: translateY(-24px)}}.inv--fanous{--fnc-141c16: #141c16;--fnc-3a2a14: #3a2a14;--fnc-b08a44: #b08a44;--fnc-c8a25a: #c8a25a;--fnc-c9532e: #c9532e;--fnc-e8a33a: #e8a33a;--fnc-fff1c2: #fff1c2}