:root{--app-h: 100vh;--app-h: 100dvh;--rail: clamp(4.5rem, 14vmin, 9.5rem);--gap: clamp(.35rem, 1.2vmin, .75rem);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--ui: clamp(.7rem, 2.4vmin, 1rem)}html,body{margin:0;width:100%;height:var(--app-h);overflow:hidden;background:#0a0f1a;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.pwa-gate{display:none;position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;padding:max(1rem,var(--safe-t)) max(1rem,var(--safe-r)) max(1rem,var(--safe-b)) max(1rem,var(--safe-l));background:radial-gradient(ellipse at 50% 20%,#132038,#070b14 70%);color:#e8ecf4;text-align:center;font-family:Tahoma,Segoe UI,Vazirmatn,sans-serif}body.pwa-required .pwa-gate{display:flex}body.pwa-required .pwa-gated-content{visibility:hidden;pointer-events:none}.pwa-gate__card{width:min(28rem,92vw);padding:clamp(1.25rem,4vmin,2rem);border-radius:1rem;background:#0e1524f2;border:1px solid rgba(212,175,55,.45);box-shadow:0 1rem 2.5rem #00000073}.pwa-gate__title{margin:0 0 .5rem;font-size:clamp(1.15rem,4.2vmin,1.55rem);color:#f5e6b8}.pwa-gate__lead{margin:0 0 1rem;font-size:var(--ui);line-height:1.65;color:#c5d0e0}.pwa-gate__steps{margin:0 0 1.25rem;padding:0 1.25rem 0 0;text-align:right;font-size:calc(var(--ui) * .95);line-height:1.7;color:#9eb0c8}.pwa-gate__install{appearance:none;border:0;border-radius:.65rem;padding:.75rem 1.25rem;font-size:var(--ui);font-weight:700;cursor:pointer;color:#1a1200;background:linear-gradient(180deg,#e0c35a,#c9a227);width:100%}.pwa-gate__actions{display:grid;gap:.65rem}.pwa-gate__android,.pwa-gate__pwa{min-height:3rem;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.7rem 1rem;border:1px solid transparent;border-radius:.65rem;color:#102116;background:linear-gradient(180deg,#8df0a2,#48c86a);font:700 var(--ui) Tahoma,"Segoe UI",Vazirmatn,sans-serif;text-decoration:none;cursor:pointer}.pwa-gate__android svg{width:1.35rem;height:1.35rem;flex:0 0 auto;fill:currentColor}.pwa-gate__pwa{color:#f5e6b8;background:#1c2b41f2;border-color:#d4af3780}.pwa-gate__android:focus-visible,.pwa-gate__pwa:focus-visible,.pwa-guide__close:focus-visible{outline:3px solid #ffe681;outline-offset:3px}.pwa-guide[hidden]{display:none!important}.pwa-guide{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;padding:max(1rem,var(--safe-t)) max(1rem,var(--safe-r)) max(1rem,var(--safe-b)) max(1rem,var(--safe-l));color:#e8ecf4;font-family:Tahoma,Segoe UI,Vazirmatn,sans-serif}.pwa-guide__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02050bd9}.pwa-guide__card{position:relative;z-index:1;width:min(30rem,94vw);max-height:min(88dvh,44rem);overflow:auto;padding:1.5rem;border:1px solid rgba(212,175,55,.55);border-radius:1rem;background:#101a2b;box-shadow:0 1rem 3rem #0009;text-align:start}.pwa-guide__card h2{margin:0 2.4rem .65rem 0;color:#f5e6b8;font-size:1.25rem}.pwa-guide__card p{margin:0 0 .75rem;color:#c5d0e0;line-height:1.7}.pwa-guide__card .pwa-gate__steps{margin-bottom:1rem}.pwa-guide__close{position:absolute;top:.7rem;right:.7rem;width:2.25rem;height:2.25rem;border:1px solid #ffffff35;border-radius:50%;color:#fff;background:#24334c;font-size:1.4rem;cursor:pointer}.pwa-gate__resume{appearance:none;border:0;border-radius:.65rem;padding:.75rem 1.25rem;font-size:var(--ui);font-weight:700;cursor:pointer;color:#1a1200;background:linear-gradient(180deg,#7dff96,#2db84a);width:100%}.pwa-gate__install[hidden],.pwa-gate__resume[hidden],.pwa-gate__steps[hidden]{display:none!important}.pwa-gate__hint{margin:.85rem 0 0;font-size:calc(var(--ui) * .85);color:#7f93ad}.landscape-gate{display:none;position:fixed;inset:0;z-index:99990;align-items:center;justify-content:center;padding:1.25rem;background:#040812f0;color:#e8ecf4;text-align:center;font-family:Tahoma,Segoe UI,Vazirmatn,sans-serif}body.need-landscape .landscape-gate{display:flex}body.need-landscape .pwa-gated-content{visibility:hidden;pointer-events:none}.landscape-gate__card{max-width:22rem}.landscape-gate__icon{font-size:clamp(2.5rem,12vmin,4rem);margin-bottom:.75rem;display:block;animation:landscape-tilt 1.6s ease-in-out infinite}@keyframes landscape-tilt{0%,to{transform:rotate(0)}40%{transform:rotate(90deg)}60%{transform:rotate(90deg)}}.landscape-gate__title{margin:0 0 .4rem;font-size:clamp(1.05rem,3.8vmin,1.35rem)}.landscape-gate__lead{margin:0;font-size:var(--ui);color:#9eb0c8;line-height:1.6}
