*{box-sizing:border-box;margin:0;padding:0}html,body{background:#090512;width:100%;height:100%;overflow:hidden}body{font-family:Arial,sans-serif}canvas{width:100%;height:100%;display:block}#element-info{color:#fff;text-align:right;z-index:10;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);direction:rtl;background:#140e28f2;border:1px solid #956cff;border-radius:18px;width:300px;max-height:90vh;padding:25px;transition:all .3s;position:fixed;top:50%;right:25px;overflow-y:auto;transform:translateY(-50%)translate(30px);box-shadow:0 0 35px #894bff59}#element-info.active{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}#close-info{color:#fff;cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:8px;left:12px}.info-number{color:#b9a6ff;font-size:14px}.info-symbol{text-align:center;color:#fff;text-shadow:0 0 20px #a36bff;margin:12px 0;font-size:65px;font-weight:700}#info-persian{text-align:center;color:#d8c8ff;font-size:24px}#info-english{text-align:center;color:#aaa0c5;margin-top:6px}.info-line{background:#7853c9;height:1px;margin:20px 0}.info-details p{color:#c7bddf;justify-content:space-between;gap:10px;margin:14px 0;font-size:14px;display:flex}.info-details span{color:#fff;font-weight:700}.info-description{color:#d5c9ed;background:#825ad21f;border-right:3px solid #956cff;border-radius:8px;margin-top:20px;padding:12px;font-size:13px;line-height:2}@media (width<=600px){#element-info{width:260px;padding:18px;right:10px}}