.inv--majlis{--inv-bg: radial-gradient(90% 70% at 50% 40%,#3b4a3c,#232d24 80%);--inv-ink: #2e3a2f;--inv-accent: #7d6a45;--inv-surface: #e9e4d8;--mj-stone: #e9e4d8;--mj-olive: #2e3a2f;--mj-brass: #8a7448;--mj-w: min(84vw,23rem);--inv-hint: #e9e4d8;font-family: var(--font-display);perspective: 1600px}.mj-scene{display: grid;justify-items: center;perspective: 1400px}.mj-front{position: relative;width: var(--mj-w);aspect-ratio: 0.72;display: grid;place-content: center;justify-items: center;gap: 1.2rem;border-radius: 8px;background: radial-gradient(120% 80% at 30% 20%,rgb(255 255 255 / 0.55),transparent 60%),var(--mj-stone);box-shadow: 0 1px 0 rgb(255 255 255 / 0.6) inset,0 -2px 0 rgb(0 0 0 / 0.08) inset,0 40px 60px -30px rgb(0 0 0 / 0.75);transform-style: preserve-3d;animation: mj-in 1.2s var(--ease-out) both 0.15s,mj-tilt 7s var(--ease-in-out) infinite 1.4s;backface-visibility: hidden}.mj-front::before{content: "";position: absolute;inset: 0.9rem;border: 1px solid rgb(125 106 69 / 0.7);border-radius: 3px}.mj-front::after{content: "";position: absolute;inset: 1.25rem;border: 1px solid rgb(125 106 69 / 0.3);border-radius: 2px}.mj-crest{width: 7.5rem;height: 7.5rem;display: grid;place-items: center;border-radius: 50%;color: var(--mj-stone);box-shadow: inset 2px 2px 3px rgb(0 0 0 / 0.16),inset -2px -2px 3px rgb(255 255 255 / 0.8),0 0 0 0.45rem var(--mj-stone),0 0 0 calc(0.45rem + 1px) rgb(125 106 69 / 0.55)}.mj-crest svg{width: 52%;filter: drop-shadow(1px 1px 0 rgb(0 0 0 / 0.18)) drop-shadow(-1px -1px 0 rgb(255 255 255 / 0.9))}.mj-front__title{font-weight: 700;font-size: 2rem;color: var(--mj-olive);text-shadow: -1px -1px 0 rgb(255 255 255 / 0.7),1px 1px 0 rgb(0 0 0 / 0.08)}.mj-front__host{font-family: var(--font-body);font-size: 0.9rem;color: #5b6556;max-width: 80%;text-align: center}.mj-corner{position: absolute;width: 1.6rem;height: 1.6rem;background: var(--mj-brass)}.mj-corner--a{top: 0.9rem;right: 0.9rem;clip-path: polygon(0 0,100% 0,100% 100%)}.mj-corner--b{bottom: 0.9rem;left: 0.9rem;clip-path: polygon(0 0,0 100%,100% 100%)}.inv--majlis[data-state="opening"] .mj-front{animation: mj-flip-out 0.6s cubic-bezier(0.5,0,0.9,0.5) both}.mj-sheet{padding-top: max(5.5rem,calc((100svh - var(--mj-w) / 0.72) / 2))}.mj-back{position: relative;width: var(--mj-w);min-height: calc(var(--mj-w) / 0.72);margin-inline: auto;display: grid;align-content: center;justify-items: center;gap: 1rem;padding: 2.6rem 1.8rem 2.4rem;text-align: center;border-radius: 8px;background: radial-gradient(120% 80% at 70% 10%,rgb(255 255 255 / 0.5),transparent 60%),var(--mj-stone);box-shadow: 0 40px 60px -30px rgb(0 0 0 / 0.75);transform-origin: 50% 50%}.mj-back::before{content: "";position: absolute;inset: 0.9rem;border: 1px solid rgb(125 106 69 / 0.7);border-radius: 3px;pointer-events: none}.mj-back__crest{width: 2.2rem;color: var(--mj-brass)}.mj-basmala{font-size: 1.15rem;color: var(--mj-brass)}.mj-host{font-family: var(--font-body);font-size: 0.98rem;color: #4a5547;line-height: 1.9}.mj-host b{font-weight: 600;color: var(--mj-olive)}.mj-event{font-size: clamp(1.9rem,7.5vw,2.5rem);line-height: 1.4;color: var(--mj-olive);outline: none}.mj-table{margin: 0;width: 100%;display: grid;gap: 0.15rem;font-family: var(--font-body)}.mj-table>div{display: flex;align-items: baseline;gap: 0.5rem;padding-block: 0.35rem}.mj-table dt{font-family: var(--font-display);font-weight: 700;color: var(--mj-brass);white-space: nowrap}.mj-table>div::after{content: "";order: 1;flex: 1;border-bottom: 1px dotted rgb(46 58 47 / 0.35)}.mj-table dd{order: 2;margin: 0;font-size: 0.95rem;text-align: end}.mj-note{font-family: var(--font-body);font-size: 0.82rem;color: #5b6556;padding-top: 0.6rem;border-top: 1px solid rgb(125 106 69 / 0.4)}.mj-after{display: grid;justify-items: center;gap: 0.8rem;font-family: var(--font-body)}.inv--majlis .inv-map{color: var(--mj-olive)}.inv--majlis:is([data-state="opening"],[data-state="open"]) .mj-back{animation: mj-flip-in 0.75s cubic-bezier(0.1,0.5,0.4,1) both 0.58s}.inv--majlis:is([data-state="opening"],[data-state="open"]) .mj-back>*{animation: mj-fade 0.6s ease both 1s}@keyframes mj-in{from{opacity: 0;transform: translateY(40px) rotateX(18deg)}to{opacity: 1;transform: none}}@keyframes mj-tilt{0%,100%{transform: rotateY(-7deg) rotateX(3deg)}50%{transform: rotateY(7deg) rotateX(-2deg)}}@keyframes mj-flip-out{from{transform: rotateY(0deg)}to{transform: rotateY(-90deg) scale(1.04)}}@keyframes mj-flip-in{from{transform: perspective(1400px) rotateY(90deg) scale(1.04)}to{transform: perspective(1400px) rotateY(0deg)}}@keyframes mj-fade{from{opacity: 0}to{opacity: 1}}