/* Entrance-only emerald styling; shared by static HTML and React BootSplash. */
.zboot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px 72px;overflow:auto;box-sizing:border-box;background:radial-gradient(900px 600px at 85% 0%,rgba(14,59,49,.85),transparent 60%),radial-gradient(800px 520px at 0% 100%,rgba(14,59,49,.55),transparent 60%),#030d0a;color:#f4efe2;font-family:var(--app-font-family,'iran123',Vazirmatn,Tahoma,sans-serif);direction:rtl;text-align:center}
.zboot *{box-sizing:border-box}
.zboot__glow{position:absolute;width:720px;height:720px;max-width:90%;max-height:90%;border-radius:50%;background:radial-gradient(circle,rgba(42,136,105,.2),transparent 68%);pointer-events:none;animation:zboot-breathe 5s ease-in-out infinite}
.zboot__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(185,201,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,201,193,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 46%,#000,transparent 68%);pointer-events:none}
.zboot__core{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;width:min(420px,100%);padding:36px clamp(22px,5vw,40px);border:1px solid rgba(210,173,102,.22);border-radius:32px;background:linear-gradient(160deg,rgba(14,59,49,.8),rgba(8,26,21,.96));box-shadow:0 36px 80px -36px #000}
.zboot__emblem{position:relative;width:132px;height:132px;display:grid;place-items:center}
.zboot__emblem img{position:relative;width:84px;height:84px;border-radius:24px;box-shadow:0 16px 36px -18px rgba(210,173,102,.5),0 0 0 1px rgba(210,173,102,.25)}
.zboot__ring{position:absolute;inset:0;border:2px solid rgba(185,201,193,.12);border-top-color:#d2ad66;border-inline-end-color:#d2ad66;border-radius:50%;animation:zboot-spin 1.8s linear infinite}
.zboot__ring--2{inset:10px;border-color:rgba(185,201,193,.06);border-top-color:#73c9a4;opacity:.5;animation-duration:3s;animation-direction:reverse}
.zboot__brand{display:flex;flex-direction:column;gap:6px}
.zboot__brand strong{font-size:30px;line-height:1.4;font-weight:800;color:#f4efe2}
.zboot__brand span{font-size:13px;color:#b9c9c1}
.zboot__bar{position:relative;width:100%;height:4px;border-radius:99px;background:rgba(185,201,193,.14);overflow:hidden}
.zboot__bar i{position:absolute;inset-block:0;width:38%;border-radius:inherit;background:linear-gradient(90deg,transparent,#d2ad66,transparent);animation:zboot-slide 1.4s ease-in-out infinite}
.zboot__msg{margin:0;min-height:1.8em;font-size:14px;line-height:1.9;color:#dbe6df;overflow-wrap:anywhere}
.zboot__slow{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;line-height:1.8;color:#b9c9c1}
.zboot__slow[hidden]{display:none}
.zboot__slow button{font:inherit;font-weight:700;cursor:pointer;min-height:44px;border:0;border-radius:999px;padding:10px 26px;color:#06130f;background:#d2ad66}
.zboot__slow button:hover{background:#dfbf83}
.zboot__slow button:focus-visible{outline:2px solid #f4efe2;outline-offset:4px}
.zboot__foot{position:absolute;bottom:24px;inset-inline:16px;font-size:12px;line-height:1.8;color:#b9c9c1;display:flex;align-items:center;justify-content:center;gap:8px}
.zboot__foot::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#73c9a4}
@keyframes zboot-spin{to{transform:rotate(360deg)}}
@keyframes zboot-slide{0%{inset-inline-start:-40%}100%{inset-inline-start:102%}}
@keyframes zboot-breathe{50%{transform:scale(1.05);opacity:.7}}
@media(max-width:480px){.zboot__core{border-radius:24px;padding-block:28px}.zboot__brand strong{font-size:27px}}
@media(max-height:620px){.zboot{justify-content:flex-start}.zboot__foot{position:relative;bottom:auto;inset-inline:auto}.zboot__emblem{width:104px;height:104px}.zboot__emblem img{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.zboot *{animation:none!important}}