:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fdf6e9;--muted:#fdf6e999;--faint:#fdf6e957;--surface:#ffffff0e;--surface-strong:#1e172adb;--speech-sand:#68482ad6;--speech-sand-deep:#372419e0;--speech-sand-line:#efc48057;--line:#ffe2a024;--line-strong:#ffe2a047;--gold:#ffce5c;--gold-deep:#e8a93a;--teal:#2fd6b8;--red:#ff6b57;--amber:#ffb347;--radius:18px;--shadow:0 18px 60px #0006;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%;background-color:#0e0a17;background-image:linear-gradient(#0e0a1738,#0e0a17a3),radial-gradient(120% 70% at 50% -8%,#ffce5c24,#0000 58%),url(/assets/backgrounds/bgmajlis916.png),none;background-position:0 0,0 0,50%,0 0;background-repeat:repeat,repeat,no-repeat,repeat;background-size:auto,auto,cover,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled,input:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.icon{flex:none;width:20px;height:20px;display:block}.app{height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:8px;max-width:1180px;margin-inline:auto;display:flex;position:relative}.stage{flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;display:flex}.topbar{z-index:8;justify-content:flex-end;align-self:stretch;align-items:center;gap:10px;min-height:42px;display:flex}.topbar-actions{direction:ltr;gap:8px;display:flex}.chip-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:inline-grid}.chip-button:hover{color:var(--ink);border-color:var(--line-strong)}.chip-button:active{transform:scale(.94)}.genie-zone{flex:1;justify-content:center;align-self:stretch;align-items:center;min-height:0;padding-top:96px;display:flex;position:relative;overflow:hidden}.easter-egg{z-index:4;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.five-sar-egg{--money-rotation:-13deg;filter:drop-shadow(0 8px 10px #0000007a);width:clamp(56px,16vw,96px);transition:opacity .22s,transform .22s,filter .22s}.five-sar-egg--left{--money-rotation:-13deg;transform:rotate(var(--money-rotation));bottom:clamp(118px,16dvh,168px);left:22%}.five-sar-egg--right{--money-rotation:-8deg;width:clamp(48px,14vw,74px);transform:rotate(var(--money-rotation));bottom:clamp(86px,11dvh,112px);right:clamp(18px,6vw,44px)}.five-sar-egg img{border-radius:6px;width:100%;display:block}.five-sar-egg:disabled{opacity:.46}.five-sar-egg:not(:disabled){animation:3.8s ease-in-out infinite five-sar-glint}.five-sar-egg.consumed{opacity:0;pointer-events:none;transform:translateY(8px) rotate(var(--money-rotation)) scale(.62);filter:drop-shadow(0 0 #0000)}.tv-egg{filter:drop-shadow(0 16px 18px #0000007a);width:clamp(106px,30vw,144px);text-decoration:none;bottom:clamp(214px,27dvh,260px);left:clamp(10px,5.5vw,36px);transform:rotate(-1deg)}.tv-egg:before,.tv-egg:after{content:none}.tv-screen{background:linear-gradient(#0000002e 50%,#0000 50%) 0 0/100% 5px,radial-gradient(circle at 50% 42%,#ffffff1f,#0000 62%),#00230a57;border:1px solid #a0ff765c;border-radius:9% 8% 11% 10%;width:61.27%;height:55.66%;position:absolute;top:11.23%;left:14.66%;overflow:hidden;box-shadow:inset 0 0 20px #0000006b,0 0 16px #3eff3c24}.tv-body{pointer-events:none;width:100%;height:auto;display:block}.tv-ticker{color:#eaff6e;text-shadow:0 0 8px #aaff50d1;min-width:max-content;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.42rem,1.45vw,.66rem);font-weight:800;animation:4.4s linear infinite tv-ticker;position:absolute;bottom:14%;left:100%}.genie-zone:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 70%,#ffce5c24,#0000 70%);height:50%;position:absolute;inset:auto 0 -14%}.speech-card{background:linear-gradient(180deg, var(--speech-sand), var(--speech-sand-deep)), #543823db;border:1px solid var(--speech-sand-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;scrollbar-width:none;transform-origin:50% 100%;z-index:3;width:min(100%,520px);max-height:86px;margin:0;padding:12px 16px;font-size:clamp(.92rem,1.8vw,1.05rem);font-weight:500;line-height:1.55;transition:border-color .24s;position:absolute;top:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:inset 0 1px #ffe7b81f,0 14px 42px #0000004d}.speech-card:after{content:"";background:inherit;border-right:1px solid var(--speech-sand-line);border-bottom:1px solid var(--speech-sand-line);border-bottom-right-radius:4px;width:16px;height:16px;position:absolute;bottom:-8px;right:calc(50% - 8px);transform:rotate(45deg)}.speech-card.pop{animation:.22s ease-out speech-pop}body[data-mood=yes] .speech-card,body[data-mood=win] .speech-card{border-color:#2fd6b873}body[data-mood=no] .speech-card,body[data-mood=lose] .speech-card,body[data-mood=annoyed] .speech-card{border-color:#ff6b5773}body[data-mood=maybe] .speech-card,body[data-mood=bribed] .speech-card{border-color:#ffb34773}.genie-sprite{--row-y:0%;--frame-duration:1.45s;--motion-name:genie-idle;--motion-duration:5.6s;--motion-timing:ease-in-out;--motion-count:infinite;--sprite-scale:1.06;aspect-ratio:1;background-image:url(/assets/sprites/genie-core-atlas.png);background-repeat:no-repeat;background-size:400% 300%;background-position:0% var(--row-y);filter:drop-shadow(0 34px 44px #0000006b);transform-origin:50% 92%;width:min(88vw,500px);max-height:100%;scale:var(--sprite-scale);animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, genie-idle var(--motion-duration) var(--motion-timing) var(--motion-count);z-index:2;flex:none}.genie-sprite[data-mood=thinking]{--row-y:50%;--frame-duration:1.05s;--motion-name:genie-thinking;--motion-duration:2.8s;--motion-timing:ease-in-out;--motion-count:infinite;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-core-atlas.png);background-size:400% 300%}.genie-sprite[data-mood=confused]{--row-y:100%;--frame-duration:.76s;--motion-name:genie-confused;--motion-duration:.76s;--motion-timing:ease-out;--motion-count:2;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-core-atlas.png);background-size:400% 300%}.genie-sprite[data-mood=maybe]{--row-y:50%;--frame-duration:1.15s;--motion-name:genie-maybe;--motion-duration:1.15s;--motion-timing:ease-in-out;--motion-count:2;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-core-atlas.png);background-size:400% 300%}.genie-sprite[data-mood=yes]{--row-y:0%;--frame-duration:.72s;--motion-name:genie-yes;--motion-duration:.72s;--motion-timing:ease-out;--motion-count:2;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-reactions-atlas.png);background-size:400% 400%}.genie-sprite[data-mood=no],.genie-sprite[data-mood=annoyed]{--row-y:33.333%;--frame-duration:.82s;--motion-name:genie-no;--motion-duration:.82s;--motion-timing:ease-out;--motion-count:2;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-reactions-atlas.png);background-size:400% 400%}.genie-sprite[data-mood=bribed]{--row-y:66.666%;--frame-duration:.7s;--motion-name:genie-bribed;--motion-duration:.7s;--motion-timing:cubic-bezier(.2, .92, .2, 1);--motion-count:3;animation:genie-frame-cycle var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-reactions-atlas.png);background-size:400% 400%}.genie-sprite[data-mood=win],.genie-sprite[data-mood=lose]{--row-y:100%;--end-frame-cycle:genie-win-frame-cycle;--frame-duration:.78s;--motion-duration:.9s;--motion-timing:ease-out;--motion-count:infinite;animation:var(--end-frame-cycle) var(--frame-duration) steps(1, end) infinite, var(--motion-name) var(--motion-duration) var(--motion-timing) var(--motion-count);background-image:url(/assets/sprites/genie-reactions-atlas.png);background-size:400% 400%}.genie-sprite[data-mood=win]{--motion-name:genie-win}.genie-sprite[data-mood=lose]{--end-frame-cycle:genie-lose-frame-cycle;--motion-name:genie-lose;filter:drop-shadow(0 20px 30px #0000005c)grayscale(.18)}.bribe-hand{opacity:0;pointer-events:none;z-index:4;filter:drop-shadow(0 18px 28px #0006);width:min(36vw,300px);position:absolute;bottom:-40vh;left:50%;transform:translate(-90%)rotate(-7deg)}.bribe-hand.pay{animation:1.25s cubic-bezier(.2,.92,.2,1) pay-bribe}.dock{z-index:5;flex-direction:column;gap:10px;width:min(100%,600px);display:flex}.dock-row{align-items:center;gap:0;display:flex}.trail{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:7px;min-height:16px;display:flex}.dot{background:0 0;border:1.5px solid #fdf6e938;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .16s,border-color .2s,box-shadow .2s}.dot:disabled{cursor:default;opacity:1}.trail.low .dot:disabled:not(.current){border-color:#ff6b5766}.dot.current{border-color:var(--gold);animation:2.2s ease-in-out infinite current-pulse}.dot.filled{border-color:#0000;animation:.32s cubic-bezier(.2,.92,.3,1.3) dot-pop}.dot.filled:hover{transform:scale(1.3)}.dot.active{transform:scale(1.3);box-shadow:0 0 0 3px #fdf6e938}.dot.yes{background:var(--teal);box-shadow:0 0 10px #2fd6b873}.dot.no{background:var(--red);box-shadow:0 0 10px #ff6b5773}.dot.maybe{background:var(--amber);box-shadow:0 0 10px #ffb34773}.dot.invalid_question,.dot.unknown{background:#fdf6e959}.dot.hint{background:var(--gold);width:10px;height:10px;margin-inline-start:3px;box-shadow:0 0 10px #ffce5c80}.dot.active.yes{box-shadow:0 0 0 3px #2fd6b859}.dot.active.no{box-shadow:0 0 0 3px #ff6b5759}.dot.active.maybe{box-shadow:0 0 0 3px #ffb34759}.dot.active.hint{box-shadow:0 0 0 3px #ffce5c59}.action-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.84rem;font-weight:700;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.action-button:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.action-button .icon{width:17px;height:17px}.action-button.icon-only{width:38px;padding:0}.action-button.hint{color:var(--gold);background:#ffce5c14;border-color:#ffce5c52}.action-button.hint:hover:not(:disabled){background:#ffce5c21;border-color:#ffce5c8c}.input-row{gap:8px;display:flex}input{border:1px solid var(--line);min-width:0;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:rtl;background:#ffffff12;border-radius:999px;outline:none;flex:1;min-height:50px;padding:0 18px;font-size:16px;transition:border-color .16s,box-shadow .16s,background-color .16s}input::placeholder{color:var(--faint)}input:focus{border-color:var(--gold);background:#ffffff17;box-shadow:0 0 0 3px #ffce5c2e}input.replay{background:#ffce5c12;border-color:#ffce5c8c}.send-button{background:linear-gradient(160deg, var(--gold), var(--gold-deep));color:#2b1c05;border:none;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;transition:transform .14s,box-shadow .14s,width .16s,background .16s;display:inline-grid;box-shadow:0 8px 22px #ffce5c47}.send-button .icon{width:22px;height:22px}.send-short-label{white-space:nowrap;font-size:.78rem;font-weight:800;line-height:1;display:none}.send-button.too-long{color:#23160b;background:linear-gradient(160deg,#e3b26b,#a96733);border-radius:999px;width:70px}.send-button.too-long:disabled{cursor:not-allowed;opacity:.95}.send-button.too-long .icon{display:none}.send-button.too-long .send-short-label{display:inline}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #ffce5c5c}.send-button:active:not(:disabled){transform:scale(.93)}.result-dialog{inset:auto max(14px, env(safe-area-inset-right)) calc(84px + env(safe-area-inset-bottom)) auto;border:1px solid var(--speech-sand-line);width:min(238px,100vw - 28px);color:var(--ink);text-align:start;background:linear-gradient(#704c2af5,#301f15fa),#4f3320;border-radius:16px;margin:0;padding:12px;position:fixed;box-shadow:inset 0 1px #ffe7b824,0 14px 38px #0000006b}.result-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.result-dialog[open]{animation:.26s cubic-bezier(.2,.92,.3,1.1) dialog-in}.result-emoji{margin-bottom:4px;font-size:1.35rem;line-height:1;display:none}.result-dialog h2{margin:0 0 4px;font-size:1.05rem;font-weight:800}.result-dialog p{color:#fdf6e9c2;margin:0 0 10px;font-size:.78rem;line-height:1.65}.result-actions{flex-direction:row;gap:8px;display:flex}.result-actions .action-button{min-height:40px;padding-inline:12px;font-size:.84rem}.primary-button{background:linear-gradient(160deg, var(--gold), var(--gold-deep));color:#2b1c05;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.9rem;font-weight:800;transition:transform .14s;display:inline-flex;box-shadow:0 8px 22px #ffce5c42}.primary-button .icon{width:16px;height:16px}.primary-button:disabled{cursor:wait;opacity:.55}.primary-button:active{transform:scale(.97)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes genie-frame-cycle{0%,24.99%{background-position:0% var(--row-y)}25%,49.99%{background-position:33.333% var(--row-y)}50%,74.99%{background-position:66.666% var(--row-y)}75%,to{background-position:100% var(--row-y)}}@keyframes genie-win-frame-cycle{0%,49.99%{background-position:0% var(--row-y)}50%,to{background-position:33.333% var(--row-y)}}@keyframes genie-lose-frame-cycle{0%,49.99%{background-position:66.666% var(--row-y)}50%,to{background-position:100% var(--row-y)}}@keyframes speech-pop{0%{transform:translate(-50%)scale(.96)}to{transform:translate(-50%)scale(1)}}@keyframes dot-pop{0%{transform:scale(.3)}70%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes current-pulse{0%,to{border-color:#ffce5ce6;box-shadow:0 0 8px #ffce5c4d}50%{box-shadow:none;border-color:#ffce5c4d}}@keyframes five-sar-glint{0%,68%,to{transform:rotate(var(--money-rotation)) scale(1)}74%{transform:rotate(var(--money-rotation)) scale(1.08)}82%{transform:rotate(var(--money-rotation)) scale(1)}}@keyframes tv-ticker{0%{transform:translate(0)}to{transform:translate(calc(-100% - 160px))}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes genie-idle{0%,to{filter:drop-shadow(0 34px 44px #0000006b);transform:rotate(0)}50%{filter:drop-shadow(0 34px 44px #0000006b)saturate(1.04)brightness(1.02);transform:rotate(.45deg)}}@keyframes genie-thinking{0%,to{filter:drop-shadow(0 34px 44px #0000006b);transform:rotate(-.3deg)scale(1)}50%{filter:drop-shadow(0 42px 48px #00000075)saturate(1.08);transform:rotate(.5deg)scale(1.01)}}@keyframes genie-yes{40%{transform:rotate(1.2deg)scale(1.02)}}@keyframes genie-no{20%{transform:translate(-10px)rotate(-2deg)}50%{transform:translate(12px)rotate(2deg)}80%{transform:translate(-4px)rotate(-1deg)}}@keyframes genie-confused{18%{transform:translate(7px)rotate(2.5deg)}42%{transform:translate(-9px)rotate(-2.2deg)}70%{transform:translate(3px)rotate(.8deg)}}@keyframes genie-maybe{0%,to{filter:drop-shadow(0 34px 44px #0000006b)saturate(1.02);transform:translateY(0)rotate(-.2deg)scale(1)}38%{filter:drop-shadow(0 38px 46px #00000070)saturate(1.06)brightness(1.02);transform:translateY(-2px)rotate(.65deg)scale(1.005)}72%{transform:translateY(1px)rotate(-.55deg)scale(.998)}}@keyframes genie-bribed{25%{transform:rotate(-2deg)scale(1.04)}58%{transform:rotate(2deg)scale(.98)}}@keyframes genie-win{20%{transform:rotate(-4deg)scale(1.05)}52%{transform:rotate(5deg)scale(1.03)}}@keyframes genie-lose{to{filter:drop-shadow(0 20px 30px #0000005c)grayscale(.18);transform:rotate(-1.5deg)scale(.98)}}@keyframes pay-bribe{0%{opacity:0;bottom:-48vh;transform:translate(-90%)rotate(-11deg)scale(1.18)}28%,72%{opacity:1}55%{bottom:8vh;transform:translate(-72%)rotate(-4deg)scale(.82)}to{opacity:0;bottom:16vh;transform:translate(-66%)rotate(2deg)scale(.72)}}@keyframes warning-wobble{20%{transform:translate(-50%)rotate(-1.2deg)scale(1.01)}54%{transform:translate(-50%)rotate(1.2deg)scale(1)}to{transform:translate(-50%)rotate(0)}}@media (height<=700px){.app{gap:6px}.genie-zone{padding-top:84px}.five-sar-egg--left{width:clamp(48px,14vw,72px);bottom:110px}.five-sar-egg--right{width:clamp(42px,12vw,64px);bottom:76px;right:14px}.tv-egg{width:clamp(90px,26vw,116px);bottom:172px}.speech-card{max-height:74px;padding:10px 13px;font-size:.86rem}.genie-sprite{--sprite-scale:1}.dock{gap:8px}input,.send-button{min-height:46px}.send-button{width:46px;height:46px}.action-button{min-height:34px;font-size:.8rem}.action-button.icon-only{width:34px}}@media (orientation:landscape),(width>=880px){body{background-color:#0e0a17;background-image:linear-gradient(#0e0a172e,#0e0a1794),radial-gradient(90% 70% at 50% -8%,#ffce5c1f,#0000 58%),url(/assets/backgrounds/bgmajliswide.png),none;background-position:0 0,0 0,50%,0 0;background-repeat:repeat,repeat,no-repeat,repeat;background-size:auto,auto,cover,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}}@media (width>=880px){.app{gap:12px}.genie-zone{padding-top:104px}.five-sar-egg--left{left:calc(50% - 260px)}.five-sar-egg--right{bottom:104px;right:calc(50% - 332px)}.tv-egg{width:140px;bottom:224px;left:calc(50% - 308px)}.genie-sprite{--sprite-scale:1;width:min(64vh,560px)}.speech-card{max-height:96px}.dock{width:min(100%,640px)}.dot{width:16px;height:16px}.dot.hint{width:11px;height:11px}.result-actions{flex-direction:row}.result-actions>*{flex:1}}@media (prefers-reduced-motion:reduce){.genie-sprite,.dot.filled,.dot.current,.result-dialog[open]{animation:none}}