/* Scoped support UI; the source poster retains its 2:3 aspect ratio. */
.support-launch{position:fixed;right:24px;bottom:24px;z-index:850;display:flex;align-items:center;gap:12px;min-height:46px;padding:14px 18px;border:1px solid #718d48;background:#131b0f;color:var(--lime,#caff5e);box-shadow:4px 4px 0 #0008;font:11px/1.3 var(--pixel,monospace);cursor:pointer;direction:ltr}
.support-launch span{font:14px monospace;color:#92af61}.support-launch:hover{background:#24331a;border-color:var(--lime,#caff5e)}
.support-launch:focus-visible,#faq-support button:focus-visible,#faq-support a:focus-visible{outline:2px solid #caff5e;outline-offset:4px}
/* A full-viewport native dialog provides focus containment and an inert page. */
#faq-support{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:18px 18px 82px;border:0;background:transparent;box-shadow:none;overflow:auto;color:#caff5e;direction:ltr}
#faq-support[open]{display:grid;place-items:center}
#faq-support::backdrop{background:#020602e8;backdrop-filter:blur(7px)}
#faq-support .support-panel{position:relative;width:min(460px,100%,calc((100dvh - 100px) * 2 / 3));aspect-ratio:2/3;isolation:isolate;background:#080c04;box-shadow:0 0 0 1px #59752b,0 18px 90px #0009}
.support-poster{position:absolute;inset:0;overflow:hidden;contain:paint;--px:0px;--py:0px}
/* Background, transparent character and controls have separate coordinate spaces. */
.support-background-depth{position:absolute;inset:-2px;transform:translate(calc(var(--px) * -.55),calc(var(--py) * -.55));transition:transform .35s ease-out}
.support-fragments,.support-live,.support-pixels,.support-lights,.support-stars{position:absolute;inset:0;pointer-events:none}
.support-tile{position:absolute;width:12.5%;height:8.333334%;background-image:var(--background);background-size:800% 1200%;background-repeat:no-repeat;opacity:0;transform:translateX(var(--shift)) scaleY(.2)}
#faq-support[data-state="assembling"] .support-tile{animation:support-assemble .48s cubic-bezier(.2,.7,.2,1) var(--delay) both}
#faq-support[data-state="live"] .support-tile{opacity:1;transform:none}
#faq-support[data-state="closing"] .support-tile{animation:support-disassemble .32s ease-in var(--exit) both}
.support-atmosphere{position:absolute;inset:0;opacity:0;pointer-events:none}
#faq-support[data-state="assembling"] .support-atmosphere{animation:support-atmosphere-in .45s ease .55s both}
#faq-support[data-state="live"] .support-atmosphere{opacity:1}
#faq-support[data-state="closing"] .support-atmosphere{animation:support-atmosphere-out .25s ease both}
.support-character-depth{position:absolute;left:14%;bottom:-1%;height:88%;aspect-ratio:673/1153;pointer-events:none;transform:translate(calc(var(--px) * 1.5),calc(var(--py) * 1.5));transition:transform .35s ease-out}
.support-character-reveal{width:100%;height:100%;opacity:0;clip-path:inset(0 0 100% 0)}
.support-character{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 90%;animation:support-character-sway 10.7s ease-in-out infinite;animation-play-state:paused}
#faq-support[data-state="assembling"] .support-character-reveal{animation:support-character-in 1.15s steps(2,end) .86s both}
#faq-support[data-state="live"] .support-character-reveal{opacity:1;clip-path:inset(0)}
#faq-support[data-state="live"] .support-character{animation-play-state:running}
#faq-support[data-state="closing"] .support-character-reveal{animation:support-character-out .3s ease-in both}
.support-live{opacity:0;transition:opacity .7s}
#faq-support[data-state="live"] .support-live{opacity:1}
#faq-support[data-state="closing"] .support-live{opacity:0;transition-duration:.15s}
.support-moon{position:absolute;left:33%;top:9%;width:9%;height:7%;background:radial-gradient(ellipse,#b7ec4333,transparent 70%);mix-blend-mode:screen;animation:support-breathe 9.7s ease-in-out infinite}
.support-smoke{position:absolute;inset:0;overflow:hidden}
.support-wisp{position:absolute;inset:0;background:var(--smoke) center/100% 100% no-repeat;opacity:0;transform-origin:83% 34%;animation:support-smoke var(--duration) linear var(--phase) infinite}
.support-light{position:absolute;width:.65%;height:.6%;background:#bafa5b;box-shadow:0 0 5px #bafa5b66;animation:support-light var(--duration) ease-in-out var(--phase) infinite}
.support-star{position:absolute;width:var(--size);height:var(--size);background:#d4f789;box-shadow:0 0 4px #bafa5b66;opacity:.15;animation:support-star var(--duration) ease-in-out var(--phase) infinite}
.support-star-glint{animation-name:support-star-glint}
.support-pixel{position:absolute;width:2px;height:2px;background:#caff5e;animation:support-pixel var(--duration) linear var(--phase) infinite}
.support-grain{position:absolute;inset:-5%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E");animation:support-grain .8s steps(4) infinite;mix-blend-mode:screen}
.support-scan{position:absolute;inset:-8px 0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);opacity:.3;animation:support-scan 19s linear infinite}
#faq-support .support-close{position:absolute;right:10px;top:10px;z-index:3;width:44px;height:44px;display:grid;place-items:center;padding:0;background:#0a1007e8;border:1px solid #7f9f43;color:#caff5e;font:30px/1 monospace}
.support-contact{position:absolute;left:7%;right:7%;bottom:4%;padding:16px 18px 14px;border:1px solid #728f3e;background:linear-gradient(110deg,#0a1007f7,#0c150bea);box-shadow:4px 4px 0 #0008;opacity:0;transform:translateY(10px)}
.support-contact::before{content:"";position:absolute;left:-1px;top:-1px;width:30px;height:3px;background:#caff5e}
.support-channel,.support-caption{display:block;font:9px/1.5 monospace;letter-spacing:1.4px;color:#9db773}
#faq-support #support-title{margin:10px 0 12px;font:10px/1.7 var(--pixel,monospace);letter-spacing:.4px;color:#c3d89d}
.support-contact a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;color:#caff5e;font:600 clamp(16px,4vw,25px)/1.3 monospace;text-decoration:none}
.support-contact a:hover{color:#e2ffa4;text-shadow:0 0 14px #b3ff5966}
.support-contact a svg{width:26px;height:26px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.support-arrow{margin-left:auto;font-size:22px}.support-caption{margin-top:9px;font-size:8px;letter-spacing:1px}
#faq-support[data-state="assembling"] .support-contact{animation:support-contact .3s ease 2.03s both}
#faq-support[data-state="live"] .support-contact{opacity:1;transform:none}
#faq-support[data-state="closing"] .support-contact{animation:support-atmosphere-out .16s ease both}
#faq-support.support-image-failed .support-contact{opacity:1;transform:none}
#faq-support[data-state="loading"] .support-panel{background:repeating-linear-gradient(0deg,#080c04 0 8px,#101907 9px 10px)}
#faq-support[data-state="closing"] .support-pixels{opacity:0;transition:opacity .15s .4s}
#faq-support[data-state="closing"] .support-panel{box-shadow:none;background:transparent;transition:background .2s .35s,box-shadow .2s .35s}
#faq-support:not([data-state="live"]) .support-live *,#faq-support.support-paused *,#faq-support:not([open]) *,#faq-support[data-state="closing"] .support-atmosphere *,#faq-support[data-state="loading"] .support-atmosphere *{animation-play-state:paused!important}
@keyframes support-assemble{0%{opacity:0;transform:translateX(var(--shift)) scaleY(.2)}40%{opacity:.7;transform:translateX(0) scaleY(.85)}100%{opacity:1;transform:none}}
@keyframes support-disassemble{from{opacity:var(--exit-opacity,1);transform:none}to{opacity:0;transform:translateX(var(--shift)) scaleY(.08)}}
@keyframes support-contact{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes support-atmosphere-in{from{opacity:0}to{opacity:1}}
@keyframes support-atmosphere-out{from{opacity:var(--exit-opacity,1)}to{opacity:0}}
@keyframes support-character-in{0%{opacity:0;clip-path:polygon(0 0,100% 0,100% 0%,90% 0%,80% 0%,70% 0%,60% 0%,50% 0%,40% 0%,30% 0%,20% 0%,10% 0%,0% 0%)}10%{opacity:1;clip-path:polygon(0 0,100% 0,100% 3%,90% 5%,80% 7%,70% 9%,60% 2%,50% 4%,40% 6%,30% 8%,20% 10%,10% 3%,0% 5%)}20%{opacity:1;clip-path:polygon(0 0,100% 0,100% 17%,90% 19%,80% 21%,70% 14%,60% 16%,50% 18%,40% 20%,30% 13%,20% 15%,10% 17%,0% 19%)}30%{opacity:1;clip-path:polygon(0 0,100% 0,100% 31%,90% 24%,80% 26%,70% 28%,60% 30%,50% 32%,40% 25%,30% 27%,20% 29%,10% 31%,0% 24%)}40%{opacity:1;clip-path:polygon(0 0,100% 0,100% 36%,90% 38%,80% 40%,70% 42%,60% 35%,50% 37%,40% 39%,30% 41%,20% 43%,10% 36%,0% 38%)}50%{opacity:1;clip-path:polygon(0 0,100% 0,100% 50%,90% 52%,80% 54%,70% 47%,60% 49%,50% 51%,40% 53%,30% 46%,20% 48%,10% 50%,0% 52%)}60%{opacity:1;clip-path:polygon(0 0,100% 0,100% 64%,90% 57%,80% 59%,70% 61%,60% 63%,50% 65%,40% 58%,30% 60%,20% 62%,10% 64%,0% 57%)}70%{opacity:1;clip-path:polygon(0 0,100% 0,100% 69%,90% 71%,80% 73%,70% 75%,60% 68%,50% 70%,40% 72%,30% 74%,20% 76%,10% 69%,0% 71%)}80%{opacity:1;clip-path:polygon(0 0,100% 0,100% 83%,90% 85%,80% 87%,70% 80%,60% 82%,50% 84%,40% 86%,30% 79%,20% 81%,10% 83%,0% 85%)}90%{opacity:1;clip-path:polygon(0 0,100% 0,100% 97%,90% 90%,80% 92%,70% 94%,60% 96%,50% 98%,40% 91%,30% 93%,20% 95%,10% 97%,0% 90%)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0% 100%)}}
@keyframes support-character-out{from{opacity:var(--exit-opacity,1);clip-path:var(--exit-clip,inset(0))}to{opacity:0;clip-path:inset(0 0 100% 0)}}
@keyframes support-character-sway{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(.8px,-.6px) rotate(.12deg)}50%{transform:translate(.2px,-.2px) rotate(.02deg)}75%{transform:translate(-.7px,.3px) rotate(-.1deg)}}
@keyframes support-smoke{0%{opacity:0;transform:translate(0,1px) scale(.985)}20%{opacity:.45}55%{opacity:.3;transform:translate(3px,-7px) scale(1.025,1.04)}100%{opacity:0;transform:translate(-4px,-19px) scale(1.05,1.09)}}
@keyframes support-star{0%,100%{opacity:.12;transform:scale(.9)}45%{opacity:var(--intensity);transform:scale(1.15)}72%{opacity:.2;transform:scale(1)}}
@keyframes support-star-glint{0%,100%,38%,76%{opacity:.12;transform:scale(.9)}53%{opacity:var(--intensity);transform:scale(1.35)}63%{opacity:.25;transform:scale(1)}}
@keyframes support-breathe{0%,100%{opacity:.3;transform:scale(.98)}50%{opacity:.75;transform:scale(1.07)}}
@keyframes support-light{0%,100%{opacity:.18}21%{opacity:.45}37%{opacity:.15}65%{opacity:.65}82%{opacity:.3}}
@keyframes support-pixel{0%,100%,40%,65%{opacity:0}46%,58%{opacity:.65}}
@keyframes support-grain{0%,100%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}}
@keyframes support-scan{to{transform:translateY(4px)}}
@media(max-width:700px){.support-launch{bottom:12px;right:12px;font-size:9px;padding:12px 14px}body:has(.cookie-notice:not(.is-dismissed))>.support-launch{bottom:220px}#faq-support{padding:12px 12px 72px}#faq-support .support-panel{width:min(460px,100%,calc((100dvh - 84px) * 2 / 3))}.support-contact{padding:12px}.support-channel{font-size:8px;letter-spacing:.7px}#faq-support #support-title{font-size:9px;margin:7px 0}.support-caption{font-size:7px}.support-smoke{filter:none}.support-grain{display:none}}
@media(max-height:540px){#faq-support{padding:8px 70px}#faq-support .support-panel{width:min(350px,100%,calc((100dvh - 16px) * 2 / 3))}.support-contact{left:5%;right:5%;bottom:3%;padding:8px}.support-channel,.support-caption{display:none}#faq-support #support-title{font:9px/1.4 monospace;margin:0 0 4px}.support-contact a{font-size:16px}.support-close{transform:scale(.85);transform-origin:top right}}
@media(prefers-reduced-motion:reduce){#faq-support *,#faq-support *::before,#faq-support::backdrop{animation:none!important;transition:none!important}.support-live,.support-pixels{display:none}.support-background-depth,.support-character-depth{transform:none}.support-atmosphere{opacity:1}.support-wisp:first-child{opacity:.65}#faq-support[data-state="assembling"] .support-tile,#faq-support[data-state="live"] .support-tile,#faq-support[data-state="assembling"] .support-character-reveal,#faq-support[data-state="live"] .support-character-reveal{opacity:1;transform:none;clip-path:none}#faq-support[data-state="assembling"] .support-contact{opacity:1;transform:none}#faq-support[data-state="closing"] .support-tile,#faq-support[data-state="closing"] .support-character-reveal,#faq-support[data-state="closing"] .support-contact{opacity:0;transition:opacity .1s!important}}
#faq-support.support-image-failed .support-poster{background:radial-gradient(ellipse at 40% 30%,#294018,#080c04 70%)}
#faq-support[data-state="closing"]::backdrop{animation:support-backdrop-out .6s ease both}
@keyframes support-backdrop-out{to{background:#02060200;backdrop-filter:blur(0)}}

/* Local green corruption follows the alpha silhouette, never a rectangular card. */
.support-character-glitch{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;overflow:hidden;-webkit-mask-image:var(--character-mask);mask-image:var(--character-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#faq-support[data-state="assembling"] .support-character-glitch{opacity:1}
.support-glitch-pixel{position:absolute;display:block;width:var(--cell-width);height:var(--cell-height);background:#baf447;box-shadow:0 0 3px #a4f33755;opacity:0}
#faq-support[data-state="assembling"] .support-glitch-pixel{animation:support-pixel-corrupt .33s steps(1,end) var(--wave-delay) both}
@keyframes support-pixel-corrupt{0%{opacity:0;transform:translateX(0)}12%{opacity:var(--spark);transform:translateX(var(--kick))}27%{opacity:.12;transform:translateX(0)}41%{opacity:var(--spark);transform:translateX(calc(var(--kick) * -.5))}57%{opacity:.2;transform:translateX(var(--kick))}73%{opacity:var(--spark);transform:translateX(0)}86%{opacity:.08}100%{opacity:0;transform:none}}
@media(prefers-reduced-motion:reduce){.support-character-glitch{display:none!important}}

/* Farsi alone uses the city scene. The original scene's rules are unchanged. */
.support-city{display:none;position:absolute;inset:0;overflow:hidden;opacity:0}
#faq-support[data-scene="city"] .support-poster>:not(.support-city){display:none!important}
#faq-support[data-scene="city"] .support-poster>:not(.support-city) *{animation-play-state:paused!important}
#faq-support[data-scene="city"] .support-city{display:block}
.support-city-camera{position:absolute;inset:0;transform:translate(calc(var(--px) * -2),calc(var(--py) * -2)) scale(1.02);transition:transform .65s ease-out}
.support-city-camera>img{display:block;width:100%;height:100%;object-fit:cover}
.support-city-effects,.support-city-stars,.support-city-windows{position:absolute;inset:0;pointer-events:none}
.support-city-effects{opacity:0;transition:opacity 1.2s}
#faq-support[data-scene="city"][data-state="assembling"] .support-city{animation:support-city-in 1.1s ease both}
#faq-support[data-scene="city"][data-state="assembling"] .support-contact{animation:support-contact .3s ease 1.1s both}
#faq-support[data-scene="city"][data-state="live"] .support-city,#faq-support[data-scene="city"][data-state="live"] .support-city-effects{opacity:1}
#faq-support[data-scene="city"][data-state="closing"] .support-city{animation:support-city-out .5s ease both}
.support-city-star{position:absolute;width:3px;height:3px;background:#d1f67c;box-shadow:0 0 5px #b9f55788;animation:support-star var(--duration) ease-in-out var(--phase) infinite}
.support-city-window{position:absolute;background:#b7e64d;animation:support-city-window var(--duration) ease-in-out var(--phase) infinite}
.support-city-moon{position:absolute;left:31.8%;top:8.7%;width:9%;height:7.5%;background:radial-gradient(ellipse,#b8e94326,transparent 72%);animation:support-city-moon 19s ease-in-out -5s infinite}
.support-city-cloud{position:absolute;left:-12%;width:124%;height:12%;background:radial-gradient(ellipse at 30% 50%,#91ae45aa,transparent 55%),radial-gradient(ellipse at 75% 65%,#8ea74b66,transparent 45%);mask-image:repeating-conic-gradient(#000 0 25%,transparent 0 50%);mask-size:4px 4px;opacity:.11;animation:support-city-cloud 47s ease-in-out -21s infinite alternate}
.support-city-cloud.c-one{top:17%}.support-city-cloud.c-two{top:7%;opacity:.075;animation-duration:61s;animation-delay:-47s;animation-direction:alternate-reverse}.support-city-cloud.c-three{top:23%;height:7%;opacity:.09;animation-duration:73s;animation-delay:-13s}
#faq-support:not([data-scene="city"]) .support-city *,#faq-support:not([data-state="live"]) .support-city-effects *{animation-play-state:paused!important}
@keyframes support-city-in{from{opacity:0;clip-path:inset(0 0 12% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes support-city-out{from{opacity:var(--exit-opacity,1)}to{opacity:0;transform:translateY(4px)}}
@keyframes support-city-window{0%,100%{background:#bbeb55;opacity:.65;box-shadow:0 0 3px #b9eb5544}22%{background:#e1ff94;opacity:.95;box-shadow:0 0 5px #b9eb5588}40%{background:#87ac32;opacity:.6;box-shadow:none}52%,65%{background:#070b03;opacity:1;box-shadow:none}80%{background:#d2fa70;opacity:.95;box-shadow:0 0 4px #b9eb5577}92%{background:#bbeb55;opacity:.65;box-shadow:0 0 3px #b9eb5544}}
@keyframes support-city-moon{0%,100%{opacity:.25}50%{opacity:.55}}
@keyframes support-city-cloud{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
@media(hover:none),(pointer:coarse){.support-city-camera{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){#faq-support[data-scene="city"] .support-city{opacity:1;clip-path:none}.support-city-camera{transform:none}.support-city-effects{display:none}#faq-support[data-scene="city"][data-state="assembling"] .support-contact{opacity:1;transform:none}}

/* Localize the interface without mirroring the artwork or Telegram username. */
.support-launch[dir="rtl"]{direction:rtl;right:auto;left:24px}
#faq-support:lang(fa) .support-close{right:auto;left:10px}
@media(max-width:700px){.support-launch[dir="rtl"]{right:auto;left:12px}}
#faq-support .support-contact[dir="rtl"]{text-align:right}
#faq-support:lang(fa) #support-title,#faq-support:lang(fa) .support-channel,#faq-support:lang(fa) .support-caption,.support-launch:lang(fa){font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
#faq-support:lang(zh) #support-title,#faq-support:lang(zh) .support-channel,#faq-support:lang(zh) .support-caption,.support-launch:lang(zh){font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
#faq-support:lang(fa) #support-title,#faq-support:lang(zh) #support-title{font-size:14px}
#faq-support:lang(fa) .support-channel,#faq-support:lang(zh) .support-channel{font-size:11px}
#faq-support:lang(fa) .support-caption,#faq-support:lang(zh) .support-caption{font-size:10px}
.support-launch:lang(fa),.support-launch:lang(zh){font-size:14px}
#faq-support #support-title,#faq-support .support-channel,#faq-support .support-caption{white-space:normal;overflow-wrap:anywhere;max-width:100%}
