:root{--vvh: 100vh;--vvw: 100vw;--app-purple: #600192;--app-green: #00b100;--app-yellow: #ffd800;--app-red: #ff375f;--app-header-max-width: 1280px;--app-header-padding: 12px 20px;--app-header-radius: 26px;--app-header-shadow: 0 10px 30px rgba(0, 0, 0, .22);--app-back-size: 50px;--app-back-shadow: 0 6px 16px rgba(0, 0, 0, .45);--app-header-title-size: clamp(13px, 1.6vw, 20px);--ms-header-max-width: 1120px;--ms-grid-max-width: 1120px}html,body{margin:0;padding:0;width:100%;height:var(--vvh);min-height:var(--vvh);overflow:hidden;overscroll-behavior:none;background:#f3f3f7}#root{width:100%;height:100%;min-height:100%;overflow:hidden}.portrait-lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:18px 14px 24px;background:#dbe1ea}.portrait-lock-stage{width:min(100%,1120px);min-height:calc(100dvh - 42px);border-radius:28px;padding:22px;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#4b066f,#4f0378 42%,#7f00c7);box-shadow:inset 0 0 18px #ffffff14,0 18px 36px #290f4138;display:flex;align-items:center;justify-content:center}.portrait-lock-stage-inner{width:min(100%,520px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.portrait-lock-hero-icon{width:72px;height:72px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px #14052038;display:flex;align-items:center;justify-content:center}.portrait-lock-hero-icon .header-phone{position:relative;width:20px;height:32px;border-radius:7px;border:3px solid #fff;transform:rotate(-22deg)}.portrait-lock-hero-icon .header-phone:before{content:"";position:absolute;top:3px;left:50%;width:8px;height:2px;border-radius:999px;background:#fff;transform:translate(-50%)}.portrait-lock-hero-title{margin:0;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(30px,3.8vw,48px);line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(34,5,56,.24)}.portrait-lock-hero-text{margin:12px 4px 0;font-family:Tajawal,sans-serif;font-size:clamp(14px,1.55vw,20px);line-height:1.9;text-align:center;color:#fffffffa;text-shadow:0 1px 4px rgba(34,5,56,.18)}.ms-header{width:100%;max-width:var(--ms-header-max-width);background:var(--app-purple);border-radius:var(--app-header-radius);padding:var(--app-header-padding);display:flex;align-items:center;gap:16px;direction:ltr;box-shadow:var(--app-header-shadow);margin-left:auto;margin-right:auto;min-height:74px}.ms-back{width:var(--app-back-size);height:var(--app-back-size);border-radius:12px;border:none;background:var(--app-red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--app-back-shadow);transition:transform .12s ease,opacity .12s ease}.ms-back:hover{opacity:.9;transform:translateY(1px)}.ms-title{flex:1;margin:0;color:#fff;direction:rtl;text-align:right;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:var(--app-header-title-size)}@media (max-width: 1200px){:root{--app-header-radius: 22px;--app-back-size: 48px;--app-header-padding: 12px 16px;--app-header-title-size: 18px}.portrait-lock-screen{padding:22px 20px 28px}.portrait-lock-shell{width:min(100%,980px);min-height:calc(100dvh - 50px)}.ms-header{min-height:64px;gap:14px}.portrait-lock-stage{min-height:calc(100dvh - 42px);border-radius:24px;padding:18px}.portrait-lock-stage-inner{width:min(100%,460px);gap:16px}.portrait-lock-hero-icon{width:64px;height:64px;border-radius:18px}.portrait-lock-hero-title{font-size:clamp(26px,3.2vw,40px)}.portrait-lock-hero-text{margin-top:6px;font-size:clamp(13px,1.5vw,18px)}}@media (max-width: 720px){:root{--app-header-radius: 18px;--app-back-size: 42px;--app-header-padding: 10px 14px;--app-header-title-size: 16px}.portrait-lock-screen{padding:18px 14px 24px}.portrait-lock-shell{width:min(100%,100%);min-height:calc(100dvh - 42px)}.ms-header{min-height:58px;gap:12px}.portrait-lock-stage{min-height:calc(100dvh - 42px);border-radius:20px;padding:14px}.portrait-lock-stage-inner{width:min(100%,360px);gap:14px}.portrait-lock-hero-icon{width:56px;height:56px;border-radius:16px}.portrait-lock-hero-title{font-size:clamp(22px,6vw,30px)}.portrait-lock-hero-text{margin-top:2px;font-size:12px;line-height:1.8}}@font-face{font-family:MSjawhara-Bold;src:url(/game/MSjawhara-Bold.ttf?v=20260126) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MSjawhara-Regular;src:url(/game/MSjawhara-Bold.ttf?v=20260126) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{font-family:MSjawhara-Regular,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}