:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1217;--night-2:#111b22;--night-3:#18252e;--ink:#070d11;--sand:#efe5d0;--sand-2:#d8ccb2;--sand-dim:#a99d86;--sand-faint:#efe5d01f;--brass:#d7a64c;--brass-hi:#f2d089;--brass-lo:#8b6b30;--falaj:#4cc3b1;--falaj-lo:#1d6d63;--ember:#e5703f;--palm:#a3c872;--glass:#090f1494;--glass-strong:#090f14e0;--hair:#d7a64c61;--hair-soft:#d7a64c2e;--shadow:0 18px 60px #00000080;--ff-ar:"Aref Ruqaa", "Amiri", "Noto Naskh Arabic", serif;--ff-display:"Marcellus SC", "Marcellus", "Cormorant SC", Georgia, serif;--ff-ui:"Readex Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--ff-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23d7a64c' stroke-width='0.6' opacity='0.5'%3E%3Cpath d='M28 6 L50 28 L28 50 L6 28 Z'/%3E%3Cpath d='M12.4 12.4 H43.6 V43.6 H12.4 Z'/%3E%3Cpath d='M28 0 V6 M28 50 V56 M0 28 H6 M50 28 H56'/%3E%3Ccircle cx='28' cy='28' r='5'/%3E%3C/g%3E%3C/svg%3E");--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{background:var(--ink);height:100%;color:var(--sand);margin:0;overflow:hidden}body{font-family:var(--ff-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;font-size:14px;line-height:1.45}#stage{position:fixed;inset:0}.stage-canvas{display:block}button{font:inherit;color:inherit}[hidden]{display:none!important}:lang(ar) body,[dir=rtl] body{letter-spacing:0}.ui{pointer-events:none;z-index:10;position:fixed;inset:0}.ui>*{pointer-events:none}.ui .interactive,.ui .interactive *{pointer-events:auto}.screen{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility 0s linear .5s;display:flex;position:absolute;inset:0}.screen.show{opacity:1;visibility:visible;transition:opacity .5s var(--ease), visibility 0s}.eyebrow{font-family:var(--ff-display);letter-spacing:.32em;text-transform:uppercase;color:var(--brass);font-size:12px}:lang(ar) .eyebrow{font-family:var(--ff-ui);letter-spacing:0;font-size:13px;font-weight:500}.display-ar{font-family:var(--ff-ar);font-weight:700;line-height:1.1}.display{font-family:var(--ff-display);letter-spacing:.18em}:lang(ar) .display{font-family:var(--ff-ar);letter-spacing:0}.muted{color:var(--sand-dim)}.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.num{font-variant-numeric:tabular-nums}.rule{color:var(--brass);align-items:center;gap:10px;display:flex}.rule:before,.rule:after{content:"";background:linear-gradient(90deg, transparent, var(--hair));flex:1;height:1px}.rule:after{background:linear-gradient(90deg, var(--hair), transparent)}.rule i{border:1px solid var(--brass);width:6px;height:6px;display:block;transform:rotate(45deg)}.btn{appearance:none;cursor:pointer;font-family:var(--ff-display);letter-spacing:.16em;text-transform:uppercase;color:var(--sand-2);transition:color .25s var(--ease), transform .25s var(--ease);background:0 0;border:0;align-items:center;gap:14px;padding:10px 0;font-size:17px;display:flex;position:relative}:lang(ar) .btn{font-family:var(--ff-ui);letter-spacing:0;font-size:19px;font-weight:400}.btn .mark{inset-inline-start:-20px;border:1px solid var(--brass);opacity:0;width:7px;height:7px;transition:all .3s var(--ease);flex:none;margin-top:-4px;position:absolute;top:50%;transform:rotate(45deg)scale(.4)}.btn:hover,.btn:focus-visible{color:var(--brass-hi);outline:none;transform:translate(4px)}[dir=rtl] .btn:hover,[dir=rtl] .btn:focus-visible{transform:translate(-4px)}.btn:hover .mark,.btn:focus-visible .mark{opacity:1;background:var(--brass);transform:rotate(45deg)scale(1)}.btn[disabled]{opacity:.35;pointer-events:none}.btn.primary{color:var(--sand);font-size:20px}.chip{border:1px solid var(--hair);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi);border-radius:1px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}:lang(ar) .chip{letter-spacing:0;font-size:12px}.key{box-sizing:border-box;min-width:22px;height:22px;font-family:var(--ff-mono);color:var(--sand);background:#090f148c;border:1px solid #efe5d080;border-bottom-width:2px;border-radius:3px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.panel{background:var(--glass-strong);border:1px solid var(--hair-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(1.1);position:relative}.panel:before{content:"";background-image:var(--lattice);opacity:.05;pointer-events:none;background-size:56px;position:absolute;inset:0}.corners:after{content:"";pointer-events:none;background:linear-gradient(var(--brass), var(--brass)) top left / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) top left / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) top right / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) top right / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom left / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom left / 1px 14px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom right / 14px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom right / 1px 14px no-repeat;position:absolute;inset:-1px}.loading{background:radial-gradient(120% 90% at 50% 40%,#13202a 0%,#070d11 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px}.loading:before{content:"";background-image:var(--lattice);opacity:.045;background-size:72px;position:absolute;inset:0}.loading .ring{place-items:center;width:150px;height:150px;display:grid;position:relative}.loading .ring svg{position:absolute;inset:0}.loading .ring .word{font-family:var(--ff-ar);color:var(--sand);font-size:54px;font-weight:700;transform:translateY(-4px)}.loading .label{font-family:var(--ff-display);letter-spacing:.3em;text-transform:uppercase;color:var(--brass);min-height:18px;font-size:12px}:lang(ar) .loading .label{font-family:var(--ff-ui);letter-spacing:0;font-size:14px}.loading .tip{text-align:center;max-width:440px;color:var(--sand-dim);text-wrap:balance;min-height:40px;padding-inline:20px;font-size:14px}.loading.failed{z-index:40}.loading.failed .ring{opacity:.5}.loading.failed .ring #ld-arc{stroke:var(--ember);stroke-dasharray:100 0;opacity:.7}.loading.failed .label{color:var(--sand)}.loading.failed .tip{color:var(--sand-2);max-width:480px;min-height:0}.title{align-items:stretch}.title .veil{background:linear-gradient(90deg,#070d11e6 0%,#070d118c 34%,#070d1100 62%);position:absolute;inset:0}[dir=rtl] .title .veil{background:linear-gradient(270deg,#070d11e6 0%,#070d118c 34%,#070d1100 62%)}.title .col{flex-direction:column;justify-content:center;gap:30px;max-width:560px;padding-block:40px;padding-inline:clamp(24px,7vw,110px);display:flex;position:relative}.logo{flex-direction:column;gap:6px;display:flex}.logo .ar{font-family:var(--ff-ar);color:var(--brass-hi);background:linear-gradient(175deg,#f7e2b0 10%,#d7a64c 55%,#8b6b30 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-block-end:-.22em;padding-block:.08em .3em;font-size:clamp(84px,12vw,150px);font-weight:700;line-height:.9}.logo .en{font-family:var(--ff-display);letter-spacing:.62em;color:var(--sand);padding-inline-start:4px;font-size:clamp(18px,2.2vw,24px)}.logo .tag{color:var(--sand-2);text-wrap:balance;max-width:34ch;margin-top:12px;font-size:15px}.title nav{flex-direction:column;gap:2px;display:flex}.title .foot{color:var(--sand-dim);flex-direction:column;gap:4px;max-width:520px;font-size:11px;display:flex;position:absolute;inset-block-end:calc(22px + var(--safe-bottom));inset-inline-start:clamp(24px,7vw,110px)}.title .coords{font-family:var(--ff-mono);color:var(--brass);letter-spacing:.08em;font-size:11px}.lang-toggle{pointer-events:auto;gap:2px;display:flex;position:absolute;inset-block-start:calc(22px + var(--safe-top));inset-inline-end:26px}.lang-toggle button{appearance:none;cursor:pointer;color:var(--sand-dim);background:0 0;border:1px solid #0000;padding:5px 10px;font-size:13px}.lang-toggle button[aria-pressed=true]{color:var(--brass-hi);border-color:var(--hair)}.hud{transition:opacity .4s var(--ease);position:absolute;inset:0}.hud.dim{opacity:0}.hud-shadow{text-shadow:0 1px 2px #000000d9,0 0 18px #00000059}.here{max-width:46vw;font-family:var(--ff-display);letter-spacing:.24em;text-transform:uppercase;color:var(--sand);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset-block-start:calc(24px + var(--safe-top));inset-inline-start:calc(28px + var(--safe-left));transform:translateY(-4px)}.here:before{content:"";border:1px solid var(--brass);flex:none;width:7px;height:7px;transform:rotate(45deg)}.here.show{opacity:1;transform:none}:lang(ar) .here{font-family:var(--ff-ui);letter-spacing:0;text-transform:none;font-size:15px}.clock{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;inset-block-start:calc(22px + var(--safe-top));inset-inline-end:calc(28px + var(--safe-right))}.clock .t{font-family:var(--ff-mono);color:var(--sand);font-size:20px}.clock .sub{color:var(--sand-dim);align-items:center;gap:14px;font-size:12px;display:flex}.clock .sub b{color:var(--brass-hi);font-weight:500}.clock .sub>span{direction:ltr;unicode-bidi:isolate}.clock svg{display:block}.gauge{width:210px;height:150px;opacity:0;transition:opacity .4s var(--ease);flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset-block-end:calc(26px + var(--safe-bottom));inset-inline-end:calc(30px + var(--safe-right))}.gauge.show{opacity:1}.gauge svg{position:absolute;inset:0}.gauge .v{font-family:var(--ff-ui);color:var(--sand);font-variant-numeric:tabular-nums;font-size:64px;font-weight:200;line-height:1;position:relative}.gauge .u{letter-spacing:.2em;color:var(--brass);text-transform:uppercase;margin-top:2px;font-size:11px;position:relative}.gauge .mode{color:var(--sand-dim);align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex;position:relative}.prompt{inset-block-end:calc(120px + var(--safe-bottom));color:var(--sand);align-items:center;gap:10px;padding:8px 16px 8px 10px;font-size:14px;transition:opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.banner{text-align:center;opacity:0;isolation:isolate;flex-direction:column;align-items:center;gap:10px;width:min(640px,92vw);display:flex;position:absolute;top:17%;left:50%;transform:translate(-50%)}.banner.show{animation:banner-in 6.2s var(--ease) forwards}@keyframes banner-in{0%{opacity:0;letter-spacing:.02em;transform:translate(-50%,12px)}8%{opacity:1;transform:translate(-50%)}86%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.banner .rule{width:300px}.banner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#05090c75,#05090c2e 62%,#0000);position:absolute;inset:-30px -90px}.banner .ar{font-family:var(--ff-ar);color:var(--brass-hi);background:linear-gradient(175deg,#f7e2b0 15%,#d7a64c 60%,#b48a42 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 10px #0000008c);-webkit-background-clip:text;background-clip:text;margin-block:-.12em -.4em;padding:.12em 12px .4em;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.15}.banner .en{font-family:var(--ff-display);letter-spacing:.28em;color:var(--sand);text-transform:uppercase;font-size:clamp(15px,1.8vw,20px)}.banner .blurb{max-width:46ch;color:var(--sand-2);text-wrap:balance;font-size:14px}:lang(ar) .banner .en{font-family:var(--ff-ui);letter-spacing:.06em;direction:ltr;font-size:14px}.toasts{flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;inset-block-start:calc(92px + var(--safe-top));inset-inline-end:calc(26px + var(--safe-right))}.toast{animation:toast-in .5s var(--ease);grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:11px 14px;display:grid}.toast.out{animation:toast-out .5s var(--ease) forwards}.toast .ic{width:34px;height:34px;color:var(--brass-hi);place-items:center;display:grid}.toast .k{letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-size:10px}:lang(ar) .toast .k{letter-spacing:0;font-size:11px}.toast .v{color:var(--sand);font-size:14px}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}[dir=rtl] .toast{animation-name:toast-in-rtl}@keyframes toast-in-rtl{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.flash{opacity:0;background:radial-gradient(60% 60%,#f2d0892e,#0000 70%);position:absolute;inset:0}.flash.go{animation:flash 1.2s var(--ease)}@keyframes flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.hints{inset-block-end:calc(28px + var(--safe-bottom));color:var(--sand-2);animation:toast-in .6s var(--ease);grid-template-columns:repeat(3,auto);gap:10px 26px;padding:14px 20px;font-size:12px;transition:opacity .8s;display:grid;position:absolute;left:50%;transform:translate(-50%)}[dir=rtl] .hints{transform:translate(50%)}.hints.out{opacity:0}.hint-row{align-items:center;gap:8px;display:flex}.hint-row .keys{gap:3px;display:inline-flex}@media (max-width:820px){.hints{grid-template-columns:repeat(2,auto)}}.overlay{-webkit-backdrop-filter:blur(4px);background:#05090c8c;justify-content:center;align-items:center}.dialog{box-sizing:border-box;flex-direction:column;gap:22px;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:34px 38px;display:flex;overflow:auto}.dialog h2{font-family:var(--ff-display);letter-spacing:.2em;text-transform:uppercase;color:var(--sand);text-align:center;margin:0;font-size:26px;font-weight:400}:lang(ar) .dialog h2{font-family:var(--ff-ar);letter-spacing:0;text-transform:none;font-size:34px}.dialog nav{flex-direction:column;align-items:center;gap:0;display:flex}.dialog p{color:var(--sand-2);max-width:62ch;margin:0;line-height:1.65}.dialog .rows{flex-direction:column;display:flex}.dialog .row{border-bottom:1px solid var(--sand-faint);grid-template-columns:1fr auto;align-items:center;gap:16px;padding-block:9px;display:grid}.dialog .row label{color:var(--sand-2)}.dialog h3{letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:10px 0 0;font-size:11px;font-weight:500}:lang(ar) .dialog h3{letter-spacing:0;font-size:13px}.seg{border:1px solid var(--hair-soft);display:inline-flex}.seg button{appearance:none;cursor:pointer;color:var(--sand-dim);background:0 0;border:0;padding:6px 11px;font-size:12px}.seg button[aria-pressed=true]{color:var(--brass-hi);background:#d7a64c29}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:170px;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--hair);height:1px}input[type=range]::-moz-range-track{background:var(--hair);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brass);border:0;width:11px;height:11px;margin-top:-5px;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{background:var(--brass);border:0;border-radius:0;width:11px;height:11px;transform:rotate(45deg)}input[type=range]:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.controls-grid{color:var(--sand-2);grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;font-size:13px;display:grid}.controls-grid .keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.map-screen{background:#0a0f13}.map-screen canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.map-screen canvas:active{cursor:grabbing}.map-screen .side{inset-block:calc(20px + var(--safe-top)) calc(20px + var(--safe-bottom));box-sizing:border-box;flex-direction:column;gap:14px;width:330px;padding:22px;display:flex;position:absolute;inset-inline-end:20px;overflow:auto}.map-screen .side h2{font-family:var(--ff-display);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:18px;font-weight:400}:lang(ar) .map-screen .side h2{font-family:var(--ff-ar);letter-spacing:0;font-size:28px}.map-screen .side h3{letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:6px 0 0;font-size:11px;font-weight:500}:lang(ar) .map-screen .side h3{letter-spacing:0;font-size:13px}.map-screen .side nav{justify-content:center;display:flex}.map-screen .tally{color:var(--sand-dim);gap:18px;font-size:13px;display:flex}.map-screen .tally span{direction:ltr;unicode-bidi:isolate;align-items:center;gap:6px;display:inline-flex}.map-screen .tally b{color:var(--brass-hi);font-weight:500}.map-screen .list{flex-direction:column;gap:2px;display:flex}.map-screen .item{appearance:none;text-align:start;cursor:pointer;color:var(--sand-2);background:0 0;border:0;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:grid}.map-screen .item:hover,.map-screen .item.sel{color:var(--sand);background:#d7a64c1a}.map-screen .item .dot{border:1px solid var(--brass);width:7px;height:7px;transform:rotate(45deg)}.map-screen .item.found .dot{background:var(--brass)}.map-screen .item .dist{font-family:var(--ff-mono);color:var(--sand-dim);font-size:11px}.map-screen .detail{flex-direction:column;gap:8px;padding-top:6px;display:flex}.map-screen .detail .ar{font-family:var(--ff-ar);color:var(--brass-hi);font-size:30px;line-height:1.2}.map-screen .detail .en{font-family:var(--ff-display);letter-spacing:.14em;text-transform:uppercase;font-size:13px}.map-screen .detail .actions{flex-wrap:wrap;gap:18px;display:flex}.map-screen .detail .actions .btn{padding:6px 0;font-size:13px}.map-screen .hintbar{color:var(--sand-2);background:var(--glass-strong);border:1px solid var(--hair-soft);padding:7px 12px;font-size:12px;position:absolute;inset-block-end:calc(18px + var(--safe-bottom));inset-inline-start:24px}.map-screen .legend{color:var(--sand-dim);flex-wrap:wrap;gap:10px 16px;font-size:12px;display:flex}.map-screen .legend span{align-items:center;gap:6px;display:inline-flex}.map-screen .legend i{width:14px;height:9px;display:inline-block}.milestones{flex-direction:column;gap:10px;display:flex}.stone{opacity:.42;grid-template-columns:26px 1fr;align-items:start;gap:10px;display:grid}.stone.earned{opacity:1}.stone .ic{width:26px;height:26px;color:var(--sand-dim);place-items:center;display:grid}.stone.earned .ic{color:var(--brass-hi);filter:drop-shadow(0 0 6px #f2d08959)}.stone .t{color:var(--sand);font-size:13px}.stone .d{color:var(--sand-dim);font-size:12px}.photo-card .dialog{width:min(760px,100vw - 32px)}.photo-card img{border:1px solid var(--hair);width:100%;height:auto;box-shadow:var(--shadow);display:block}.photo-card .dialog nav{flex-direction:row;justify-content:center;gap:30px}.photo-card .dialog nav .btn{text-decoration:none}.shutter{pointer-events:none;animation:shutter .6s var(--ease) forwards;z-index:30;background:#fff;position:fixed;inset:0}@keyframes shutter{0%{opacity:.85}to{opacity:0}}.touch{display:none;position:absolute;inset:0}.touch.on{display:block}.touch .stick{pointer-events:auto;touch-action:none;border:1px solid #efe5d040;border-radius:50%;width:140px;height:140px;position:absolute;inset-block-end:calc(40px + var(--safe-bottom));inset-inline-start:40px}.touch .stick .nub{background:#efe5d029;border:1px solid #efe5d066;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.touch .lookpad{pointer-events:auto;touch-action:none;width:55%;position:absolute;inset-block:0;inset-inline-end:0}.touch .buttons{pointer-events:auto;grid-template-columns:repeat(2,64px);gap:14px;display:grid;position:absolute;inset-block-end:calc(40px + var(--safe-bottom));inset-inline-end:32px}.touch .tb{width:64px;height:64px;color:var(--sand);letter-spacing:.08em;background:#090f1473;border:1px solid #efe5d059;border-radius:50%;place-items:center;font-size:11px;display:grid}.touch .tb:active{background:#d7a64c4d}.touch .menu-btn{border:1px solid var(--hair);background:var(--glass);pointer-events:auto;width:40px;height:40px;color:var(--sand);border-radius:50%;margin-inline-start:280px;position:absolute;inset-block-start:calc(16px + var(--safe-top));inset-inline-start:50%}@media (max-width:820px){.gauge{transform-origin:100% 100%;transform:scale(.8)}[dir=rtl] .gauge{transform-origin:0 100%}.map-screen .side{width:auto;max-height:45vh;inset-block-start:auto;inset-inline:12px}.title .col{justify-content:flex-end;max-width:none;padding-bottom:120px}.title .veil{background:linear-gradient(#070d1100 25%,#070d1180 55%,#070d11eb 100%)}.toasts{width:240px}}@media (max-width:600px){.here{max-width:56vw;font-size:11px;inset-block-start:calc(16px + var(--safe-top));inset-inline-start:14px}.clock{inset-block-start:calc(12px + var(--safe-top));inset-inline-end:14px}.clock .t{font-size:16px}.clock .sub{gap:8px;font-size:11px}.gauge{transform-origin:100% 100%;inset-block-end:calc(170px + var(--safe-bottom));inset-inline-end:8px;transform:scale(.6)}[dir=rtl] .gauge{transform-origin:0 100%}.prompt{inset-block-end:calc(230px + var(--safe-bottom))}.banner{top:24%}.banner .ar{font-size:42px}.toasts{width:64vw;inset-block-start:calc(120px + var(--safe-top));inset-inline-end:10px}.touch .menu-btn{margin:0;inset-block-start:calc(64px + var(--safe-top));inset-inline:auto 14px}.dialog{padding:24px 20px}}@media (max-height:560px){.title .col{padding-block:16px;justify-content:center;gap:14px;padding-bottom:16px}.logo .ar{font-size:64px}.logo .en{font-size:14px}.logo .tag{display:none}.title nav .btn{padding:5px 0;font-size:14px}.title nav .btn.primary{font-size:16px}.title .foot{gap:2px;font-size:10px;inset-block-end:calc(8px + var(--safe-bottom))}.title .foot>:last-child{display:none}.dialog{gap:12px;padding:20px 24px}.gauge{transform-origin:100% 100%;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}